入門

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

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

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

実務でのベストプラクティスとは何か「ベストプラクティス」とは、現場で繰り返し使われてきた“安全で効率的なやり方”のことです。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（欠損・余分・型揺れが混在しがち）を、アプリで使いやすい“整った配列・オブジェクト”に変換する」ことです。ここ...