JavaScriptとは何か？Webを動かす魔法

JavaScript（ジャバスクリプト）は、1995年にNetscape社のBrendan Eich（ブレンダン・アイク）氏によって開発されたプログラミング言語です。当初は単にWebページにちょっとした動きをつけるための補助的な言語でしたが、現在ではWeb開発において「最も重要な言語」と言っても過言ではありません。

HTMLが「骨格」、CSSが「見た目」を作るなら、JavaScriptは「動き」や「知能」を与えます。ユーザーのクリックに反応したり、サーバーから新しい情報を取得して表示したり、複雑な計算を行ったりと、Webサイトを「静的な文書」から「動的なアプリケーション」へと進化させるのがJavaScriptの役割です。さらに、Node.jsの登場により、サーバーサイドの開発も可能になり、Webの全領域をカバーする万能言語へと成長しました。

基本文法：変数と定数の使い分け

現代のJavaScript（ES6以降）では、変数の宣言方法が明確化されています。古い解説記事にある `var` は現在では推奨されず、主に以下の2つを使い分けます。

• const (定数): 一度代入したら変更できない変数。安全なコードを書くため、基本的にはこれを使います。
• let (変数): 後から値を書き換える必要がある場合に使います（例：スコアの計算など）。

const siteName = "JS Master";
// siteName = "New Name"; // エラーになる

let score = 0;
score = score + 10; // OK
console.log(`${siteName}のスコア: ${score}`);

データ型とオブジェクト：情報の器

JavaScriptは動的型付け言語であり、状況に応じてデータの種類（型）が変わりますが、基本となる型を知っておくことは重要です。

• プリミティブ型: 文字列（String）、数値（Number）、真偽値（Boolean）、null、undefinedなど。
• オブジェクト型: 複数のデータをまとめるための構造です。

特に「配列（Array）」と「オブジェクト（Object）」は頻繁に使用します。

// オブジェクトの例
const user = {
    name: "Tanaka",
    age: 25,
    skills: ["HTML", "CSS", "JS"] // 配列
};

関数：処理をまとめる魔法

一連の処理をまとめて名前をつけたものを「関数」と呼びます。最近のJavaScriptでは、「アロー関数」という短い書き方が人気です。

// 従来の書き方
function greet(name) {
    return "こんにちは、" + name + "さん";
}

// アロー関数（モダンな書き方）
const greet = (name) => `こんにちは、${name}さん`;

DOM操作：ページをリアルタイムに操る

JavaScriptの最大の武器は「DOM（Document Object Model）」の操作です。これは、HTMLの要素をJavaScriptから自由に検索し、書き換える仕組みです。

例えば、`document.querySelector('#btn')` でボタン要素を探し、`addEventListener` でクリック時の動作を登録する。これだけで、「ボタンを押したら画面の色が変わる」といったインタラクティブな機能が実現できます。

非同期処理：現代Web開発の要

Webサイトが読み込み中（ローディング）でも操作できるようにするために、「非同期処理」という技術が使われます。JavaScriptでは `Promise` や `async/await` という構文を使って、「サーバーからデータを取ってくる間、別の処理を進める」といった高度な制御が簡単に書けるようになっています。

まとめ：無限の可能性へ

JavaScriptを習得することは、エンジニアとしての可能性を大きく広げます。世界中で使われているReactやVue.jsといったフレームワークも、すべてJavaScriptで作られています。

JavaScript Masterでは、面倒な環境構築は不要です。ブラウザさえあれば、今すぐコードを書いて動かす楽しさを体験できます。さあ、あなたのアイデアでWebの世界に命を吹き込みましょう！