● ブラウザ Web API ( englis )

https://developer.mozilla.org/en-US/docs/Web/API

● ブラウザ Web API ( 日本語 )

https://developer.mozilla.org/ja/docs/Web/API

JavaScript ブラウザ Web API 一覧まとめ

1. 基本的なDOM操作関連

• DOM API

  • document.querySelector, getElementById など要素取得
  • element.classList, element.style など要素操作
  • createElement, appendChild, removeChild などノード操作

• Events

  • addEventListener, removeEventListener
  • イベントオブジェクト (event.target, event.preventDefault())

2. ネットワーク関連

• Fetch API

  • fetch(url).then(res => res.json())
  • Request, Response, Headers オブジェクト
• XMLHttpRequest（レガシー）

• WebSocket API

  • new WebSocket("ws://...")
  • socket.send(), socket.onmessage

• Server-Sent Events (EventSource)

  • サーバーからの一方向ストリーム

3. ストレージ関連

• Local Storage / Session Storage

  • localStorage.setItem("key", "value")
  • 永続 or セッションごと

• IndexedDB

  • 大規模データベースの保存
• Cookies (document.cookie)

4. マルチスレッド・並列処理

• Web Workers

  • new Worker("worker.js")
  • バックグラウンドで処理

• Service Workers

  • オフラインキャッシュ / PWA の基盤

• Shared Worker

  • 複数タブ間で共有可能な Worker

5. グラフィック・描画関連

• Canvas API

  • 2D グラフィック描画 (getContext("2d"))

• WebGL API

  • 3D グラフィック

• SVG DOM API

  • SVG 要素の操作

• OffscreenCanvas

  • Worker 内でキャンバス描画

6. メディア関連

• MediaDevices

  • navigator.mediaDevices.getUserMedia({ video: true, audio: true })
  • カメラ・マイク入力

• MediaRecorder API

  • 録音・録画

• Web Audio API

  • 音声処理・合成・エフェクト

• Fullscreen API

  • 要素をフルスクリーン表示

7. ファイル・クリップボード関連

• File API

  • <input type="file"> や FileReader でファイル読み取り

• Clipboard API

  • navigator.clipboard.readText()
  • navigator.clipboard.writeText("コピーするテキスト")
• Drag and Drop API

8. デバイス関連

• Geolocation API

  • navigator.geolocation.getCurrentPosition()
• Battery Status API（一部非推奨）

• DeviceOrientation / Motion API

  • スマホの傾き・加速度

• Vibration API

  • navigator.vibrate(200)

9. セキュリティ・認証

• Credential Management API

  • ID・パスワード保存/取得

• WebAuthn (FIDO2)

  • 生体認証やセキュリティキー認証

• Permissions API

  • 各種権限状態を取得 (navigator.permissions.query)

10. 高度な通信・低レベルAPI

• WebRTC

  • P2P 通信（ビデオ通話など）

• Streams API

  • ストリームデータ処理 (ReadableStream, WritableStream)

• Fetch + Streams

  • 部分的にデータを処理しながら受信

• Push API

  • サーバーからのプッシュ通知

11. 時間・パフォーマンス関連

• High Resolution Time API

  • performance.now()

• Performance API

  • ページロード計測

• requestAnimationFrame

  • アニメーションの最適タイミングで実行
• setTimeout / setInterval

12. クリップ・表示制御

• Intersection Observer API

  • 要素がビューポートに入ったか検知

• Mutation Observer API

  • DOM変更を監視

• Resize Observer API

  • 要素サイズ変更検知

まとめ

ブラウザ Web API は大きく分けると：

1. DOM操作・イベント
2. ネットワーク
3. ストレージ
4. マルチスレッド
5. グラフィック
6. メディア
7. ファイル・クリップボード
8. デバイス
9. セキュリティ
10. 通信・ストリーム
11. パフォーマンス
12. 監視・制御

などがあります