レッスン2：変数とデータ型

🎯 このレッスンで学ぶこと

• 変数とは何かを説明できます。
• constとletの違いを説明できます。
• 文字列・数値・真偽値の3つのデータ型を書けます。
• 変数を使って文字列を連結できます。

📖 導入 — プログラムはデータを覚えておく

プログラムを作るときは「名前」「点数」「ログイン中かどうか」など、いろいろなデータを一時的に覚えておく必要があります。そのための仕組みが 変数 です。変数は、データを入れておける「名前付きの箱」のようなものです。

たとえばゲームなら「プレイヤーの名前」「スコア」「残りライフ」を変数に入れておきます。

📝 変数とデータ型

変数の宣言： と

変数を作ることを「宣言する」といいます。let は後から値を変えられる変数、const は変えられない変数（定数）です。

let score = 80;
score = 90;  // ✅ let は変更できる

const level = 5;
level = 6;   // ❌ const は変更できない（エラーになる）

💻 やってみよう！

VS Codeで my-practice フォルダの index.html を開いてください。（lesson1で作ったファイルを使います）<script> タグの中を以下のように書き換えてください。書き終えたら index.html をダブルクリックしてブラウザで確認しましょう。

const name = "【名前】";   // 自分の名前に変えてね
const age = 15;        // 自分の年齢に変えてね
const isStudent = true;

console.log("名前：", name);
console.log("年齢：", age);
console.log("学生？：", isStudent);

alert("名前は" + name + "、年齢は" + age + "歳です！");

⚠️ よくあるミス

• const に再代入してエラーになる：const score = 80 のあとに score = 90 と書くとエラーになります。値を変えたい変数は let で宣言しましょう。
• 文字列と数値を混同する："3" + 5 は "35"（文字列の連結）になります。数値の足し算にしたいときは、両方とも数値にしましょう。Number("3") + 5 なら 8 になります。
• 変数名のスペルミス：const name = "田中" と宣言したのに console.log(neme) と書くとエラーになります。大文字・小文字の違いにも注意しましょう。

🚀 発展：テンプレートリテラル

+ での連結より読みやすく書ける方法があります。バッククォート（`）で囲み、変数を ${変数名} の形で埋め込みます。

const name = "田中";
const age  = 15;

// + での連結
console.log("名前は" + name + "、年齢は" + age + "歳です");

// テンプレートリテラル（読みやすい）
console.log(\`名前は${"$"}{name}、年齢は${"$"}{age}歳です\`);

🚀 次のレッスンへ

次のレッスンでは、条件によって処理を変える if 文を学びます！