JavaScript とは？

全然違うよ！名前が似てるだけで、別々に生まれた別の言語なんだ。「ハムスター」と「ハム」くらい関係ないって言われることもあるよ（笑）。

Webページに「動き」をつけるのがメイン役割だよ。ボタンを押したらメニューが開く、スクロールしたら画像がふわっと出る、フォームに入力ミスがあったら赤くなる……そういう動きはほぼJavaScriptで作られているんだ。

CSSは「見た目の変化」を担当していて、JavaScriptは「ロジックを伴う動き」を担当しているイメージだよ。「ボタンを押した回数が3回を超えたらメッセージを出す」みたいな条件分岐や計算はJavaScriptにしかできないんだ。

JavaScriptはもともと「一度に一つの処理しかできない」シングルスレッドの言語なのに、通信や時間のかかる処理を待たずに画面を動かし続けないといけない。それを解決するのが非同期処理なんだけど、「コールバック地獄」→「Promise」→「async/await」と進化してきた歴史があって、なぜそれぞれが必要だったか理解するのが中上級者でも難しいポイントなんだよ。