そもそもJavaScriptとは?
JavaScriptは、1995年にネットスケープというアメリカの会社で作られた言語です。Webページに「動き」を与えるために設計され、ブラウザ(Chrome・Safari・Firefox等)の中でそのまま実行されます。特別な開発環境を入れなくても、ブラウザの開発者ツールを開けば、短いコードを試せます。
名前にJavaが入っていますが、Javaとは別物です。当時の流行に合わせて似た名前が付いた歴史があり、文法や用途は大きく違います。検索するときは「JavaScript」と最後まで書くと、Javaの記事と混ざりにくくなります。
仕組み:ブラウザに3点セット
Webサイトは「HTML(骨組み)」「CSS(見た目)」「JavaScript(動き)」の3つで成り立っています。HTMLは家の柱、CSSは内装、JavaScriptは家電の役割。ボタンを押すと反応する、入力するとリアルタイムで結果が変わる、といった動きを担当します。
何に使われている?
SNS・地図・ゲーム・チャット・動画再生・入力フォーム・グラフ表示まで、Webで「動く」ものの多くにJavaScriptが関わっています。Node.jsという仕組みを使うと、ブラウザだけでなくサーバー側のプログラムも書けます。つまり、画面の動きから裏側の処理まで、同じ言語で学びを広げやすいのが特徴です。
最初の1行を書いてみる
ブラウザを開いて F12(または右クリック → 検証)を押すと「開発者ツール」が出ます。「Console」タブで alert("こんにちは") と打ってEnterすれば、画面にメッセージが出ます。これが最初のJavaScript体験になります。学校や共用PCでは、先生や管理者のルールに従って試しましょう。
変数は let name = "ゆうき"、画面に表示は console.log(name)。Pythonを触ったことがある人は似ている部分を見つけられますが、同じではありません。特に、HTMLのボタンや入力欄とつなげて初めて面白さが出るので、HTML・CSSとセットで練習しましょう。
気をつけたい落とし穴
- エラー文を読まずに閉じる。Consoleの赤い文字は、直す場所を教えてくれるヒント
- Javaと混同する。名前は似ているが、別の言語として学ぶ
- HTML・CSSを飛ばしてJavaScriptだけ学ぶ。HTML/CSSと組み合わせないと、動きを実感しづらい
将来どう役立つ?
JavaScriptはWebの世界で広く使われています。フロントエンドエンジニア(Webサイトの見た目を作る職種)はもちろん、バックエンド・モバイルアプリ・デスクトップアプリ・ゲーム開発まで、応用範囲が広い言語の1つです。Web制作に興味がある人にとって、早めに触っておく価値があります。
今日からできること
- このページをChromeで開いたまま F12 を押して開発者ツールを表示
- 「Console」タブで
alert("Hi")を実行してみる let x = 5; console.log(x * 2);を実行して 10 が表示されることを確認する