「プログラミングを学んでいると必ず出てくる『変数』って何？」
「letとかconstとか、種類があって使い分けがわからない……」
JavaScriptを学び始めたばかりのとき、最初に出会う大きな壁は「変数（へんすう）」です。
一見難しそうに聞こえますが、その仕組みはとてもシンプル。変数をマスターすると、同じ文字を何度も書く手間が省けたり、計算結果を一時的に保存したりと、一気にプログラミングらしいことができるようになります。
本記事では、変数の正体を「データの箱」としてわかりやすく解説し、現代のJavaScriptで必須となる「let」と「const」の使い分けまでを詳しくお伝えします。
まだJavaScriptを実行したことがない方は、まずはこちらの記事からどうぞ。
変数とは？「名前付きの箱」でイメージしよう
プログラミングにおける変数とは、一言で言うと**「データを入れておくための名前付きの箱」**です。
たとえば、あなたの名前を何度も使うプログラムを作るとします。その都度「”田中太朗”」と書くのは大変ですし、もし名前が変わったらすべての箇所を書き直さなければなりません。
そこで、userNameという名前をつけた箱に「”田中太朗”」を入れておきます。すると、次からはuserNameと書くだけで、いつでも中身の「田中太朗」を取り出すことができるようになります。
変数を使うメリット
- 修正が楽になる：名前が変わったとき、箱の中身を1箇所変えるだけで、すべての表示に反映されます。
- コードが読みやすくなる：ただの数字「108」と書くより、taxRate（税率）という箱に入ったほうが、何を表す数字か一目でわかります。
変数の作り方（宣言）と使い方
JavaScriptで変数を作ることを「宣言（せんげん）」と呼びます。現代のJavaScriptでは、主に2つのキーワードを使って変数を作ります。
①const（定数：中身を変えない箱）
一度データを入れたら、後から中身を入れ替えることができない箱です。
②let（変数：中身を入れ替えられる箱）
後から中身を別のものに書き換える（再代入する）ことができる箱です。
letとconstの使い分け：プロはどうしてる？
初心者のうちは、「どっちを使えばいいの？」と迷うかもしれません。
答えはとてもシンプルです。
「基本はすべてconstを使い、どうしても中身を書き換える必要がある時だけ let を使う」
なぜconstが優先なのか？
プログラムが複雑になると、「いつの間にか中身が変わっていた」というミスがバグ（不具合）の大きな原因になります。
最初から「この箱の中身は絶対に変えない！」と決めてconstを使っておくことで、予期せぬエラーを防ぎ、安全なコードを書くことができるのです。
変数名をつける時のルール
箱に名前をつけるとき、JavaScriptにはいくつかの守るべきルール（命名規則）があります。
- 半角英数字で書く：漢字も使えますが、エラーや文字化けの原因になりやすいため、基本はアルファベットを使います。
- 数字から始めない：1stNameはエラーになりますが、name1はOKです。
- 2つ以上の単語は「ラクダ」形式で：user_nameではなくuserNameのように、2つ目の単語の頭文字を大文字にするのが一般的です（これをキャメルケースと呼びます）。
user_nameがダメというわけではありません。
まとめ
変数は、プログラミングにおいてデータを整理・活用するための欠かせない道具です。
- 変数は、データを入れておく「名前付きの箱」
- 基本は「const」を使い、書き換えたい時だけ「let」を使う
- わかりやすい名前をつけることで、ミスを減らし読みやすいコードになる
まずは自分の好きな言葉をconstで宣言して、console.logで表示させることから試してみてください。データの扱い方がわかると、JavaScriptの楽しさがさらに広がります。
