JavaScript・はじめの一歩

JavaScriptって何?

ページに「動き」をつける言葉、JavaScript。ボタンを押すと何かが起きる——あれは全部この子のしわざです。

HTMLが骨組み、CSSが見た目。では「ボタンを押したら数が増える」「メニューが開く」といった動きは誰の担当?——それがJavaScriptです。

3つの役割、そろい踏み

言葉担当
HTML中身・構造
CSS見た目
JavaScript動き・振る舞い

この3つが合わさって、いま見ているようなWebページができています。人にたとえるなら、HTMLは骨、CSSは服、JavaScriptは「話したり動いたりする力」。3人がそろって、はじめて生き生きしたページになります。

身のまわりの「動き」は、ほとんどこの子

じつは、あなたが毎日ふれている動きの多くがJavaScriptのしわざです。

  • 「いいね」を押すとハートの数が増える
  • 検索ボックスに打つと候補が出てくる
  • ボタンを押すとメニューがにゅっと開く

「押したら」「打ったら」「動かしたら」何かが起きる——そう感じたら、たいてい裏でJavaScriptが働いています。特別な魔法ではなく、身近な仕組みなんだ、と思えると距離が縮まります。

いちばん最初の一歩

JavaScriptの“はじめまして”は、たいていこれです。

alert("こんにちは!");

これだけで、画面に「こんにちは!」という小さなお知らせ(ポップアップ)が出ます。書いたことが、目に見えて動く——この体験が、プログラミングのいちばんの楽しさ。まずは「へぇ、こう書くと動くんだ」で十分です。

このレッスンのまとめ

  1. JavaScriptは動きを担当する言葉
  2. WebはHTML・CSS・JavaScriptの3人チームでできている
  3. 身のまわりの「押したら動く」の多くはJavaScriptのしわざ