CODE

開発言語とその他

CSS

【CSS】文字を縦書きにする方法《コピペOK》

今回は、CSSで文字を縦書きにする方法について説明します。一般的なWebサイトは横書きですが、目を引くデザインにするためには CSS で文字を縦書きにしても良いんじゃないでしょうか?では、早速解説します!
CODE

プログラミングの独学は時間の無駄だからやめた方がいい理由

#今日の積み上げ プログラミング Twitterでこういった発信をしている人が結構いますが、プログラミングの独学は時間の無駄だからやめた方がいい理由について今回は解説していこうかと思います。
command line

【ターミナル】よく使うコマンド11選 (使用例有り)

今回は、ターミナルのコマンド(操作)についてまとめてみました。ターミナルって実際にどんなことができるのか。どうやって使えばいいのか。まとめてみたので参考にしてみて下さい!※初心者さん必見、使用例もありわかりやすく解説してます。
スポンサーリンク
CODE

【Atom】作業効率を上げる便利なショートカットキー(Mac)

今回は、テキストエディタ「Atom」の「作業効率を上げる便利なショートカットキー」を紹介していこうと思います。また、全ファイルの文字列検索と置換のやり方についても詳しく解説します!
CSS

ドットインストールで学ぶ、CSS入門(全17回)まとめ!【徹底解説】

ドットインストールのCSS入門(全17回)の講座内容のポイントをまとめてみました。これは前回作っていたプロフィールサイトの続きです。 HTML入門(全15回)まとめ!【徹底解説】 ドットインストール:CSS入門(全17回) 目次 ...
HTML

ドットインストールで学ぶ、HTML入門(全15回)まとめ!【徹底解説】

ドットインストールのHTML入門の(全15回)の講座内容のポイントをまとめてみました! ドットインストール:HTML入門(全15回) 目次 ・#01 プロフィールサイトを作ってみよう ・#02 ブラウザに名前を表示しよう ・#...
CSS

【CSSで動きを出す】hover ,active,focus の使い方

CSSはHTMLの装飾をするだけではなく、JavaScriptのような動きをつけることもできます。今回は、hover , active , focus を紹介したいと思います。
CSS

CSSの擬似要素【Before,After】を解説

CSSの擬似要素(::before,::after)ってなんのために使うんだろう?そう思ったことはありませんか?今回は、そんな擬似要素の::beforeと::afterについて解説していきます。サンプルコードがあるので参考にしてみてください!
Javascript

【jQuery】fadeOutとslideUp

今回は、jQueryで簡単にアニメーションをつけてみようということでfadeOutとslideUpを使用しました。fadeOutとslideUpの書き方について簡単に説明させていただきます!
WeChat

【WeChat】ミニプログラム 作成(開発環境構築)

WeChatのミニプログラム が作りたいということで何回かにわけてWeChatのミニプログラム の作り方についてお伝えします。今回は第一段ということで開発環境を整えていくところからスタートします!※手順をしっかり書いているため開発未経験の初心者でも大丈夫です。
Javascript

【jQuery】便利なテキストボックス連動方法(keyup)

jQueryでテキストボックスの1つに文字を打ち込むと、もう1つのテキストボックスに文字が打ち込まれるというコード作りました。どこいった場面で利用できるかパットは思いつきませんが、「keyup」イベントについて理解が深められるかと思います。
HTML

小学生からわかるプログラミング HTML&CSS初級編

小学生からわかるプログラミング、ということで今回から「Progate」というプログラミング学習サイトを利用して一緒に勉強していきましょう。まずは、基礎の「HTMLとCSS」について学んでいきましょう!これを学ぶとWebページが作れます!
CSS

コピペで使えるCSS【メニュー・ボタン・吹き出し】

コピペで使えるCSSということで今回は、メニュー・ボタン・吹き出しを作ってみました!誰でもコピーして使えるため、ぜひWebデザインに使っていただけたらと思います。
CODE

【言語は何を選ぶ?】初心者が始めるプログラミング!

プログラミングを始めようと思っているけど何から始めればいいかわからない。そんなお悩み解決します。初心者が学びやすいプログラミング言語〜困った時はこうしよう…というところまで解説していきます!
CODE

【2020年】プログラミング教育が必修化!

2020年よりプログラミングが小学生から「必修化」になりました。ということで、このサイトでも小学生にわかりやすいようなプログラミングコンテンツを増やしていけたらと考えています。今回は、なぜ?プログラミングが小学生から「必修化」になったのか?ってところについて説明してきたいと思います。
CODE

【CodePen】Webブラウザ上でプログラミング簡単学習!

Webデザイン(プログラミング)を学習しよう!といった時、いろいろな準備がありますがこの「CodePen」を使ってしまえば、「HTML」「CSS」「JavaScript」がWebブラウザ上で簡単に学習できてしまいます!この魅力的なツール「CodePen」につてお伝えしたいと思います!
CSS

【コピペで使える】CSSの見出し(タイトル)

記事をより見やすくしたいですよね?今回は、CSSで見出しを整えてみましょうといった内容です!見出しを整えることで、ユーザー(読者)が記事を読みやすくなります。コピペで使えるサンプルコードもあるのでぜひ使用してみてください!
CODE

【jQuery】数値判定をしよう (サンプル有り)

jQueryを独学で学習した際に、数値判定と文字の切り出しを理解するために 郵便番号を「XXX-XXXX」で打ち込まなければいけない。というサンプルコードを作ってみました!コードを見ながら数値判定と文字の切り出しについて理解をしていきましょう!
command line

.DS_Storeを消す方法

.DS_Storeが邪魔でしょうがない人は消しましょう!ターミナルのコマンドで簡単に消せるので、覚えていると便利です。今回は、この「.DS_Storeとは?」というところから「消し方」また、よく使う「よく使うターミナルコマンド」まで解説していきます。
CODE

【textillate.js】文字を動かす方法

プログラミングを勉強しているなら「Hello World」という文字を一度はみたことがあるはず!これをかっこよくjsで動かしてみたいなー。と思ったので「textillate.js」というJavaScriptのライブラリーを使ってみました。今回はその「textillate.js」の使い方について説明したいと思います!
CODE

小学生からわかるプログラミング JavaScript(ES6)初級編

Toshi 「小学生からわかるプログラミング」ということで、以前は「HTML&CSS」について勉強していきました!今回は「Progate」の「JavaScript初級編」で「JavaScript」の基本を学...
HTML

目次を作りたい!jsを使わず、項目にfocusさせる方法。

  jsを使わずfocusさせる方法 よくいろんなサイトのブログを見ていると目次をみかけることがあると思います。目次をさらっと見て 読みたい項目をクリックすると… その記事に飛ぶというもの。Jsでfocus...
Javascript

jQueryで要素を追加、変更方法

  jQueryで要素を追加する方法 今回は、jQueryを使い要素を追加してみたいと思います。 詳しくはDEMO動画をみてください! DEMO insertAfter insertBefore ...
Javascript

待機のアニメーションをanime.jsで作成してみよう!

  待機のアニメーションをanime.jsで作成してみよう! Web読み込みなどで、待機している時にアニメーションを見ることがあるかと思います。 このアニメーションはgifを使っているのですが…こんな待機アニメーションをan...
スポンサーリンク
T