💡 記事の下にエディタを用意しています。壊してもOK!

更新日: 2026年5月31日

JavaScriptで変数を宣言する方法|constの使い方

📌

結論

変数は const で宣言するのが基本です

📝 実際のコードはこちら
const name = '太郎';
console.log(name);

const vs let vs var

宣言再代入スコープ推奨度
const❌ 不可ブロック⭐ 最も推奨
let✅ 可ブロックループカウンタ等に
var✅ 可関数❌ 使わない
迷ったら const を使ってください。後から値を変えたいと分かったときだけ let に変えればOKです。

constなのに変更できる?

const再代入ができないだけで、オブジェクトや配列の中身は変更できます。
📝 実際のコードはこちら
const arr = [1, 2, 3];
arr.push(4);     // ✅ 中身の変更はOK
arr = [5, 6, 7]; // ❌ 再代入はエラー

まとめ

・変数宣言は const が基本 ・再代入が必要なときだけ letvar は使わない

演習で試してみよう

nameに好きな値を代入して、console.logで出力してみましょう。

🧪 ここで試せます ─ 壊しても大丈夫!

下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。

■ 演習

nameという変数に好きな値を代入し、console.logで出力してください。

詰まったらヒント

const name = '値'; で変数を宣言し、console.log(name); で出力します。

15pt

変数を宣言

nameという変数に好きな値を代入し、console.logで出力してください。

エラーをクリックで該当行をハイライト。✕=エラー ⚠=警告 ›=ログ。

ロードマップ · 全解説

この演習を深掘りする

「変数を宣言」は入門レベルのJavaScript演習です。nameという変数に好きな値を代入し、console.logで出力してください。 この課題は、ブラウザ内エディタでその場実行でき、正誤判定も自動で行われます。

constは再代入できない変数宣言です。 実務では同様のパターンがコードレビューやUI実装の現場で繰り返し登場します。

学習ロードマップ「js-basic」とセットで進めると、インプット→アウトプットの循環が作れます。演習#22はカテゴリ「js-basic」の中核スキルを固める位置づけです。

取り組み手順(ステップバイステップ)

  1. ページ上部の解説記事を読み、「変数を宣言」のゴールを把握する
  2. エディタのJavaScript欄を確認し、スターターコードから書き始める
  3. 詰まったらヒントを開き、解答例と見比べながら差分を埋める
  4. 「実行」ボタンでプレビュー/コンソールを確認し、期待どおりの表示になるかテストする
  5. 正解判定では「const name」「console.log(name)」などが含まれることを確認します。
  6. 正解後は前後の演習リンクから続けて取り組み、同カテゴリを通しで完成させる

解答コードの読み解き方

JavaScript側では console.log が使われています。API名のtypoとawaitの有無を確認してください。 解説: constは再代入できない変数宣言です。 ヒントの要点: const name = '値'; で変数を宣言し、console.log(name); で出力します。

実務・転職でどう活きるか

JavaScript基礎はReact/Vue/Node.js学習の前提です。変数・関数・配列操作はコードレビューで毎日登場するスキルです。

よくある間違い

  • ヒントを読まずに解答を見る: const name = '値'; で変数を宣言し、console.log(name); で出力します。
  • console.logのスペルミス
  • 文字列と数値の==比較
  • const変数への再代入
  • セミコロン忘れで意図しない改行

トラブルシューティング

実行してもプレビューが変わらない
JavaScriptの編集欄を触っているか確認し、実行ボタンを押したあと数秒待ってから再確認してください。
正解なのに判定が通らない
正解判定では「const name」「console.log(name)」などが含まれることを確認します。 全角スペースやtypo、タグの閉じ忘れを疑ってください。
コンソールにエラーが出る
DevToolsのConsoleタブで行番号を確認し、括弧・引用符の対応を見直します。
スマホで入力しづらい
横画面にするか、PCブラウザで同じURLを開くと快適です。進捗はlocalStorageに保存されます。

転職・面接で話せるポイント

  • 「変数を宣言」で扱う技術を自分の言葉で30秒説明できるようにしておく
  • 解答コードの各行が何をしているか、面接官に白板で説明する練習をする
  • JavaScript API(console.log)の使いどころを実例付きで話せる
  • 「なぜこの実装方法を選んだか」「別解はあるか」を必ず1つ用意する

用語集

const
再代入不可の変数宣言。
function
処理をまとめた再利用可能なブロック。
console.log
開発者ツールのコンソールへ出力。

このページで扱うキーワード

このページは「変数を宣言」「js-basic」「入門」「console.log」「declare variable」などのキーワードで検索される方に向けた、変数を宣言の無料演習・解説です。

関連する開発ツール

学習ロードマップ

学習ロードマップ →

関連する演習

よくある質問(FAQ)

変数を宣言は無料ですか?

この演習は完全無料で、ブラウザだけで完結します。アカウント登録やクレジットカードは不要です。

難易度と所要時間は?

「変数を宣言」は難易度「入門」です。解説記事を読んでから取り組めば、プログラミング未経験でも30分以内に解ける設計になっています。 1問あたり5〜15分が目安です。詰まったらヒント→解答の順で確認してください。

正解後は何をすればいい?

正解したら「次の問題」リンクから続けてください。同カテゴリを一通り終えたら、学習ロードマップの次ステップへ進むのがおすすめです。

スマホでもできますか?

スマートフォンのブラウザでもエディタとプレビューは動作します。ただしコード入力はPCの方が快適です。

他の演習はどこ?

演習一覧は/learn/から。カテゴリ・難易度でフィルターできます。

「変数を宣言」で覚えるポイントは?

constは再代入できない変数宣言です。 ヒント: const name = '値'; で変数を宣言し、console.log(name); で出力します。

JavaScript基礎カテゴリの位置づけは?

JavaScript基礎はReact/Vue/Node.js学習の前提です。変数・関数・配列操作はコードレビューで毎日登場するスキルです。

「変数を宣言」の具体的な手順は?

1. ページ上部の解説記事を読み、「変数を宣言」のゴールを把握する
2. エディタのJavaScript欄を確認し、スターターコードから書き始める
3. 詰まったらヒントを開き、解答例と見比べながら差分を埋める
4. 「実行」ボタンでプレビュー/コンソールを確認し、期待どおりの表示になるかテストする
5. 正解判定では「const name」「console.log(name)」などが含まれることを確認します。
6. 正解後は前後の演習リンクから続けて取り組み、同カテゴリを通しで完成させる

解答コードの読み方は?

JavaScript側では console.log が使われています。API名のtypoとawaitの有無を確認してください。

解説: constは再代入できない変数宣言です。

ヒントの要点: const name = '値'; で変数を宣言し、console.log(name); で出力します。

うまくいかないときは?

実行してもプレビューが変わらない → JavaScriptの編集欄を触っているか確認し、実行ボタンを押したあと数秒待ってから再確認してください。
正解なのに判定が通らない → 正解判定では「const name」「console.log(name)」などが含まれることを確認します。 全角スペースやtypo、タグの閉じ忘れを疑ってください。
コンソールにエラーが出る → DevToolsのConsoleタブで行番号を確認し、括弧・引用符の対応を見直します。
スマホで入力しづらい → 横画面にするか、PCブラウザで同じURLを開くと快適です。進捗はlocalStorageに保存されます。

転職・ポートフォリオでどうアピールする?

「変数を宣言」で扱う技術を自分の言葉で30秒説明できるようにしておく 解答コードの各行が何をしているか、面接官に白板で説明する練習をする JavaScript API(console.log)の使いどころを実例付きで話せる 「なぜこの実装方法を選んだか」「別解はあるか」を必ず1つ用意する

スターターコードは変更していい?

はい。動けばOKですが、まずはスターターを理解してから差分だけ足すと学習効率が上がります。

点数(pt)の意味は?

15ptは難易度の目安です。合計点を競う必要はなく、理解度を測る指標として使ってください。