else
条件が成り立たない場合の処理 ～else～ if文の条件が成り立たない場合に、別の処理を行いたい場合は、if文に「else」を組み合わせると「もし◯◯なら●●を行う、そうでなければ■■を行う」という処理ができるようになる。 c...
条件分岐 ～if文～
条件分岐とは 「ある条件が成り立つときだけ、ある処理を行う」というプログラムを条件分岐と呼ぶ。 const number = 12;
↓
定数numberの値が10より大きい？
↓ YES
console.log("...
テンプレートリテラル
テンプレートリテラルとは 文字列や定数の連結には「＋」記号を使うが、ES6では、それ以外の方法として「テンプレートリテラル」という連結方法が使える。 const name = "hiro60";
conso...
定数
定数とは 変数とよく似ている。 定数は「let」の代わりに「const」を使って定義する。 const name = "hiro60" const = 定数の宣言name = 定数名"hiro6...
変数
変数とは 変数とは、データ（値）の入れ物（箱）のこと。 箱についている名前が「変数名」であり、箱の中に実際の値（文字列や数値など）が入っているイメージ。 変数は「 let 変数名 = 値 」として定義する。 プログ...
数字と計算
数値は文字列と違いクォーテーションで囲まない。 囲んでしまうと文字列として扱われるので、計算などに使用できなくなるので注意。 足し算・引き算 足し算や引き算といった計算もでき、足し算は「 + 」、引き算には「 - 」の記...
JavaScriptを学ぶ
サイト制作には必要不可欠ということで、JavaScriptを勉強していきます。 自分のメモ書き的に残していく内容にはなりますが、これからJavaScriptを勉強するという人には参考になるのではないかと思います。 記事の順番も...
コンテンツを左右からスライドインさせる
サイト制作時に、よく使用するコードをスニペットとして置いておきます。 動作イメージ スクロールしていくとコンテンツが左右からスライドインで表示される。表示される時に多少ブルブルする。 前提条件 jQueryを使うの...
ハンバーガーメニューとグローバルナビゲーション
サイトのヘッダー部分について、よく使用するコードをスニペットとして置いておきます。 動作イメージ スマホではハンバーガーメニューで動作。 クリックするとアイコンがアニメーションで ✕ になる 画面中央から広がるよ...
最近購入した書籍紹介
自分に足りない部分を補うためには、やはり本を読むことが大切ですね。 ということで、サイト制作やマーケティングなどを勉強するために、最近購入した書籍を動機とあわせてご紹介します。 個別の書評はまた別の機会にでも。 「悩まな...