JavaScript

このページでできるようになること

• JavaScriptが何を担当する言語か説明できる
• HTML・CSSとの役割分担を理解できる
• ブラウザとNode.jsでの実行環境の違いを言える
• 動的型付け・イベント駆動といった基本特性を説明できる
• ECMAScriptとの関係を整理できる
• 試験で問われやすい基礎概念を把握できる

まずは直感：JavaScriptって何？

ざっくり言うと、JavaScriptは「Webページを動かすための言語」です。

• ボタンを押したら処理を実行する
• 入力内容をチェックする
• サーバーからデータを取得して表示する
• 画面の表示を切り替える

HTMLが「構造」、CSSが「見た目」だとすると、JavaScriptは「動きと制御」を担当します。

HTML・CSSとの役割分担

HTML

ページの構造を定義する（見出し、段落、ボタンなど）

CSS

見た目を整える（色、余白、レイアウト）

JavaScript

動きや処理を担当する（クリック処理、データ処理、画面制御）

実務ではこの3つを組み合わせてWebサイトやWebアプリケーションを作ります。

どこで動くのか（実行環境）

ブラウザ

ユーザーの操作に応じて画面を変化させる（DOM操作・イベント処理）

Node.js

サーバー側の処理やツール開発に使用される

その他

デスクトップアプリ、モバイルアプリ、ゲーム開発などにも利用される

現在のJavaScriptは「ブラウザ専用の言語」ではありません。

正確な定義（仕様に沿った説明）

動的型付け言語

変数の型を事前に宣言する必要がなく、実行時に値の型が決まります。

オブジェクトベース

データと処理をオブジェクトとして扱います。クラス構文も使用できます。

イベント駆動

ユーザー操作（クリック・入力など）をきっかけに処理が実行されます。

シングルスレッド

基本的に1つの処理の流れで動作します。非同期処理はイベントループによって制御されます。

ECMAScriptとは

ECMAScriptはJavaScriptの「仕様」の名前です。

• 仕様を策定するのはTC39委員会
• 毎年アップデートされる
• ES2015以降、年号でバージョン管理される

JavaScriptはECMAScript仕様をもとに実装されています。

実務での位置づけ

• フォームの入力チェック
• 非同期通信（API取得）
• SPA（シングルページアプリケーション）
• UIコンポーネント設計

就職レベルでは「DOM操作」「イベント処理」「非同期処理」の理解が必須です。

試験で得点できる整理

JavaScriptとは？

Webページに動きや処理を追加するプログラミング言語

ECMAScriptとは？

JavaScriptの仕様

動的型付けとは？

変数の型を事前に固定しない仕組み

イベントとは？

ユーザー操作などをきっかけに発生する通知

まとめ

JavaScriptは、Web開発の中心となるプログラミング言語であり、HTML・CSSと組み合わせて動的なWeb体験を実現します。

基礎として重要なのは「言語仕様」「DOM操作」「イベント」「非同期処理」です。

このサイトでは、就職と試験合格を目標に、これらを段階的に整理していきます。