2026-01

スポンサーリンク
JavaScript

JavaScript | ES6+ 文法:変数・宣言の進化 – var との挙動差

var と ES6(let/const)の根本的な違いvar は“関数スコープ+巻き上げ(hoisting)あり、再宣言可能”という古い挙動、let/const は“ブロックスコープ+TDZ(宣言前ア...
JavaScript

JavaScript | ES6+ 文法:変数・宣言の進化 – TDZ(Temporal Dead Zone)

TDZ(Temporal Dead Zone)とは何かTDZ は「let/const で宣言される変数が、宣言位置まで“存在しない扱い”になるゾーン」のことです。ここが重要です:TDZ 中にその変数へ...
JavaScript

JavaScript | ES6+ 文法:変数・宣言の進化 – ブロックスコープ

ブロックスコープとは何かブロックスコープは「波括弧 { } で囲まれた“その範囲内だけ”有効な変数の生存範囲」です。ES6 以降、let と const はブロックスコープを持ち、宣言されたブロックの...
JavaScript

JavaScript | ES6+ 文法:変数・宣言の進化 – 再代入不可の意味

再代入不可とは何か「再代入不可」は、同じ変数名に“別の値(参照)をもう一度割り当てることができない”という意味です。ES6 の const はブロックスコープで、宣言した後にその変数へ新しい値を入れ直...
JavaScript

JavaScript | ES6+ 文法:変数・宣言の進化 – const の仕様

const とは何かconst は ES6 で導入された“ブロックスコープの再代入不可な変数宣言”です。ここが重要です:const は「宣言したブロック内でのみ有効」「同じスコープで再宣言できない」「...
JavaScript

JavaScript | ES6+ 文法:変数・宣言の進化 – let の仕様

let とは何かlet は ES6 で導入された“ブロックスコープの再代入可能な変数宣言”です。ここが重要です:let は「宣言されたブロック内でのみ有効」「同じスコープで再宣言できない」「宣言前に使...
Next.js

Next.jsで学ぶReact講座(完全初心者向け・30日) | 第2章:Reactの基本操作 – 簡単なミニアプリ①

簡単なミニアプリを作る理由ここまで、React の「部品」を一通り見てきました。JSXコンポーネントpropsuseState(状態管理)イベント処理条件分岐配列と mapコンポーネント分割いよいよ、...
Next.js

Next.jsで学ぶReact講座(完全初心者向け・30日) | 第2章:Reactの基本操作 – コンポーネント分割

コンポーネント分割とはコンポーネント分割は、ざっくり言うと「画面を小さな部品に分解して、意味のある単位ごとに整理すること」です。ひとつのコンポーネントの中に、ヘッダーも、メインも、フッターも、ボタンも...
Next.js

Next.jsで学ぶReact講座(完全初心者向け・30日) | 第2章:Reactの基本操作 – 配列の表示(map)

配列の表示(map)とはReact では、「同じ形のデータがたくさんある」ときに、それをまとめて画面に並べることがとても多いです。例えば、Todoリスト・商品一覧・コメント一覧などは、まさに「配列を画...
Next.js

Next.jsで学ぶReact講座(完全初心者向け・30日) | 第2章:Reactの基本操作 – 条件分岐表示

条件分岐表示とは「状況に応じて表示内容を変える」ための仕組みReact では、画面に表示する内容を 状態(state) に応じて切り替えることがよくあります。例えば、ログインしているときだけユーザー名...
Next.js

Next.jsで学ぶReact講座(完全初心者向け・30日) | 第2章:Reactの基本操作 – イベント処理

イベント処理とはイベント処理は、「ユーザーの操作に反応して、何かを実行するしくみ」です。ボタンをクリックしたり、入力フォームに文字を打ったり、Enterキーを押したり――これらはすべて「イベント」です...
Next.js

Next.jsで学ぶReact講座(完全初心者向け・30日) | 第2章:Reactの基本操作 – useState(状態管理)

stateとは「時間とともに変わる値」を扱うための仕組みReact でいう state(ステート)は、ひと言でいうと「画面の中で変わる値」です。逆に言うと、「一度決めたら変わらないもの」は state...
Next.js

Next.jsで学ぶReact講座(完全初心者向け・30日) | 第2章:Reactの基本操作 – props(データの受け渡し)

propsとは何か「コンポーネントに渡す“引数”のようなもの」props(プロップス)は、React コンポーネントに渡す「データの入れ物」です。少しプログラミング寄りに言うと、「コンポーネント版の関...
スポンサーリンク