【ページの“仕掛け”の正体はJavaScript】 - Webサイト専門プログラマの言いたい放題

f:id:wp-lesson:20170108153405p:plain

「販売終了まであと○時間○秒」
　
というカウントダウンタイマーや、
　
ブラウザを閉じようとすると
　
「本当に閉じてもいいのですか？」
　
というメッセージが表示されたり、
　
スマホ用のハンバーガーアイコンを
タップするとメニューが右からヌルッと現れたり、
　
画面をスクロールすると右下に
　
「トップに戻る」
　
リンクが表示され、上に戻ると消えたり、
　
こういったユーザーの操作に反応してページに
何らかの変化を起こす“仕掛け”というのは、
　
基本的にJavaScriptで作ることができます。
　
なぜなら、JavaScriptはブラウザの中で動くプログラム言語だからです。
　
HTMLは文書の構造を定義するものであり、
CSSはページのデザインを制御するものなので、
そのような“動作”には不向きです。
　
全く無理ではありませんが、
複雑な動作には対応していません。
　
だから、JavaScriptなのです。
　
そして、JavaScriptを理解するためには、
　
・オブジェクト
・イベント
・変数
・制御構文
　
といった概念知識が必要になります。
細かな文法はそのあとです。
　
例えば、カウントダウンタイマーの書き方は？
と聞かれて、「こう書きます」とお答えしても、
100行近いコードの1つ1つの意味が伝わるはずがありません。
　
九九がわからないと消費税の計算はできませんし、
指使いがわからないとショパンのエチュードは弾けません。