</>CodingLSコーディングライフスタイル

モーダルやドロワーの表示中に背景のスクロールを禁止する方法を解説します。bodyのoverflow:hidden、スクロールバー消失によるガタつき防止、iOS Safariで効かない問題へのposition:fixed方式、スクロール位置の保持、overscroll-behavior、複数オーバーレイの参照カウントまで実務コードで整理します。

JavaScriptで数字をカウントアップアニメーションさせる方法を解説します。requestAnimationFrameによるフレームレート非依存の実装、イージング、3桁区切り表示、小数対応、IntersectionObserverで画面に入ったら再生する仕組み、prefers-reduced-motionへの配慮、再利用できるCountUpクラスまで実務コードで整理します。

JavaScriptで数値を3桁カンマ区切りで表示する方法を解説します。toLocaleStringとIntl.NumberFormatの違い、通貨・小数桁・パーセント・コンパクト表記、正規表現での手動フォーマット、入力フォームへのリアルタイム適用、浮動小数点やBigIntの注意点まで実務コードで整理します。

JavaScriptでオブジェクトや配列をディープコピーする方法を、浅いコピーとの違いから整理します。スプレッド構文やObject.assignの限界、標準APIのstructuredClone、JSONを使う方法の落とし穴、循環参照やDate・Map・Setの扱い、自作の再帰コピー関数まで実務コードで解説します。

JavaScriptのfetchを安全にリトライする方法を解説します。再試行するHTTPステータス、指数バックオフとジッター、Retry-After、AbortController、POSTの冪等性、Vitestによるテストまで実務コードで整理します。

JavaScriptのAbortControllerでfetchをキャンセルする方法を解説します。手動中断、タイムアウト、検索候補の競合防止、AbortErrorとTimeoutErrorの判定、複数リクエストの一括中断、Reactのクリーンアップまで実務例で整理します。