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