本記事では、JavaScriptとECMAScriptの違いと歴史について解説しています。 【Netscape NavigatorとInternet Explore】 JavaScriptとECMAScriptの違いを理解するには、「Netscape Navigator」と「Internet Explore」について知る必要があります。 現代の主...

本記事では、Web開発で使われるポリフィル(polyfill)について解説します。 【ポリフィル(polyfill)とは？】 現在のフロントエンド開発では、HTML5やES6,ES7(JavaScript)などの新規格が次々に登場しています。新規格で新しいタグやメソッド・プロパティなど...

本記事では、JavaScriptで遷移元(直前)のURLを取得する方法と遷移元のURLで条件分岐する方法について解説します。 このテクニックを使うことで、特定のページからアクセスしてきたユーザーに対してのみ処理を実行することなどが可能になります。 【遷移元...

本記事では、JavaScriptのスコープについてサンプルコードを載せて分かりやすく解説しています。 【スコープとは】 JavaScriptのスコープとは、値と式が参照できる有効範囲のことを指します。スコープには大きく分けて「グローバルスコープ」「ローカルス...

本記事では、CSSを使って親要素よりも子要素の幅を広げる方法について解説します。 このテクニックを覚えることで、わざわざ親要素から外して幅を指定する必要がなくなりコードがシンプルで見やすくなります。 【完成形を確認しよう】 完成形の形を見るこ...

本記事では、JavaScriptの登竜門と呼ばれているクロージャについてサンプルコードを用いて分かりやすく解説しています。 【クロージャとは？】 クロージャとは、スコープ内に宣言された変数を関数が使用している状態のことを指します。 言葉だけだと何を言...

本記事では、即時関数内で宣言した変数や関数を即時関数の範囲外で使う方法について解説しています。 クロージャーやスコープについてある程度理解できている人向けの内容になっているため、まだ理解出来ていない人は下記の記事をご参考ください。 【即時...

JavaScriptには関数スコープと呼ばれる、関数内で宣言された変数はその関数内でしか参照することができません。よって、普段通りに関数内の変数を外で使用してもエラーが発生しています。 本記事では、本来であれば参照することのできない関数内の変数を使...

本記事では、JavaScriptの変数宣言の時に使用するvar、let、constの違いについて解説しています。 【var、let、constの4つの違い】 JavaScriptの変数を宣言するにはES5まではvarの一つだけでしたが、ES6になって以降letとconstが新たに追加されました。 va...

本記事では、JavaScriptの型の種類や調べ方について解説しています。 【型の種類】 JavaScriptには全部で9種類の方が存在します。それぞれの型についての詳細は以下の通りです。 型名意味値Number数値123String文字列“SAMPLE”Boolean真偽値true / falseFun...