JavaScript

モーダルやドロワーの表示中に背景のスクロールを禁止する方法を解説します。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のクリーンアップまで実務例で整理します。

JavaScriptの配列メソッドmap・filter・reduceの使い方を基本から実務パターンまで解説。

JavaScriptの「SyntaxError: Unexpected token」エラーの原因と解決方法を完全解説。括弧の不一致・JSON.parse・アロー関数・ES6+構文・APIレスポンスなど全パターンの修正コード付き。

JavaScriptの「ReferenceError: X is not defined」エラーの原因と解決方法を完全解説。変数宣言忘れ・スコープ・スクリプト読み込み順・jQuery/React・モジュール・Node.jsなど全パターンの修正コード付き。

JavaScriptの「TypeError: X is not a function」エラーの原因と解決方法を完全解説。変数名の衝突・配列メソッドの誤用・DOM操作・コールバック・非同期処理・ライブラリ問題など全パターンの修正コード付き。

JavaScriptのIntl APIで日付・数値・通貨・相対時刻をロケールに合わせて国際化フォーマットする方法を、Intl.DateTimeFormatのtimeZone指定・NumberFormatのcompact/unit・RelativeTimeFormat・ListFormat・formatToParts・フォーマッタの再利用（パフォーマンス）まで解説します。

MutationObserverでDOMの変化を監視する方法を、基本構文・監視オプション・非同期でバッチ実行される挙動・attributeOldValueでの変更前の値・takeRecords・自己トリガーによる無限ループの対策・Event Delegationとの使い分けまで解説します。

Event Delegation（イベント委譲）でイベントを効率的に管理する方法を、バブリングの仕組み・closestでの対象特定・data属性での複数アクション振り分け・フォーム入力の委譲・動的DOM対応・キーボード操作・向かないケース（focusin/focusout）まで解説します。

JavaScriptのFormDataの使い方を、フォームからの生成・append/set/get/delete・Object.fromEntriesでのオブジェクト化・fetchでのAjax送信（Content-Typeを手動指定しない理由）・複数ファイルやアップロード進捗（XHR）・PHPでの受け取りまで解説します。

JavaScriptの非同期処理を基礎から実務まで完全解説。Promiseの3つの状態、async/awaitの使い方、Promise.all/race/allSettled/anyの違い、fetch・リトライ・タイムアウトなど実務パターンを豊富なコード例で紹介。

debounceとthrottleの違いと実装方法を、基本実装・immediate（leading edge）・throttleの末尾取りこぼし対策（leading+trailing）・requestAnimationFrameでの描画最適化・passiveリスナー・Lodashまで実装コードで解説します。

localStorageとsessionStorageの違いと使い分けを、保存期間・スコープ・storageイベントの発火差・文字列のみ保存できる点・Cookie / IndexedDB との比較まで整理。どちらに何を保存すべきかの判断基準を実装コードつきで解説します。

highlight.jsでコードのシンタックスハイライトを実装する方法を、CDN/npm導入・言語の個別読み込み・テーマとダークモード・行番号（公式プラグイン）・コピーボタン・遅延読み込み・WordPress設置・アクセシビリティまで実運用目線でまとめます。最新版11.11.1対応。

GSAP（GreenSock Animation Platform）の使い方を、CDN/npm導入・to/from/fromTo・stagger・timeline・ScrollTrigger・イージング・prefers-reduced-motion対応・React（useGSAP）まで解説します。2025年にWebflow傘下で全プラグインが無料化された最新事情にも対応。

JavaScriptで特定の時間帯だけ処理や機能を実行する方法を、分単位の営業時間判定・Asia/Tokyoへのタイムゾーン固定・深夜をまたぐ時間帯・送信ボタンの時間制限、そしてクライアント時刻は改ざんできるためサーバー時刻で判定する方法まで解説します。