JavaとJavaScriptは同じものですか？

別物です。名前は似ていますが、生まれも使いどころもちがう言語です。Webページに動きをつけるのはJavaScriptのほう。「メロンとメロンパンくらい別物」と覚えておきましょう。

JavaScriptを始めるのに特別なソフトは必要？

いりません。いつも使っているブラウザがそのままJavaScriptの実行係になってくれます。書くためのエディタ（VSCodeなど）があれば、今日から始められます。

先にHTMLとCSSに少しふれておくのがおすすめです。JavaScriptは「HTMLの部品を動かす」言葉なので、動かす相手を知っていると理解がぐっと早くなります。

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

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

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

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

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

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

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

この1行を分解すると、こうなっています。

「命令の名前＋かっこの中に材料」——JavaScriptの文は、だいたいこの形をしています。この先どんな命令が出てきても、骨格は同じです。

HTMLをindex.htmlに、CSSをstyle.cssに書いてきたように、JavaScriptもscript.jsのような専用のファイルに書くのが基本です。中身はただの文字なので、書く道具もいつものエディタのまま。

そして実行してくれるのは、いつものブラウザです。ブラウザはHTMLやCSSを読んで画面を作るだけでなく、JavaScriptを上から順に読んで実行する力も持っています。特別な機械もソフトもいりません。

ただし、script.jsを作って置いておくだけでは、ブラウザは気づいてくれません。CSSを<link>でつないだのと同じように、HTML側から「このファイルも読んでね」と伝える必要があります。それが<script>タグです。

<body>
  <h1>しまちゃんのページ</h1>

  <script src="script.js"></script>
</body>

src="script.js"が「読みこむファイルの場所」。index.htmlと同じフォルダに置いてあれば、ファイル名だけでつながります。