JavaScriptによるDOM操作・イベント・アニメーション・通信・ストレージなど、ページの動作に関するリファレンス
DOM要素の取得・追加・削除操作
querySelector, appendChild, remove
要素のテキストやHTMLを動的に変更
textContent, innerHTML
クラスやインラインスタイルの動的変更
classList, style
HTML属性の読み取りと変更
getAttribute, setAttribute
マウス操作イベントの検知と処理
click, mouseenter, mouseleave
キーボードイベントの検知と処理
keydown, keyup, keypress
フォーム送信イベントの制御
submit, preventDefault
スクロールとウィンドウリサイズの検知
scroll, resize
要素の表示・非表示の切り替え
display, visibility, opacity
CSSアニメーションのJS制御
animation, transition, classList
遅延実行・繰り返し処理のタイマー
setTimeout, setInterval
スクロールに連動したアニメーション
IntersectionObserver, scrollY
配列・オブジェクトの変換・操作
map, filter, reduce, spread
文字列の整形・変換・抽出
slice, split, replace, template literal
数値演算とフォーマット処理
Math, toFixed, parseInt
日付・時刻の取得・フォーマット
Date, Intl.DateTimeFormat
外部APIへのHTTPリクエスト
fetch, then, json
非同期処理の記述と制御
async, await, Promise
双方向リアルタイム通信の実装
WebSocket, onmessage, send
永続的なブラウザストレージへの読み書き
localStorage.setItem, getItem
セッション中のみ保持するストレージ
sessionStorage.setItem, getItem
クッキーの設定・取得・削除
document.cookie
URLと履歴スタックの操作
history.pushState, replaceState
別URLへのページ遷移
location.href, location.replace
ブラウザ印刷ダイアログの呼び出し
window.print
テキストをクリップボードにコピー
navigator.clipboard.writeText
フォーム入力値のバリデーション処理
checkValidity, setCustomValidity
フォームデータの収集とサーバー送信
FormData, fetch POST
入力に応じたリアルタイム処理
input, oninput, debounce
動画・音声要素のJS制御
play, pause, currentTime
デバイスカメラ・マイクへのアクセス
getUserMedia, MediaStream
Canvas APIを使った2D描画
canvas, getContext, drawImage
WebGLを使った3Dグラフィクス描画
WebGLRenderingContext
ブラウザプッシュ通知の表示
Notification, requestPermission
デバイスの現在位置を取得
navigator.geolocation
ドラッグ＆ドロップ操作の実装
dragstart, dragover, drop
オフライン対応とバックグラウンド処理
serviceWorker.register, cache