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

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の紹介まで網羅。

JavaScriptのsetTimeoutを完全解説。基本構文と戻り値、clearTimeoutでキャンセルする方法、delay 0の仕組みとイベントループ、async/awaitで使えるPromise化（sleep関数）、デバウンス（入力の待ち合わせ）パターン、通知の自動消去・遅延リダイレクト・APIリトライの実務パターン、setIntervalとの使い分けまで網羅。

JavaScriptのsetIntervalを完全解説。基本構文と戻り値、clearIntervalで停止する方法、実行回数を制限する方法、setTimeoutの再帰呼び出しとの違い（処理時間のずれ問題）、バックグラウンドタブでの挙動、メモリリーク防止のクリーンアップ、カウントダウンタイマー・リアルタイム時計・自動スライドショー・ポーリングの実務パターンまで網羅。

JavaScriptで文字列の大文字・小文字を変換する方法を完全解説。toUpperCaseで全て大文字に変換、toLowerCaseで全て小文字に変換、先頭文字だけ大文字にするcapitalize関数、キャメルケース・スネークケース・ケバブケースの相互変換、大文字小文字を無視した文字列比較、toLocaleUpperCase/toLocaleLowerCaseのロケール対応、入力値の正規化やソートの実務パターンまで網羅。

JavaScriptのindexOfメソッドを完全解説。文字列のindexOfの基本構文と戻り値、検索開始位置の指定、見つからない場合の-1判定、lastIndexOfで末尾から検索、配列のindexOfの基本と注意点（オブジェクト比較）、大文字小文字を無視した検索、全出現位置を配列で取得する方法、includesとの使い分け、sliceやsubstringとの組み合わせパターンまで網羅。

JavaScriptで文字列の長さを取得する方法を完全解説。lengthプロパティの基本、UTF-16コードユニット数とは何か、サロゲートペア（絵文字）でlengthが想定と異なる理由と対策、Intl.Segmenterで書記素クラスタ単位の正確なカウント、バイト数の取得方法、配列のlengthとの違い、空文字判定・入力文字数制限・テキスト省略表示の実務パターンまで網羅。

JavaScriptで文字と文字コードを相互変換する方法を完全解説。charCodeAtでUTF-16コードを取得、codePointAtでUnicodeコードポイントを取得、String.fromCharCodeで文字コードから文字を生成、String.fromCodePointでコードポイントから文字を生成、charCodeAtとcodePointAtの違い（サロゲートペア問題）、大文字小文字判定・シーザー暗号・全角半角変換・文字種判定の実務パターンまで網羅。