JavaScript

スマホ（タッチ端末）でのみクリックイベントを設定する方法を、もろいUA判定ではなくmatchMediaの能力判定（pointer: coarse / hover: none）で解説します。clickがPC・スマホ両方で動くこと、画面サイズでの判定、UA判定がなぜ非推奨か、マウスもタッチも統一して扱えるPointer Eventsまで紹介します。

要素が一定数以上あるとき「もっと見る」で省略表示する方法を、実際に動くトグル実装で解説します。初期はN件だけ表示し、ボタンのクリックで展開・折りたたみ、残り件数の表示やaria-expandedでのアクセシビリティ対応まで紹介。高さで省略するグラデーション方式やテキストの省略（ellipsis）も。

JavaScriptでページをリロードする方法を正確に解説します。基本はlocation.reload()、履歴を残さないならlocation.replace(location.href)。reload(true)が現代ブラウザで無視されることや、location.href=location.hrefがキャッシュ無視にならない点を是正し、キャッシュバスティング・自動リロード・fetchでの部分更新まで紹介します。

JavaScriptのnew演算子で新しいオブジェクトを生成する方法を解説します。コンストラクタ関数とnewの内部動作（4ステップ）、prototypeでメソッドを共有する仕組み、現代的なclass構文と継承、instanceof・new.target、Object.createやファクトリ関数、newを忘れたときの落とし穴まで、動作確認済みのコードで紹介します。

JavaScriptでURLを遷移させる方法を、用途別に整理して解説します。通常の遷移はlocation.href、履歴を残さないならlocation.replace、新しいタブはwindow.open（noopener）、再読み込みせずURLだけ変えるSPAはhistory.pushState。オープンリダイレクトを防ぐ安全なURL検証まで、動作確認済みのコードで紹介します。

JavaScriptで右クリックを禁止する方法（contextmenuイベントのpreventDefault）を解説します。ただしコンテンツ保護にはならず（簡単に回避でき、UXも損なう）点を正直に説明し、独自の右クリックメニューという正当な使いどころ、そして本当にコンテンツを守るための透かし・サーバー側対策まで紹介します。

JavaScriptで乱数を生成する方法を、Math.random()による0〜1未満・任意範囲の整数/小数から、配列のランダム選択・Fisher-Yatesシャッフル、そしてパスワードや抽選などセキュリティ用途で使うcrypto.getRandomValues・randomUUIDまで、すべてNodeで動作確認したコードで解説します。

JavaScriptで特定の要素にフォーカスする方法を解説します。element.focus()の基本から、読み込み時のautofocus/DOMContentLoaded、preventScrollやscrollIntoViewでのスクロール制御、tabindexでフォーカス可能にする方法、最初のエラー項目へのフォーカス、activeElementやfocus/blurイベントまで実例で紹介します。

JavaScriptで現在の検索条件を表示する方法を、inputイベントでのリアルタイム表示、textContentによる安全な表示、複数条件（キーワード・カテゴリ・チェックボックス）のまとめ表示、削除できる条件タグ（チップ）、URLSearchParamsでのURLからの復元まで実例で解説します。