JavaScript

📖 もうちょい詳しく

何が新しいの？

JavaScript（ジャバスクリプト）は、Webページに「動き」をつけるためのプログラミング言語です。
昔のWebページは、表示されるだけの静かなものが多くありました。そこに「ボタンを押すと内容が変わる」「入力ミスをその場で教えてくれる」といった反応を加えるために生まれたのがJavaScriptです。

いまではほとんどのWebサイトで使われていて、ブラウザの中で動く言語としては、いちばん広く使われていることが多いです。

どうやって動いてるの？

JavaScriptは、ブラウザに最初から入っている「動かすしくみ」の上で動きます。
ページが表示されたあと、ブラウザがJavaScriptの命令を上から順に読み取り、そのとおりに実行します。クリックされた、文字が入力された、といった出来事をきっかけにして、ページの中身を書き換えたり、データを取りに行ったりできます。

このとき書き換える相手が DOM（ブラウザがHTMLを部品の集まりとして扱う内部構造）です。JavaScriptはDOMを操作して、画面の見え方を変えていきます。

何ができるの？

ボタンを押したときの反応、メニューの開閉、入力欄のチェック、画面を更新せずに新しい情報を出すことなどができます。
通販サイトの「カートに入れる」やSNSの「いいね」がすぐ反映されるのも、多くはJavaScriptの働きです。

さらに最近では、ブラウザの外（サーバー側）でもJavaScriptが動くようになり、Webの裏側まで同じ言語で作れる場面が増えています。

🌱 身近なたとえ

家づくりで例えると、JavaScriptは「自動ドアやスイッチなどの仕掛け」です。
柱や壁にあたるのがHTML、壁紙や塗装で見た目を整えるのがCSS、そして人が近づくとドアが開く、ボタンを押すと照明がつく、という動く部分がJavaScriptです。
骨組みと飾りだけでは家は静かなままですが、仕掛けが入ると、住む人の動きに反応してくれるようになります。

✅ まず覚えるポイント

• JavaScriptは、Webページに動きや反応をつける言語
• ブラウザの中で動き、クリックなどの出来事をきっかけに実行される
• DOMを書き換えて、画面の見え方を変える
• HTMLは骨組み、CSSは見た目、JavaScriptは動きと役割が分かれている
• 最近はサーバー側でも使われ、活躍の場が広がっている

🧭 よくある勘違い

JavaScriptとJavaは同じもの？

別の言語です。名前が似ているので混同されがちですが、作った会社も用途も違います。
JavaScriptはおもにWebページを動かすために使われ、Javaは業務システムやアプリなど別の場面で広く使われることが多いです。名前だけで「親戚」と思わないほうが安全です。

JavaScriptを切ってもサイトは見られる？

中身を読むだけなら見られることが多いです。ただし、ボタンの反応やメニューの開閉など、動きが必要な部分は使えなくなる場合があります。
最近のサイトはJavaScriptを前提に作られていることが多く、止めると正しく表示されないこともあります。

🧩 関連して覚えると楽な言葉

• HTML: ページの中身と骨組みを書く言語。JavaScriptが書き換える対象になる
• CSS: ページの見た目を整える言語。動きはJavaScriptが担当する
• DOM: JavaScriptがHTMLを操作するときの足場になる内部構造
• TypeScript: JavaScriptに型の仕組みを足し、間違いを見つけやすくした言語

🏁 ひとことでまとめ

JavaScriptは、Webページに動きと反応を与えるためのプログラミング言語です。
HTMLの骨組みとCSSの見た目に「仕掛け」を加える役で、いまのWebの使い心地は、この言語に支えられている部分が大きいといえます。