JavaScript

history.back()・forward()・go(n)でページ内に「戻る・進む」ボタンを実装する方法を、addEventListener版・複数ページ移動・popstateでの履歴検知まで解説します。「戻れるか判定できない」というブラウザの限界とトップへのフォールバック、SPAでのHistory API活用も合わせて紹介します。

Cookieの有無で要素を表示・非表示する方法を、document.cookieの安全な読み取り（getCookie）、classList.toggleによる双方向の切り替え、element.hiddenを使うモダンな書き方まで、動くコードで解説します。チラつき対策やCookieのセット・削除方法も合わせて紹介します。

window.status は現代のブラウザでは設定しても画面に表示されません。プロパティが残っているのに無効になった理由（フィッシング対策）と、aria-live付きのDOM表示やトースト通知でユーザーに状況を伝える代替手段を、動くコード付きで解説します。

JavaScriptで文字列が全角文字かどうかを正しく判定する方法を解説します。「全角＝ASCII以外」という誤った判定では半角カタカナまで全角扱いになる落とし穴を避け、正規表現のUnicode範囲で「全部が全角か」「全角を含むか」を判定。ひらがな・カタカナ・漢字・全角英数の個別チェックやフォームバリデーションまで、実行確認済みのコードでまとめます。

JavaScriptでキーボード入力を取得する方法を解説します。非推奨の event.keyCode に代えて、文字の意味を表す event.key と物理キー位置を表す event.code の違いと使い分け、keyCode からの移行表、Ctrl+S などの修飾キー判定、IME入力中の注意（isComposing）、keydown / keyup / keypress の違いまで、実用的なコードとあわせてまとめます。

JavaScriptのdocument.allはIE時代の非標準APIで現代では使用禁止。非推奨の理由・特殊な挙動（falsyだがオブジェクト）・getElementById/querySelector/querySelectorAllへの移行パターン・古いコードのリファクタリング方法まで実例付きで解説します。

JavaScriptでテキスト内のURLを自動でaタグのリンクに変換する方法を、安全に実装する手順で解説します。まずHTMLエスケープしてXSSを防ぎ、正規表現でURLを検出、末尾の句読点や括弧を除外し、target="_blank" rel="noopener noreferrer" を付与します。よくある脆弱なコードの危険性と、本番でライブラリを使う選択肢まで、実行確認済みのコードでまとめます。

JavaScriptで配列から条件に合う要素を取り出す方法を、用途別に解説します。条件に合うものすべては filter、最初の1件は find、位置は findIndex、存在チェックは some／every と、目的に応じたメソッドの使い分けを整理。filter が空配列・find が undefined を返す違いや、オブジェクト配列の検索、複合条件まで、実行確認済みのコードでまとめます。

JavaScriptでウィンドウサイズが特定の条件になったときにページをリロードする方法を解説します。resize イベントで素朴に location.reload() すると連続リロードで操作不能になる罠を避けるため、ブレークポイントを跨いだ時だけ発火する matchMedia の change イベントや debounce の使い方、そもそもリロードせずCSSや動的再描画で対応すべきケース、状態消失への対処までまとめます。

JavaScriptの console.table() で配列やオブジェクトを見やすい表形式でコンソールに出力する方法を解説します。オブジェクトの配列・2次元配列・単一オブジェクトの表示、第2引数での列の絞り込み、DevToolsでの並べ替え、Node.jsとブラウザの違い、本番でのログ削除まで、実際の出力とあわせてまとめます。

Webページで画像をくるくる回転させ続ける方法を解説します。基本はCSSの animation と @keyframes で、回転速度は animation-duration、hoverでの一時停止、prefers-reduced-motion での配慮まで対応します。JavaScriptで制御する場合は setInterval ではなく requestAnimationFrame と経過時間でフレームレートに依存しない一定速度の回転を実装する方法を、つまずきやすい点とあわせてまとめます。

JavaScriptで指定した文字エンコーディングがサポートされているかを判定する方法を解説します。TextDecoder を try/catch で囲んで RangeError を捕まえるのが基本です。WHATWG Encoding Standard のラベル、TextEncoder が UTF-8 専用である点、ラベルの別名・正規化、fatal オプション、Shift_JIS ファイルの読み込みまで実行確認済みのコードでまとめます。