JavaScript

データ構造選択とは何かデータ構造選択は「どの形（配列、オブジェクト、Map、Set、派生構造）でデータを持つか」を決めることです。ここが重要です：用途に合った構造を選ぶと、計算量が下がり、コードが短く...

関数分割とは何か関数分割は「大きな処理を、明確な役割ごとの“小さな関数”に切り出して組み合わせる」設計です。ここが重要です：1つの関数は1つの責務（Single Responsibility）。入力と...

可読性優先 vs 速度優先とは何かコードには「誰が読んでも意図が分かる」「実行が速い」という2つの価値があります。ここが重要です：大半の業務コードでは“まず可読性”を優先し、速さは“必要な箇所だけ”最...

大量データ処理とは何か大量データ処理は「配列やオブジェクトが数万〜数百万件規模になっても、時間とメモリを破綻させずに目的を果たす」ための考え方です。ここが重要です：やみくもに map や filter...

メモリ参照とは何かJavaScript の配列・オブジェクトは「参照型」です。ここが重要です：変数には“値そのもの”ではなく“値への参照（ポインタのようなもの）”が入ります。参照が同じだと、片方を変更...

破壊的 / 非破壊的操作とは何か破壊的操作は「元の配列・オブジェクトを直接書き換える」こと、非破壊的操作は「元を保ったまま、新しい配列・オブジェクトを返す」ことです。ここが重要です：共有されているデー...

reduce とは何かreduce は「配列を1回なめて、“累積器（accumulator）”に結果を積み上げ、最後に1つの値（数値・文字列・配列・オブジェクト）にまとめる」ための関数です。ここが重要...

map / filter のコストとは何かmap / filter は「要素ごとにコールバックを呼び、結果配列を新しく作る」処理です。ここが重要です：計算量は基本的に (O(n)) ですが、時間とメモ...

配列操作の計算量とは何か「計算量」は、要素数を (n) としたとき操作に必要なステップ数の目安です。ここが重要です：操作ごとに増え方が違います。例えば末尾に追加（push）はほぼ一定時間ですが、先頭に...

headers ってそもそも何？なぜ設定が必要なのかfetch の headers は、「このリクエストに関する“メタ情報”（追加情報）をサーバーに伝えるためのラベル集」 です。サーバーは、ただ UR...

API レスポンス加工とは何かAPI レスポンス加工は「外部サービスから受け取ったJSON（欠損・余分・型揺れが混在しがち）を、アプリで使いやすい“整った配列・オブジェクト”に変換する」ことです。ここ...

フォームデータ整形とは何かフォームデータ整形は「UIから入力された生の値（文字列中心・未入力混在・チェックボックスの揺れなど）を、バックエンドが扱いやすい“型の揃ったオブジェクト”に変換する」作業です...

ページング用データ加工とは何かページングは「長い配列をページ単位に切り分けて、必要な部分だけ表示・送信する」処理です。ここが重要です：順序（ソート）→フィルタ→ページ分割の“処理順”を守り、メタ情報（...

フィルタ条件切替とは何かフィルタ条件切替は「現在の条件（カテゴリ、価格帯、検索語、ステータスなど）をON/OFFや値変更で切り替え、その都度配列を絞り込む」実務パターンです。ここが重要です：条件を“関...

フラグ更新とは何かフラグ更新は「オブジェクトや配列の中で、真偽値（true/false）や状態を表す小さな印（flag）を安全に切り替える」操作です。ここが重要です：配列やネスト構造では“直接書き換え...

並び替えとは何か並び替え（ソート）は「配列の要素を一定の順序で並べ直す」処理です。ここが重要です：JavaScript の Array.prototype.sort は“文字列として比較する”のが既定...

グループ化とは何かグループ化は「配列の要素を“共通のキー”でまとめ、キーごとに要素の集合を作る」処理です。ここが重要です：グループの“鍵（キー）”をどう決めるかで実務の使いやすさが決まります。単純なキ...

重複削除とは何か重複削除は「同じ値や同じレコードが複数含まれる配列から、重複を取り除き“1回だけ”にする」処理です。ここが重要です：何を“同じ”とみなすかで手法が変わります。プリミティブ（数値・文字列...

一意データの抽出とは何か一意データの抽出は「重複している要素を取り除き、同じものが1回だけ現れる集合にする」処理です。ここが重要です：何を“同じ”とみなすかで手法が変わります。プリミティブ（数値・文字...

ID で検索とは何か「ID で検索」は、配列やオブジェクトの中から“特定の一件”を高速・安全に取り出す実務の基本パターンです。ここが重要です：配列から毎回探すのは線形検索で遅くなりがち。頻繁に検索する...

再帰処理とは何か再帰は「関数が自分自身を呼び出して、問題を“同じ形のより小さな問題”に分解して解く」テクニックです。ここが重要です：必ず“止まる条件（ベースケース）”を先に書き、次に“1歩進める処理（...

深いコピーとは何か深いコピーは「オブジェクトや配列の入れ子を“最深部まで”複製し、元データと完全に独立させる」操作です。ここが重要です：浅いコピー（スプレッドや Object.assign）は外側だけ...

データ正規化とは何かデータ正規化は「ネストの深い配列・オブジェクトを、“重複なく参照しやすい形”に整理すること」です。ここが重要です：同じエンティティ（ユーザー、商品、コメントなど）を“1か所だけ”に...

不変性（イミュータブル）とは何か不変性（イミュータブル）とは「既存のオブジェクトや配列を直接書き換えず、“新しいインスタンス”を作って変更を表現する」考え方です。ここが重要です：直接代入は一見手軽でも...

深い階層の更新とは何か深い階層の更新は「入れ子（ネスト）になったオブジェクトや配列の、何層も奥にある値を安全に書き換えること」です。ここが重要です：共有状態（UIやストア）では“非破壊更新（新しいオブ...

nullish coalescing（??）とは何かnullish coalescing（??）は「左側が undefined または null のときだけ、右側の“デフォルト値”を使う」演算子です。...

オプショナルチェーンとは何かオプショナルチェーン（?.）は「途中のオブジェクトや配列が null/undefined でも、エラーにせず安全に次へ進む（または止まる）」ための記法です。ここが重要です：...

安全なアクセス（&&）とは何か「安全なアクセス」とは、ネストされたオブジェクトや配列を辿るときに、中間が欠損（null/undefined）でもエラーにせず安全に値を取り出す書き方です。ここが重要です...

ネスト配列とは何かネスト配列は「配列の中にさらに配列が入っている構造」です。2次元（行・列の表）、階層（ツリーの子配列）、グループ化（カテゴリごとの要素）など、現実のデータを自然に表現できます。ここが...

ネストオブジェクトとは何かネストオブジェクトは「オブジェクトや配列の中に、さらにオブジェクトや配列が入っている構造」です。現実世界のデータ（ユーザー→住所→郵便番号、注文→明細の配列→各行のSKUなど...