HTMLが骨組み、CSSが見た目。では「ボタンを押したら数が増える」「メニューが開く」といった動きは誰の担当?——それがJavaScriptです。
3つの役割、そろい踏み
| 言葉 | 担当 |
|---|---|
| HTML | 中身・構造 |
| CSS | 見た目 |
| JavaScript | 動き・振る舞い |
この3つが合わさって、いま見ているようなWebページができています。人にたとえるなら、HTMLは骨、CSSは服、JavaScriptは「話したり動いたりする力」。3人がそろって、はじめて生き生きしたページになります。
身のまわりの「動き」は、ほとんどこの子
じつは、あなたが毎日ふれている動きの多くがJavaScriptのしわざです。
- 「いいね」を押すとハートの数が増える
- 検索ボックスに打つと候補が出てくる
- ボタンを押すとメニューがにゅっと開く
「押したら」「打ったら」「動かしたら」何かが起きる——そう感じたら、たいてい裏でJavaScriptが働いています。特別な魔法ではなく、身近な仕組みなんだ、と思えると距離が縮まります。
いちばん最初の一歩
JavaScriptの“はじめまして”は、たいていこれです。
alert("こんにちは!");これだけで、画面に「こんにちは!」という小さなお知らせ(ポップアップ)が出ます。書いたことが、目に見えて動く——この体験が、プログラミングのいちばんの楽しさ。まずは「へぇ、こう書くと動くんだ」で十分です。
このレッスンのまとめ
- JavaScriptは動きを担当する言葉
- WebはHTML・CSS・JavaScriptの3人チームでできている
- 身のまわりの「押したら動く」の多くはJavaScriptのしわざ