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

JavaScriptのincludesメソッドを完全解説。配列のArray.prototype.includesと文字列のString.prototype.includesの基本構文、検索開始位置の指定、大文字小文字を無視した検索、NaNの正しい判定、indexOfとの違い（NaN・可読性）、some/findとの使い分け、オブジェクト配列での注意点、ホワイトリスト判定・タグ重複チェック・入力バリデーションの実務パターンまで網羅。

JavaScriptのsubstringメソッドを完全解説。基本構文と戻り値、開始・終了インデックスの指定、引数省略パターン、substringの特殊な挙動（引数の自動入れ替え・負の値を0に変換）、sliceとの違い一覧表、非推奨のsubstrとの比較、indexOfやlastIndexOfとの組み合わせ、ドメイン抽出・拡張子取得・マスキング・文字数制限の実務パターンまで網羅。

JavaScriptのsliceメソッドを完全解説。配列と文字列それぞれの基本構文、開始・終了インデックスの指定、負のインデックスで末尾からの切り出し、引数省略による配列コピー、spliceとの違い（非破壊vs破壊）、substringとの違い（負の値の扱い）、ページネーション・テキスト省略・配列のチャンク分割・先頭/末尾の除去など実務パターンまで網羅。

JavaScriptで「ページ上部へ戻る」ボタンを実装する方法を完全解説。HTML・CSS・JavaScriptの基本構成、スクロール量に応じたフェード表示・非表示、window.scrollToによるスムーススクロール、矢印アイコンのCSSデザイン、scrollイベントのthrottleによるパフォーマンス最適化、IntersectionObserverによる表示制御、prefers-reduced-motionへの対応、aria-labelの設定まで網羅。

JavaScriptでハンバーガーメニューを実装する方法を完全解説。HTML・CSS・JavaScriptの基本構成、三本線アイコンのCSS描画と×印への変形アニメーション、スライドイン・フェードインのトランジション、オーバーレイの実装、メニュー外クリックで閉じる処理、Escキー対応、aria-expanded・aria-controls・focusTrapのアクセシビリティ対応、レスポンシブでPC幅では通常メニュー表示に切り替える方法まで網羅。

JavaScriptでスムーススクロールを実装する方法を完全解説。CSS scroll-behaviorによる最もシンプルな方法、scrollIntoViewで特定要素まで滑らかにスクロール、window.scrollToで座標指定スクロール、固定ヘッダーがある場合のオフセット調整、ページ内リンクのスムーススクロール、requestAnimationFrameによるカスタムイージング、prefers-reduced-motionへの対応まで網羅。

JavaScriptでDOM要素を置換する方法を完全解説。replaceWithで要素自身を置換する基本、replaceChildで親要素経由の置換、replaceChildrenで全子要素を一括置換、outerHTML・innerHTMLによる置換、テキストノード・複数要素への置換、エラーメッセージの差し替え・ローディング表示の切り替え・タブコンテンツの切り替えなど実務パターンまで網羅。

JavaScriptでHTML要素を動的に追加・削除する方法を完全解説。createElementで要素を作成しappendChild/appendで追加する基本、insertBefore・before/afterで任意の位置に挿入、insertAdjacentHTMLでHTML文字列を挿入、remove・removeChildで要素を削除、replaceWith・replaceChildで要素を置換、DocumentFragmentで大量要素を効率的に追加、TODOリスト・通知バナー・無限スクロールの実務パターンまで網羅。

JavaScriptのgetAttributeメソッドを完全解説。基本構文と戻り値、href・src・class・data-*属性の取得、存在しない属性のnull判定、hasAttributeとの使い分け、DOMプロパティとの違い（href完全URL問題・checked真偽値問題）、datasetとの比較、setAttributeでの属性設定、removeAttributeでの属性削除、動的なフォーム制御やアクセシビリティ操作の実務パターンまで網羅。