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

JavaScriptの配列を体系的に解説。配列リテラル・Array.from・Array.ofによる作成、push/pop/unshift/shiftで要素の追加と削除、for/forEach/for...of/mapによるループ処理、スプレッド構文によるコピーと結合、分割代入による要素の取り出し、破壊的メソッドと非破壊的メソッドの分類、配列メソッド早見表、sort・flat・at・findLastなど最新メソッドまで網羅。

JavaScriptでイベントを無効化する方法を完全解説。event.preventDefaultでデフォルト動作を止める、event.stopPropagationでバブリングを止める、event.stopImmediatePropagationで同一要素の他リスナーも止める、disabled属性・pointer-events:noneでUI的に無効化、removeEventListenerでリスナーを削除、AbortControllerでリスナーを一括解除、フォーム送信制御・リンク遷移防止・モーダル外クリック無効化の実務パターンまで網羅。

JavaScriptの計算とMathオブジェクトを完全解説。算術演算子の基本、Math.round・Math.floor・Math.ceilによる四捨五入・切り捨て・切り上げ、Math.randomで乱数生成、Math.pow・べき乗演算子（**）、Math.abs・Math.max・Math.min・Math.sqrt・Math.PI、浮動小数点の誤差（0.1+0.2問題）と対策、toFixedの注意点、金額計算・税込計算・ランダム抽選の実務パターンまで網羅。

JavaScriptでフォーカスイベントを使う方法を完全解説。focusイベントとblurイベントの基本、focusin/focusoutとの違い（バブリング問題）、element.focus()でプログラム的にフォーカスを移動、CSS :focusとの使い分け、tabindexでフォーカス可能にする方法、relatedTargetでフォーカス移動先を取得、フォームバリデーション・フローティングラベル・フォーカストラップの実務パターンまで網羅。

JavaScriptでマウスイベントを使う方法を完全解説。mouseenter/mouseleaveとmouseover/mouseoutの違い（バブリング問題）、mousemoveでマウス座標を取得、eventオブジェクトのclientX/clientY/offsetX/offsetY、CSS :hoverとJavaScriptの使い分け、Pointer Eventsでタッチ・ペン対応、ツールチップ・ドロップダウンメニュー・画像プレビュー・マウス追従エフェクトの実務パターンまで網羅。

JavaScriptでスクロールイベントを使う方法を完全解説。addEventListenerでscrollイベントを設定する基本、window.scrollYでスクロール量を取得、scrollTopで要素のスクロール量、throttleとrequestAnimationFrameによるパフォーマンス最適化、IntersectionObserverでスクロールイベント不要の要素検出、スクロール方向（上下）の検出、スクロール率の計算、passiveオプション、ヘッダー表示切替・プログレスバー・フェードインの実務パターンまで網羅。

JavaScriptでクリックイベントを設定する方法を完全解説。addEventListenerの基本構文、onclick属性・onclickプロパティとの違い、eventオブジェクトの活用（target・currentTarget・preventDefault・stopPropagation）、バブリングとキャプチャリング、イベント委任（Event Delegation）、once・passiveオプション、ダブルクリック・右クリックの検出、トグル切り替え・モーダル開閉・連打防止の実務パターンまで網羅。

JavaScriptのtrimメソッドを完全解説。文字列の先頭と末尾の空白を除去する基本、trimStart（先頭のみ）・trimEnd（末尾のみ）、trimが除去する空白文字の一覧、全角スペース・ゼロ幅スペースの扱い、正規表現による文字列内部の連続スペース除去、フォーム入力のバリデーション前処理・メールアドレスの正規化・CSV値のクリーニングの実務パターンまで網羅。

JavaScriptのsplitメソッドを完全解説。基本構文と戻り値、カンマ・スペース・改行での分割、正規表現による複雑な区切りパターン、limit（分割数の制限）、空文字で1文字ずつ分割、joinとの組み合わせ（split→加工→join）、Array.from・スプレッド構文との違い、空要素の除去、CSV解析・URLパース・テンプレートタグ処理の実務パターンまで網羅。

JavaScriptの日時計算を体系的に解説。タイムスタンプ（UNIXエポック）の取得と変換、UTCとローカル時刻の違い、getUTC系メソッド、Intl.DateTimeFormatによるタイムゾーン変換、date-fnsとDay.jsの比較と導入方法、Temporal APIの概要と基本操作、日時計算でよくあるバグ（月の0始まり・夏時間・タイムゾーンずれ）の回避方法まで網羅。

JavaScriptで2つの日時の差分を計算する方法を完全解説。ミリ秒の差分から日数・時間・分・秒に変換、月の差分・年の差分の計算、年齢計算、相対表示（3日前・2時間前）のフォーマット、Intl.RelativeTimeFormatによる国際化対応、performance.nowによる経過時間計測、タイムゾーンの注意点まで網羅。

JavaScriptで日付を操作する方法を完全解説。Dateオブジェクトのset系メソッドで年月日時分秒を変更、日付の加算（N日後・N月後・N年後）と減算、2つの日付の比較（大小・一致）、日付の差分計算（日数・時間数）、月末日の取得、曜日の取得と日本語表示、うるう年判定、営業日計算、日付のバリデーション、Temporal APIの紹介まで網羅。