モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | モダンJavaScript基礎 － DAY 2：constとlet

React 60日で身につけるReact
2026.08.20
スポンサーリンク
スポンサーリンク
  1. DAY 2：constとlet（前半）
  2. 変数とは
    1. 「値に名前をつけて、あとで使えるようにする仕組み」
  3. constとは
    1. 「再代入しない変数」を表す宣言キーワード
    2. なぜ「とりあえずconst」が推奨されるのか
  4. letとは
    1. 「あとから値を書き換える変数」を表す宣言キーワード
  5. 再代入とは
    1. 「同じ変数に、あとから別の値を入れ直すこと」
  6. 命名規則
    1. 「何を表す値なのかが分かる名前」をつける
  7. キャメルケース
    1. 「単語の区切りを大文字で表現する」書き方
  8. DAY 2（前半）のまとめと後半へのつながり
  9. DAY 2：constとlet（後半）
  10. 変数とは（「状態」を表すという視点）
    1. 値だけでなく「状態」を表すものとして考える
  11. const（「変わらないもの」をはっきりさせる）
    1. 変わらないものにconstを使うと、コードが安心して読める
    2. Reactコンポーネント内でのconstの使い方
  12. let（「変化するもの」にだけ使う）
    1. 変化するものを最小限にする
    2. Reactの外側でのletと、Reactの内側での状態
  13. 再代入（「変化させる責任」を意識する）
    1. 再代入は「その変数の意味を変える行為」
    2. 再代入を乱用しないためのコツ
  14. 命名規則（「未来の自分へのメッセージ」としての名前）
    1. 名前は「コードを読む人への説明」
    2. 真偽値（true/false）の命名パターン
  15. キャメルケース（「読みやすさ」を支えるスタイル）
    1. 単語の区切りを大文字で表現する
    2. Reactコンポーネント名との違い
  16. DAY 2（後半）のまとめと次へのつながり

DAY 2：constとlet（前半）

DAY 2の前半では、「変数とは何か」「constとletは何が違うのか」「再代入とは何か」「命名規則とキャメルケース」という、モダンJavaScriptの超重要な基礎をじっくり固めていきます。 ここを丁寧に押さえておくと、Reactコンポーネントの中で値を扱うときに迷いにくくなり、バグもぐっと減っていきます。

前へ
12
スポンサーリンク
タイトルとURLをコピーしました