Web API見本市
ブラウザに標準搭載されているのに知られていないWeb APIを、1つ1ページで安全に体験できるカタログです。 各ページは「対応判定 - 権限フロー - ライブデモ - コード」の4ステップで統一。読む場所ではなく、自分のデバイスで今すぐ試す場所です。
スマホなら振動・傾き・共有、PCのChromeならスポイトやMIDIがおすすめ。全対応表を見る
- メディアスマホ推奨
Web Speech API
テキストの読み上げ（合成）とマイク音声のテキスト化（認識）をブラウザ標準機能だけで行えるAPI。
判定中...権限プロンプトあり - デバイス連携
Web MIDI API
USB/BluetoothのMIDIキーボードや音源をブラウザから直接扱えるAPI。入出力デバイスの列挙とMIDIメッセージの送受信ができる。
判定中...権限プロンプトあり - デバイス連携
Web Bluetooth API
BLE（Bluetooth Low Energy）デバイスへブラウザから接続し、GATTサービスの読み書きができるAPI。
判定中...権限プロンプトあり - センサースマホ推奨
Vibration API
端末のバイブレーションモーターを振動時間のパターン配列で制御できるAPI。
判定中...権限不要 - OS連携スマホ推奨
Battery Status API
端末のバッテリー残量・充電状態・満充電/放電までの推定時間を取得し、変化イベントも購読できるAPI。
判定中...権限不要 - OS連携スマホ推奨
Async Clipboard API
OSのクリップボードへ非同期でテキストや画像を読み書きできるAPI。document.execCommand の後継。
判定中...権限プロンプトあり - OS連携スマホ推奨
Web Share API
OS標準の共有シートを起動し、タイトル・本文・URL・ファイルを他アプリへ渡せるAPI。
判定中...ユーザージェスチャー必須 - OS連携スマホ推奨
Screen Wake Lock API
画面の自動スリープ（消灯）を抑止できるAPI。レシピ表示や発表タイマーなど画面を点けたままにしたい場面で使う。
判定中...権限不要 - センサースマホ推奨
Device Orientation API
端末の傾き（alpha/beta/gamma）をイベントで取得できるAPI。水準器やコンパス、モーション操作に使える。
判定中...iOS独自requestPermission - OS連携
EyeDropper API
画面上の任意のピクセルの色をスポイトで採取できるAPI。ブラウザの外の領域からも色を拾える。
判定中...ユーザージェスチャー必須 - ファイル
File System Access API
ローカルファイルをユーザーの許可のもとで開き、同じファイルへ直接上書き保存できるAPI。Webアプリでネイティブ級のファイル編集を実現する。
判定中...ユーザージェスチャー必須 - OS連携
Notification API
OSの通知センターにデスクトップ通知を表示できるAPI。許可状態は granted / denied / default の3値で管理される。
判定中...権限プロンプトあり