multipart/form-data の扱い（FormData）Web アプリで「ファイルやフォームデータをサーバーに送る」ときによく使われるのが multipart/form-data です。これ...

ファイルアップロード（fetch + FormData） — const fd = new FormData(); fd.append('file', file); fetch(url, { meth...

並列 HTTP リクエスト制御（同時 N 件） — pMap(arr, fn, { concurrency: 5 })（p-map ライブラリ）Web API を複数呼び出すとき、一度に大量のリクエス...

オブジェクトの配列をグルーピング — arr.reduce((g,x)=>{(g||=(g=[])).push(x);return g},{})配列の要素を「カテゴリごとにまとめたい」場面はよくありま...

配列をオブジェクトのマップに変換 — arr.reduce((m, x) => { m = x; return m; }, {})JavaScript で「配列をオブジェクトに変換」したい場面はよくあ...

コメントアウトのスタイル — // / /* ... */JavaScript では コメントアウトを使って「コードの説明」や「一時的な無効化」を行います。初心者は「// は1行コメント、/* ......

JSDoc でドキュメント注釈 — /** @param {number} x */ function f(x){}JavaScript では JSDoc という「コメントで書くドキュメント注釈」を使...

型チェックに TypeScript を導入（基本） — tsc --init（設定手順）JavaScript は柔軟ですが「型の間違い」によるバグが起きやすいです。そこで TypeScript を導入...

ESLint / Prettier の導入（コード品質向上） — eslint --init（設定手順）JavaScript の開発では コード品質チェック（Lint） と コード整形（Format）...

モジュールトップでの Strict Mode（ESM はデフォルト）JavaScript には Strict Mode（厳格モード） という「安全にコードを書くためのチェック機能」があります。通常は ...

Strict mode の有効化 — 'use strict';JavaScript の Strict mode（厳格モード） は「コードの書き方をより厳しくチェックする」ための仕組みです。初心者は「...

開発時のデバッグ（debugger ステートメント） — debuggerJavaScript には debugger ステートメントという特別な命令があります。初心者は「ここでプログラムを一時停止し...

console.table で配列表現 — console.table(data)JavaScript の console.table は「配列やオブジェクトを表形式で見やすく表示する」ための便利な関...

性能計測（console.time / console.timeEnd） — console.time('t'); console.timeEnd('t')JavaScript には 処理時間を計測す...

Proxy でオブジェクト挙動をカスタム — new Proxy(obj, { get(target, k) { } })JavaScript の Proxy は「オブジェクトの操作を横取りしてカスタ...

Reflect API（動的操作） — Reflect.get(obj, 'k') / Reflect.set(...)JavaScript の Reflect API は「オブジェクトを動的に操作す...

Symbol を key とするオブジェクトプロパティ — obj = 1JavaScript の Symbol は「ユニークな識別子」を作るための型です。オブジェクトのプロパティキーに Symbol...

Symbol を key とするオブジェクトプロパティ — obj = 1JavaScript の Symbol は「ユニークな識別子」を作るための型です。オブジェクトのプロパティキーに Symbol...

Symbol の基本 — const s = Symbol('desc')JavaScript の Symbol は「一意（ユニーク）な値」を作るための型です。初心者は「他と絶対にかぶらない特別なラベ...

文字列テンプレートで複数行 — line1\nline2複数行の文字列は「改行コードを埋め込む方法」と「テンプレートリテラルでそのまま改行を書く方法」の2通りあります。初心者は、まず「\n は改行コー...

短絡評価（&& / ||）を利用した条件実行 — cond && fn()JavaScript の 論理演算子 && と || は「真偽値の判定」だけでなく、短絡評価（ショートサーキット）を利用して「...

論理演算子で既定値（|| の注意） — const v = a || 'def'（'' や 0 も代替される）JavaScript では 論理演算子 || を使って「左側が falsy（falseっぽ...

Nullish coalescing（??） — const v = a ?? 'default'JavaScript の Nullish coalescing 演算子 ?? は「値が null また...

Optional chaining の利用（安全なネスト参照） — a?.b()JavaScript の オプショナルチェイニング演算子 ?. は「存在しないかもしれないプロパティや関数を安全に参照す...

配列の入れ子の安全アクセス（オプショナルチェイニング ?.） — obj?.a?.bJavaScript の オプショナルチェイニング演算子 ?. は「存在しないかもしれないプロパティに安全にアクセス...

引数のデフォルト値に関数 — function f(x = Date.now()) {}JavaScript では 引数のデフォルト値に「関数の呼び出し結果」を指定できます。初心者は「引数が渡されなか...

可変長引数の扱い — (...args) => argsJavaScript では 可変長引数（いくつでも引数を受け取れる仕組み）を rest 引数 ...args で書けます。初心者は「渡された引数...

rest 引数と spread 構文 — function f(...args) {} / f(...arr)JavaScript には rest 引数 と spread 構文 という似た書き方があり...

オブジェクトのデフォルト引数 — function f(a = 1, b = {}) {}関数の引数に「値が渡されなかったときの既定値（デフォルト）」を設定できます。初心者は「未指定や undefin...

parseInt / parseFloat の使い方 — parseInt('12', 10)（基数指定）JavaScript では文字列を数値に変換する方法として parseInt と parseF...