Web API

Baseline 対応

「このブラウザ API は今、使っていいか?」を一瞬で判断できる実務特化リファレンス。

  • Widely available
    120
    API
  • Newly available
    36
    API
  • Limited support
    37
    API

カテゴリ別一覧

WidelyCanvas・グラフィクス

2D canvas

CanvasGradient インターフェイスは、グラデーションを記述する不透明オブジェクトを表します。

Canvas・グラフィクス
WidelyCanvas・グラフィクス

Canvas createConicGradient()

CanvasRenderingContext2D.createConicGradient() は Canvas 2D API のメソッドで、与えられた座標の点を回るようにグラデーションを作成します。

Canvas・グラフィクス
WidelyCanvas・グラフィクス

Canvas roundRect()

CanvasRenderingContext2D.roundRect() はキャンバス 2D API のメソッドで、現在のパスに角丸矩形を追加します。

Canvas・グラフィクス
WidelyCanvas・グラフィクス

captureStream() for <canvas>

Media Capture and Streams API の CanvasCaptureMediaStreamTrack インターフェイスは、HTMLCanvasElement.captureStream() の呼び出しに続いて <canvas> から生成される MediaStream に含まれるビデオトラックを表します。

Canvas・グラフィクス
WidelyCanvas・グラフィクス

ImageBitmapRenderingContext

ImageBitmapRenderingContext インターフェイスは、キャンバスのレンダリングコンテキストで、指定された ImageBitmap でキャンバスのコンテンツを置き換える機能を提供します。

Canvas・グラフィクス
WidelyCanvas・グラフィクス

Offscreen canvas

<canvas> 要素、あるいはキャンバス API を使用すると、レンダリングとアニメーション、ユーザー操作は通常、ウェブアプリケーションのメインスレッドの実行で発生します。

Canvas・グラフィクス
WidelyCanvas・グラフィクス

WebGL

webglcontextcreationerror は WebGL API のイベントで、ユーザーエージェントが WebGLRenderingContext コンテキストを作成することができない場合に発行されます。

Canvas・グラフィクス
WidelyCanvas・グラフィクス

WebGL2

WebGL2RenderingContext インターフェイスは、OpenGL ES 3.0 のレンダリングコンテキストを HTML の <canvas> 要素の描画領域に対して提供します。

Canvas・グラフィクス
WidelyDOM操作

Constraint validation API

checkValidity() は HTMLButtonElement インターフェイスのメソッドで、その要素が適用された制約検証ルールを満たしているかどうかを示す論理値を返します。

DOM操作
WidelyDOM操作

CSS object model

CSS インターフェイス は CSS に関連した便利なメソッドを持っています。

DOM操作
WidelyDOM操作

Dataset

dataset は HTMLElement インターフェイスの読み取り専用プロパティで、要素に設定されたすべてのカスタムデータ属性 (data-*) への読み取り/書き込みアクセスを提供します。

DOM操作
WidelyDOM操作

document.elementFromPoint() and document.elementsFromPoint()

elementFromPoint() メソッドは Document オブジェクト上で利用可能で、指定した座標(ビューポートからの相対座標)における最上位の要素 (Element) を返します。

DOM操作
WidelyDOM操作

DOM

Attr インターフェイスは要素の属性の一つをオブジェクトとして表します。

DOM操作
WidelyDOM操作

DOM Geometry

DOMMatrix は、二次元または三次元の回転や平行移動などの変換に適した 4×4 行列を表します。

DOM操作
WidelyDOM操作

DOMParser

DOMParser インターフェイスは、 XML や HTML ソースコードを文字列から DOM の Document に解釈する機能を提供します。

DOM操作
WidelyDOM操作

Selection

AbstractRange は抽象インターフェイスで、すべての DOM の範囲型を定義するための基本クラスです。

DOM操作
WidelyDOM操作

XMLSerializer

XMLSerializer インターフェイスは serializeToString() メソッドを提供します。

DOM操作
WidelyDOM操作

XPath

このメソッドは、(繰り返して)評価を行うために使用することができる XPathExpression をコンパイルします。

DOM操作
WidelyDOM操作

XSLT

XSLTProcessor は、XSLT スタイルシート変換を XML 文書に適用して、新しい XML 文書を出力として生成します。

DOM操作
WidelyObserver・パフォーマンス

Intersection observer

IntersectionObserver は交差オブザーバー API のインターフェイスで、対象となる要素と祖先要素または文書の最上位のビューポートとの交差状態(重なり合っている状態)の変化を非同期に監視する方法を提供します。

Observer・パフォーマンス
WidelyObserver・パフォーマンス

MutationObserver

MutationObserver インターフェイスは、 DOM ツリーへ変更が加えられたことを監視することができる機能を提供します。

Observer・パフォーマンス
WidelyObserver・パフォーマンス

Navigation timing

PerformanceNavigationTiming インターフェイスは、ブラウザーの文書ナビゲーションイベントに関するメトリックを格納および取得するためのメソッドとプロパティを提供します。

Observer・パフォーマンス
WidelyObserver・パフォーマンス

Paint timing

PerformancePaintTiming インターフェイスは、ウェブページ構築中の "paint" ("render" とも呼ばれる) 操作に関するタイミング情報を提供します。

Observer・パフォーマンス
WidelyObserver・パフォーマンス

Performance

Performance インターフェイスは、現在のページのパフォーマンス関連情報へのアクセスを提供します。

Observer・パフォーマンス
WidelyObserver・パフォーマンス

Resize observer

ResizeObserver インターフェイスは、要素 (Element) のコンテンツまたは境界ボックス、または SVGElement のバウンディングボックスの大きさが変化したことを報告します。

Observer・パフォーマンス
WidelyObserver・パフォーマンス

Resource size

decodedBodySize は読み取り専用プロパティで、適用されたコンテンツエンコーディング(gzip や Brotli など)を削除した後、メッセージ本体のフェッチ(HTTP またはキャッシュ)で受信したサイズ(オクテット単位)を返します。

Observer・パフォーマンス
WidelyObserver・パフォーマンス

Resource timing

clearResourceTimings() メソッドは、entryType が "resource" のすべてのパフォーマンス項目をブラウザーのパフォーマンスタイムラインから削除し、パフォーマンスリソースデータバッファーのサイズをゼロに設定します。

Observer・パフォーマンス
WidelyWeb Components

Autonomous custom elements

CustomElementRegistry インターフェイスは、カスタム要素の登録と、登録された要素を照会するためのメソッドを提供します。

Web Components
WidelyWeb Components

Constructed stylesheets

CSSStyleSheet() コンストラクターは、新しい CSSStyleSheet オブジェクトを生成します。

Web Components
WidelyWeb Components

Form-associated custom elements

ElementInternals は Document Object Model のインターフェイスで、カスタム要素を HTML フォームに完全に参加させる方法をウェブ開発者に提供します。

Web Components
WidelyWeb Components

Imperative slot assignment

assign() は HTMLSlotElement インターフェイスのメソッドで、このスロットの手動で割り当てられたノードをスロットテーブルの順序付きリストに設定します。

Web Components
WidelyWeb Components

Shadow DOM

Element.attachShadow() メソッドは、シャドウ DOM ツリーを特定の要素に追加し、そのシャドウルート (ShadowRoot) への参照を返します。

Web Components
Widelyイベント

Change event

change イベントは <input>, <select>, <textarea> 要素において、ユーザーが要素の値を変更したときに発行されます。

イベント
Widelyイベント

Composition events

DOM の CompositionEvent は、ユーザーの間接的なテキストの入力(訳注: かな漢字変換の入力など)によって発生するイベントを表します。

イベント
Widelyイベント

Events

CustomEvent インターフェイスは、何らかの目的でアプリケーションから初期化されるイベントを表します。

イベント
Widelyイベント

Focus events

blur イベントは、要素がフォーカスを失ったときに発生します。

イベント
Widelyイベント

input (event)

input イベントは、 <input>, <select>, <textarea> の各要素の値 (value) が、ユーザーのアクション(テキストボックスに入力したり、チェックボックスを調べるなど)を直接的な原因変更された際に発行されます。

イベント
Widelyイベント

Keyboard events

keydown イベントは、キーが押されたときに発生します。

イベント
Widelyイベント

Mouse events

auxclick イベントは、ポインティングデバイスの第 1 ボタン以外のボタン(マウスの第 1 の—通常は左端の—ボタン)が同じ要素(Element)内で押されて離されたとき、その要素で発行されます。

イベント
Widelyイベント

Page transition events

PageTransitionEvent イベントオブジェクトは、文書が読み込まれるか、または終了する際に発行される pageshow および pagehide イベントのハンドラー内で使用できます。

イベント
Widelyイベント

Pointer Events

gotpointercapture イベントは、要素が setPointerCapture() を使用してポインターをキャプチャしたときに発生します。

イベント
Widelyストレージ

IndexedDB

indexedDB は Window インターフェイスの読み取り専用プロパティで、アプリケーションが indexed データベースの機能に非同期でアクセスするための機構を提供します。

ストレージ
Widelyストレージ

localStorage and sessionStorage

localStorage は window プロパティの読み取り専用プロパティで、この Document の origin における Storage オブジェクトにアクセスできます。

ストレージ
Widelyストレージ

Locks

Web Locks API の Lock インターフェイスは、ロックの名前とモードを提供します。

ストレージ
Widelyストレージ

Origin private file system

File System Access API の FileSystemDirectoryHandle インターフェイスは、ファイルシステムのディレクトリーへのハンドルを提供します。

ストレージ
Widelyストレージ

Storage manager

Storage API の StorageManager インターフェイスは、永続性のパーミッションの管理と、利用可能なストレージの見積もりのインターフェイスを提供します。

ストレージ
Widelyデバイス・センサー

Device orientation events

DeviceMotionEvent インターフェイスは、ウェブ開発者に端末の位置と方向の変化のスピードに関する情報を提供します。

デバイス・センサー
Widelyデバイス・センサー

Gamepad

Gamepad はゲームパッド API のインターフェイスで、それぞれのゲームパッドやその他のコントローラーを定義し、ボタン押下や軸位置や ID といった情報にアクセスできるようにします。

デバイス・センサー
Widelyデバイス・センサー

Geolocation API

Geolocation インターフェイスは、端末の位置をプログラムから取得することができるオブジェクトを表します。

デバイス・センサー
Widelyデバイス・センサー

hardwareConcurrency

navigator.hardwareConcurrency は読み取り専用のプロパティで、ユーザーのコンピューター上でスレッドを実行するために使用可能な論理プロセッサー数を返します。

デバイス・センサー
Widelyデバイス・センサー

Media capabilities

MediaCapabilities はメディア能力 API のインターフェイスで、機器、システム、ブラウザーのデコード能力に関する情報を提供します。

デバイス・センサー
Widelyデバイス・センサー

Media capture

InputDeviceInfo は メディアキャプチャとストリーム API のインターフェイスで、これが表す入力機器の能力にアクセスするためのものです。

デバイス・センサー
Widelyデバイス・センサー

MediaStream recording

BlobEvent インターフェイスは、Blob に関連付けられたイベントを表します。

デバイス・センサー
Widelyデバイス・センサー

pdfViewerEnabled

pdfViewerEnabled は Navigator インターフェイスの読み取り専用プロパティで、ブラウザーが PDF ファイルへの移動時にインライン表示に対応しているかどうかを示します。

デバイス・センサー
Widelyデバイス・センサー

Screen orientation

Screen Orientation API の ScreenOrientation インターフェイスは、文書の現在の向きの情報を提供します。

デバイス・センサー
Widelyネットワーク通信

Abortable fetch

signal は Request インターフェイスの読み取り専用プロパティで、このリクエストに関連付けられた AbortSignal を返します。

ネットワーク通信
Widelyネットワーク通信

AbortController and AbortSignal

AbortController インターフェイスは 1 つ以上のウェブリクエストをいつでも中断することを可能にするコントローラーオブジェクトを表します。

ネットワーク通信
Widelyネットワーク通信

Beacons

navigator.sendBeacon() メソッドは、ウェブサーバーに非同期に少量のデータを HTTP POST リクエストで送ります。

ネットワーク通信
Widelyネットワーク通信

Fetch

fetch() は Window インターフェイスのメソッドで、ネットワークからリソースを取得するプロセスを開始し、レスポンスが利用できるようになったら履行されるプロミスを返します。

ネットワーク通信
Widelyネットワーク通信

Server-sent events

EventSource インターフェイスは、サーバー送信イベントのウェブコンテンツのインターフェイスです。

ネットワーク通信
Widelyネットワーク通信

WebRTC

WebRTC API の RTCCertificate インターフェイスは、RTCPeerConnection が認証に使用する証明書を表すオブジェクトを提供します。

ネットワーク通信
Widelyネットワーク通信

WebRTC SCTP information

RTCPeerConnection インターフェイスの sctp 読み取り専用プロパティは、SCTP データが送受信されている SCTP トランスポートを記述する RTCSctpTransport を返します。

ネットワーク通信
Widelyネットワーク通信

WebRTC statistics

RTCPeerConnection インターフェースの getStats() メソッドは、全体的な接続または指定された MediaStreamTrack に関する統計データを提供するプロミスを返します。

ネットワーク通信
Widelyネットワーク通信

WebSockets

CloseEvent は、接続が閉じられたときに WebSocket を使用してクライアントに送信されます。

ネットワーク通信
Widelyネットワーク通信

XMLHttpRequest

FormData インターフェイスは、フォームフィールドおよびそれらの値から表現されるキーと値のペアのセットを簡単に構築する手段を提供します。

ネットワーク通信
Widelyファイル・クリップボード・ストリーム

Clipboard events

ClipboardEvent はクリップボード API のインターフェイスで、 クリップボードの変更に関連する情報を提供するイベントを表します。

ファイル・クリップボード・ストリーム
Widelyファイル・クリップボード・ストリーム

Compression streams

Compression Streams API の CompressionStream インターフェイスは、データのストリームの圧縮を行う API です。

ファイル・クリップボード・ストリーム
Widelyファイル・クリップボード・ストリーム

Drag and Drop

DataTransfer オブジェクトは、コンテキスト間で転送されるデータ(ドラッグ&ドロップ操作やクリップボードの読み書きなど)を保持するために使用されます。

ファイル・クリップボード・ストリーム
Widelyファイル・クリップボード・ストリーム

File API

File インターフェイスは、ファイルについての情報を提供したり、ウェブページ内の JavaScript からその内容にアクセスできるようにしたりします。

ファイル・クリップボード・ストリーム
Widelyファイル・クリップボード・ストリーム

Streams

ByteLengthQueuingStrategy はストリーム API のインターフェイスで、ストリームを構築するときに使用できる組み込みのバイト長キューイング戦略を提供します。

ファイル・クリップボード・ストリーム
Widelyメッセージング・ワーカー

BroadcastChannel

BroadcastChannel インターフェイスは、特定のオリジンの閲覧コンテキストが加入できる名前付きチャンネルを表します。

メッセージング・ワーカー
Widelyメッセージング・ワーカー

Channel messaging

MessageChannel はチャンネルメッセージング API のインターフェイスで、新しいメッセージチャンネルを作成し、2 つの MessagePort プロパティを通して、その間でデータを送信できます。

メッセージング・ワーカー
Widelyメッセージング・ワーカー

Dedicated workers

DedicatedWorkerGlobalScope オブジェクト(Worker グローバルスコープ)は、 self キーワードでアクセスできます。

メッセージング・ワーカー
Widelyメッセージング・ワーカー

messageerror

messageerror イベントは DedicatedWorkerGlobalScope オブジェクトで、シリアライズ解除できないメッセージを受け取ったときに発生します。

メッセージング・ワーカー
Widelyメッセージング・ワーカー

postMessage

postMessage() は DedicatedWorkerGlobalScope インターフェイスのメソッドで、それを生成したメインスレッドにメッセージを送信します。

メッセージング・ワーカー
Widelyメッセージング・ワーカー

Push messages

PushEvent はプッシュ API のインターフェイスで、受け取ったプッシュメッセージを表します。

メッセージング・ワーカー
Widelyメッセージング・ワーカー

Service workers

Cache インターフェイスは、 Request / Response オブジェクトのペアを保存するストレージの仕組みを提供します。

メッセージング・ワーカー
Widelyメディア

AudioWorklet

ウェブオーディオ API の AudioWorklet インターフェイスは、別のスレッドで実行して非常に低遅延の音声処理を提供するカスタム音声処理スクリプトを提供するのに使われます。

メディア
Widelyメディア

Encrypted media extensions

encryptedイベントは、初期化データがメディアから見つかり、暗号化されていることを示しているときに発行されます。

メディア
Widelyメディア

Media playback quality

HTMLVideoElement の getVideoPlaybackQuality() メソッドは、どれだけのフレームが落ちるのかを示す指標を含む VideoPlaybackQuality オブジェクトを返します。

メディア
Widelyメディア

OfflineAudioContext

OfflineAudioContext インターフェイスは AudioContext インターフェイスの一種で、 AudioNode をつなげて造られる音声処理グラフを表しています。

メディア
Widelyメディア

Speech synthesis

SpeechSynthesis はウェブ音声 API のインターフェイスで、音声発声サービスのための制御インターフェイスです。

メディア
Widelyメディア

Text tracks

textTracks は HTMLMediaElement オブジェクトの読み取り専用プロパティで、メディア要素のテキストトラックを表す TextTrackList オブジェクトをすべて、テキストトラックのリストと同じ順序で掲載しているオブジェクトを返します。

メディア
Widelyメディア

Web Audio

AnalyserNode インターフェイスはリアルタイム時間領域/周波数領域分析情報を表現します。

メディア
Widelyメディア

WebVTT cue settings

align は VTTCue インターフェイスのプロパティで、このテキストボックス内のテキストの行すべての配置を表します。

メディア
Widelyユーティリティ

Base64 encoding and decoding

atob() は Window インターフェイスのメソッドで、 Base64 エンコーディングでエンコードされたデータの文字列をデコードします。

ユーティリティ
Widelyユーティリティ

Console

console オブジェクトは、ブラウザーのデバッグコンソール(例えば Firefox のウェブコンソール)へのアクセスを提供します。

ユーティリティ
Widelyユーティリティ

Font loading

fonts は Document インターフェイスのプロパティで、文書の FontFaceSet インターフェイスを返します。

ユーティリティ
Widelyユーティリティ

Language

Navigator.language は読み取り専用プロパティで、ユーザーの言語を表す文字列を返します。

ユーティリティ
Widelyユーティリティ

Navigator

Navigator インターフェイスは、ユーザーエージェントの状態や身元情報を表します。

ユーティリティ
Widelyユーティリティ

Online status

ブラウザーのオンライン状態を返します。

ユーティリティ
Widelyユーティリティ

Text encoding and decoding

TextDecoder インターフェイスは、特定のテキストエンコーディング、例えば UTF-8、ISO-8859-2、KOI8-R、GBK などのデコーダーを表します。

ユーティリティ
Widelyユーティリティ

URL

URL インターフェイスは、URL の解釈、構築、正規化、およびエンコードに使用します。

ユーティリティ
Widelyユーティリティ

User agent sniffing

Navigator.userAgent は読み取り専用のプロパティで、現在のブラウザーのユーザーエージェント文字列を返します。

ユーティリティ
Widely認証・暗号・セキュリティ

Credential management

Credential は資格情報管理 API のインターフェイスで、信頼の判断に必要なエンティティ(普通はユーザー)についての情報を提供します。

認証・暗号・セキュリティ
Widely認証・暗号・セキュリティ

isSecureContext

グローバルの isSecureContext プロパティは読み取り専用で、現在のコンテキストが保護されている (true) かそうではない (false) を示す論理値を返します。

認証・暗号・セキュリティ
Widely認証・暗号・セキュリティ

Permissions

permissions は Navigator インターフェイスの読み取り専用プロパティで、権限 API の対象となる API のパーミッションの状態を照会および更新するために使用できる Permissions オブジェクトを返します。

認証・暗号・セキュリティ
Widely認証・暗号・セキュリティ

Web authentication

AuthenticatorAssertionResponse は Web Authentication API のインターフェイスで、 CredentialsContainer.get() に PublicKeyCredential を渡すと返されます。

認証・暗号・セキュリティ
Widely認証・暗号・セキュリティ

Web Cryptography

Crypto インターフェイスは、現在のコンテキストで利用できる基本的な暗号機能を表します。

認証・暗号・セキュリティ
Widely非同期・スケジューリング

queueMicrotask()

queueMicrotask() は Window インターフェイスのメソッドで、ブラウザーのイベントループへ制御が戻る前の安全なタイミングで実行されるマイクロタスクをキューに入れます。

非同期・スケジューリング
Widely非同期・スケジューリング

requestAnimationFrame()

window.requestAnimationFrame() メソッドは、アニメーションを実行したいことをブラウザーに指示します。

非同期・スケジューリング
Widely非同期・スケジューリング

requestAnimationFrame() in workers

cancelAnimationFrame() は DedicatedWorkerGlobalScope インターフェイスのメソッドで、requestAnimationFrame() の呼び出しによって以前にスケジュールされたアニメーションフレームのリクエストをキャンセルします。

非同期・スケジューリング
Widely非同期・スケジューリング

setInterval

setInterval() は Window インターフェイスのメソッドで、一定の間隔を置いて関数やコードスニペットを繰り返し呼び出します。

非同期・スケジューリング
Widely非同期・スケジューリング

setTimeout()

setTimeout() は Window インターフェイスのメソッドで、時間切れになると、関数または指定されたコードの断片を実行するタイマーを設定します。

非同期・スケジューリング
Widely非同期・スケジューリング

structuredClone()

structuredClone() は Window のメソッドで、指定された値のディープコピーを、構造化複製アルゴリズムを用いて生成します。

非同期・スケジューリング
Widely表示・ナビゲーション

Alerts

Window.alert() は、任意のメッセージを含むダイアログを表示し、ユーザーがそのダイアログを閉じるまで待機するようブラウザーに指示します。

表示・ナビゲーション
Widely表示・ナビゲーション

BarProp

BarProp は Document Object Model のインターフェイスで、ウェブページ内のスクリプトに公開されるウェブブラウザーのユーザーインターフェイス要素を表します。

表示・ナビゲーション
Widely表示・ナビゲーション

hashchange

HashChangeEvent インターフェイスは、URL のフラグメント識別子が変更されたときに発生するイベントを表します。

表示・ナビゲーション
Widely表示・ナビゲーション

History

History インターフェイスで、ブラウザーのセッション履歴、つまり現在のページが読み込まれたタブまたはフレームで訪問したページを操作することができます。

表示・ナビゲーション
Widely表示・ナビゲーション

Location

Document.location は読み取り専用のプロパティで、この文書の URL に関する情報を持った Location オブジェクトを返します。

表示・ナビゲーション
Widely表示・ナビゲーション

matchMedia

Window インターフェイスの matchMedia() メソッドは、新しい MediaQueryList オブジェクトを返します。

表示・ナビゲーション
Widely表示・ナビゲーション

Page visibility

Document.hidden は読み取り専用のプロパティで、ページが非表示になっているとみられるかどうかを示す論理値を返します。

表示・ナビゲーション
Widely表示・ナビゲーション

Print events

afterprint イベントは、関連する文書の印刷が開始されたか、印刷プレビューが閉じた後に発生します。

表示・ナビゲーション
Widely表示・ナビゲーション

Screen

Screen インターフェイスは画面を表し、通常は、現在のウィンドウが描画されている画面であり、 window.screen を使用して取得されます。

表示・ナビゲーション
Widely表示・ナビゲーション

Scroll methods on elements

scroll イベントは、文書のビューまたは要素がスクロールされたときに発生します。

表示・ナビゲーション
Widely表示・ナビゲーション

scrollIntoView()

Element インターフェイスの scrollIntoView() メソッドは、 scrollIntoView() が呼び出された要素がユーザーに見えるところまで、要素の親コンテナーをスクロールします。

表示・ナビゲーション
Widely表示・ナビゲーション

Visual viewport API

VisualViewport は視覚的ビューポート API のインターフェイスで、指定されたウィンドウの視覚的ビューポートを表します。

表示・ナビゲーション
Widely表示・ナビゲーション

Web animations

Animation はウェブアニメーション APIのインターフェイスで、アニメーションプレイヤーを表し、アニメーションノードやソースに対する再生制御やタイムラインを提供します。

表示・ナビゲーション
Widely表示・ナビゲーション

Window

Window インターフェイスは、 DOM 文書を収めるウィンドウを表します。

表示・ナビゲーション
Widely表示・ナビゲーション

window.print()

現在の文書を印刷するための印刷ダイアログを開きます。

表示・ナビゲーション
NewlyCanvas・グラフィクス

Canvas reset()

CanvasRenderingContext2D.reset() はキャンバス 2D API のメソッドで、描画コンテキストをデフォルト状態にリセットします。

Canvas・グラフィクス
NewlyCanvas・グラフィクス

Color management for WebGL

WebGLRenderingContext.drawingBufferColorSpace プロパティは、 WebGL 描画バッファーの色空間を指定します。

Canvas・グラフィクス
NewlyCanvas・グラフィクス

Color management for WebGL2

WebGL2RenderingContext.drawingBufferColorSpace プロパティは、WebGL 描画バッファーのカラースペースを指定します。

Canvas・グラフィクス
NewlyCanvas・グラフィクス

willReadFrequently

キャンバスの getContext() メソッドのオプションの willReadFrequently パラメーターは、ハードウェアアクセラレーションを回避することで、getImageData() の頻繁な呼び出しに対してブラウザーが最適化できるようにします。multiple readback とも呼ばれます。

Canvas・グラフィクス
NewlyDOM操作

ARIA attribute reflection

ariaActiveDescendantElement は Element インターフェイスのプロパティで、フォーカスが composite ウィジェット、combobox、textbox、group、application のいずれかにあるときの、現在のアクティブな要素を表します。

DOM操作
NewlyDOM操作

checkVisibility()

checkVisibility() は Element インターフェイスのメソッドで、この要素が可視状態であるかどうかを検査します。

DOM操作
NewlyDOM操作

document.caretPositionFromPoint()

CaretPosition インターフェイスは、テキスト挿入ポイントのインジケーターであるキャレット位置を表します。

DOM操作
NewlyDOM操作

getHTML()

getHTML() は Element インターフェイスのメソッドで、要素の DOM を HTML 文字列にシリアライズするために使用します。

DOM操作
NewlyDOM操作

Selection composed ranges

Selection.getComposedRanges() メソッドは、現在の選択範囲を表す StaticRange オブジェクトの配列を返します。

DOM操作
NewlyDOM操作

Trusted types

trustedTypes は Window インターフェイスの読み取り専用プロパティで、このグローバルオブジェクトに関連付けられた TrustedTypePolicyFactory オブジェクトを返し、信頼型 API を使用するためのエントリーポイントを提供します。

DOM操作
NewlyDOM操作

Unsanitized HTML parsing methods

parseHTMLUnsafe() は Document オブジェクトの静的メソッドで、HTML 入力を構文解析し、オプションで不要な HTML 要素や属性を除外して、新しい Document インスタンスを生成するために使用されます。

DOM操作
NewlyObserver・パフォーマンス

Event timing

EventCounts はパフォーマンス APIのインターフェイスで、それぞれのイベント型で配信されたイベントの数を提供します。

Observer・パフォーマンス
NewlyObserver・パフォーマンス

Largest contentful paint (LCP)

LargestContentfulPaint インターフェイスは、ウェブページ上でユーザー入力が行われる前に描画される最大の画像またはテキストに関するタイミング情報を提供します。

Observer・パフォーマンス
NewlyObserver・パフォーマンス

Reporting API

Reporting API の ReportingObserver インターフェースは、レポートを収集し、アクセスできます。

Observer・パフォーマンス
NewlyWeb Components

:state()

Document Object Model の CustomStateSet インターフェイスは、自律型カスタム要素の状態のリストを格納し、セットへの状態の追加と削除を可能にします。

Web Components
Newlyイベント

User activation

userActivation は Navigator インターフェイスの読み取り専用プロパティで、現在のウインドウのユーザーによる有効化の状態についての情報を持つ UserActivation オブジェクトを返します。

イベント
Newlyストレージ

cookieEnabled

navigator.cookieEnabled は、クッキーが有効かどうかを示す論理値を返します。

ストレージ
Newlyストレージ

Storage access

hasStorageAccess() は Document インターフェイスのメソッドで、この文書がサードパーティの分離されたクッキーへのアクセス権を持っているかどうかを示す論理値で解決する Promise を返します。

ストレージ
Newlyデバイス・センサー

Screen wake lock

wakeLock は読み取り専用のプロパティで、 WakeLock インターフェイスを返します。

デバイス・センサー
Newlyネットワーク通信

AbortSignal.any()

AbortSignal.any() は静的メソッドで、中止シグナルが入った反復可能オブジェクトを受け取り、AbortSignal を返します。

ネットワーク通信
Newlyネットワーク通信

AbortSignal.timeout()

AbortSignal.timeout() は静的メソッドで、指定した時間が経過すると自動的に中止する AbortSignal を返すものです。

ネットワーク通信
Newlyネットワーク通信

WebRTC encoded transform

rtctransform イベントは、エンコードされたビデオまたはオーディオフレームが WebRTC Encoded Transform によって処理のためにキューに入れられたときに、ワーカーの DedicatedWorkerGlobalScope オブジェクトで発生します。

ネットワーク通信
Newlyネットワーク通信

WebTransport

WebTransport はウェブトランスポート API のインターフェイスで、ユーザーエージェントが HTTP/3 サーバーに接続し、単方向または双方向で信頼性のあるトランスポートおよび信頼性のないトランスポートを開始し、接続が必要できなくなった時点で接続を閉じるための機能を提供します。

ネットワーク通信
Newlyファイル・クリップボード・ストリーム

Async clipboard

Clipboard はクリップボード API のインターフェイスで、システムクリップボードの内容に対する読み取りと書き込みのアクセス提供します。

ファイル・クリップボード・ストリーム
Newlyファイル・クリップボード・ストリーム

ClipboardItem.supports()

ClipboardItem インターフェースの supports() 静的メソッドは、指定された MIME タイプがクリップボードでサポートされている場合に true を返し、そうでない場合に false を返します。

ファイル・クリップボード・ストリーム
Newlyファイル・クリップボード・ストリーム

createImageBitmap

createImageBitmap() は Window インターフェイスのメソッドで、指定されたソースからビットマップを作成し、オプションでそのソースの一部のみを切り抜きます。

ファイル・クリップボード・ストリーム
Newlyファイル・クリップボード・ストリーム

Readable byte streams

ReadableByteStreamController はストリーム API のインターフェイスで、読み取り可能なバイトストリームコントローラーを表します。

ファイル・クリップボード・ストリーム
Newlyメディア

preservesPitch

HTMLMediaElement.preservesPitch プロパティは、 HTMLMediaElement.playbackRate の設定で行われた再生速度の変更を補償するために、ブラウザーが音声の音程を調整すべきかどうかを決定します。

メディア
Newlyメディア

requestVideoFrameCallback()

requestVideoFrameCallback() は HTMLVideoElement インターフェイスのメソッドで、新しい映像フレームが合成エンジンに送信された際に実行されるコールバック関数を登録します。

メディア
Newlyユーティリティ

dialog.requestClose()

requestClose() は HTMLDialogElement インターフェイスのメソッドで、<dialog> を閉じる要求を行います。

ユーティリティ
Newlyユーティリティ

URL.canParse()

URL.canParse() は URL の静的メソッドで、絶対 URL、またはベース URL と結合した相対 URL が解析可能で有効かどうかを示す論理値を返します。

ユーティリティ
Newlyユーティリティ

URLPattern

URLPattern は URL パターン API のインターフェイスで、URL または URL の一部をパターンと照合します。

ユーティリティ
Newly認証・暗号・セキュリティ

Web authentication easy public key access

AuthenticatorAttestationResponse インターフェースの getAuthenticatorData() メソッドは、AuthenticatorAttestationResponse.attestationObject プロパティ内に含まれる認証データを含む ArrayBuffer を返します。

認証・暗号・セキュリティ
Newly表示・ナビゲーション

Active view transition

types は ViewTransition インターフェイスの読み取り専用プロパティで、ViewTransitionTypeSet であり、このビュー遷移に設定された型にアクセスしたり、変更したりすることができます。

表示・ナビゲーション
Newly表示・ナビゲーション

Navigation API

Navigation API の Navigation インターフェイスは、プログラムによるナビゲーションの開始、ナビゲーション履歴エントリの調査、ナビゲーションの発生時の管理など、現在のウィンドウにおけるすべてのナビゲーションアクションを 1 つの集中管理された場所で制御できるようにします。

表示・ナビゲーション
Newly表示・ナビゲーション

scrollend

scrollend イベントは、文書のビューのスクロールが完了した時に発生します。

表示・ナビゲーション
LimitedCanvas・グラフィクス

2D canvas opacity

2D canvas の getContext() メソッドのオプションの alpha パラメーターは、キャンバスがアルファ透明度チャネルを持つかどうかを設定します。false に設定すると、ブラウザーは不透明なキャンバスの合成を最適化できます。

Canvas・グラフィクス
LimitedCanvas・グラフィクス

Color management for 2D canvas

2D canvas の getContext() メソッドのオプションの colorSpace パラメーターは、"srgb" や "display-p3" のような色表現を指定します。

Canvas・グラフィクス
LimitedCanvas・グラフィクス

contextlost and contextrestored

CanvasRenderingContext2D.isContextLost() はキャンバス 2D API のメソッドで、この描画コンテキストが失われている場合(そしてリセットされていない場合)に true を返します。

Canvas・グラフィクス
LimitedCanvas・グラフィクス

Desynchronized 2D canvas

canvas の getContext() メソッドのオプションの desynchronized パラメーターを使用すると、ブラウザーはイベントループとは独立して 2D canvas を描画できます。これにより、描画レイテンシーを低減できます。

Canvas・グラフィクス
LimitedCanvas・グラフィクス

Desynchronized WebGL canvas

canvas の getContext() メソッドのオプションの desynchronized パラメーターを使用すると、ブラウザーは WebGL canvas をイベントループとは独立して描画できます。これにより、描画レイテンシーを削減できます。

Canvas・グラフィクス
LimitedCanvas・グラフィクス

Desynchronized WebGL2 canvas

canvas の getContext() メソッドのオプションの desynchronized パラメーターを使用すると、ブラウザーは WebGL2 canvas をイベントループとは独立して描画できます。これにより、描画のレイテンシーを削減できます。

Canvas・グラフィクス
LimitedCanvas・グラフィクス

WebGPU

WebGPU API の GPU インターフェイスは、WebGPU を使用するためのスタート地点です。

Canvas・グラフィクス
LimitedDOM操作

CSS typed object model

CSSImageValue は CSS 型付きオブジェクトモデル API のインターフェイスで、 background-image, list-style-image, border-image-source のような画像を取るプロパティの値を表します。

DOM操作
LimitedDOM操作

EditContext

EditContext インターフェイスは、EditContext API を用いて、編集可能になった要素のテキスト編集コンテキストを表します。

DOM操作
LimitedDOM操作

showPicker() for <input>

HTMLInputElement.showPicker() メソッドは、input 要素のブラウザーのピッカーを表示します。

DOM操作
LimitedDOM操作

showPicker() for <select>

HTMLSelectElement.showPicker() メソッドは、select 要素のブラウザーピッカーを表示します。

DOM操作
LimitedWeb Components

Scoped custom element registries

CustomElementRegistry() コンストラクターは、スコープ付きの用途のために新しい CustomElementRegistry オブジェクトを作成します。

Web Components
Limitedストレージ

Shared storage

Shared Storage API の SharedStorage インターフェイスは、特定のオリジンに対する共有ストレージを表し、共有ストレージにデータを書き込むためのメソッドを定義します。

ストレージ
Limitedデバイス・センサー

Accelerometer

Sensor APIs の Accelerometer インターフェイスは、デバイスの 3 軸それぞれにかかっている加速度の計測値を提供します。

デバイス・センサー
Limitedデバイス・センサー

Ambient light sensor

Sensor APIs の AmbientLightSensor インターフェイスは、現在の光レベル、すなわちホストデバイス周辺の環境光の照度を返します。

デバイス・センサー
Limitedデバイス・センサー

CPU compute pressure

PressureObserver インターフェイスは Compute Pressure API の一部であり、CPU のようなシステムリソースの負荷の変化を監視するために使用されます。

デバイス・センサー
Limitedデバイス・センサー

Gyroscope

Sensor APIs の Gyroscope インターフェイスは、デバイスの 3 軸それぞれの角速度の計測値を提供します。

デバイス・センサー
Limitedデバイス・センサー

Idle detection

Idle Detection API の IdleDetector インターフェイスは、デバイスまたは画面上でのユーザーのアクティビティを検出するためのメソッドとイベントを提供します。

デバイス・センサー
Limitedデバイス・センサー

Magnetometer

Sensor APIs の Magnetometer インターフェイスは、デバイスのプライマリー磁気センサーで検出される磁場の情報を提供します。

デバイス・センサー
Limitedデバイス・センサー

Screen capture

CaptureController インターフェイスは、キャプチャされた表示サーフェス (MediaDevices.getDisplayMedia() を介してキャプチャされた) をさらに操作するために使用できるメソッドを提供します。

デバイス・センサー
Limitedデバイス・センサー

Web Bluetooth

Bluetooth は Web Bluetooth API のインターフェイスで、指定のオプションに合致する BluetoothDevice オブジェクトで解決する Promise を返します。

デバイス・センサー
Limitedデバイス・センサー

Web MIDI

Web MIDI API の MIDIAccess インターフェイスは、MIDI の入力デバイスや出力デバイスを列挙するメソッドと、それらのデバイスへのアクセスを得るメソッドを提供します。

デバイス・センサー
Limitedデバイス・センサー

Web serial

serial は Navigator インターフェイスの読み取り専用プロパティで、ウェブシリアル API のエントリーポイントを表す Serial オブジェクトを返します。

デバイス・センサー
Limitedデバイス・センサー

WebHID

HID インターフェイスは、 HID デバイス への接続およびアタッチした HID デバイスのリストアップを行うメソッドと、HID デバイスの接続を扱うイベントハンドラーを提供します。

デバイス・センサー
Limitedデバイス・センサー

WebUSB

usb は Navigator インターフェイスの読み取り専用プロパティで、現在の文書内の USBオブジェクトを返し、WebUSB API の機能へのアクセスを提供します。

デバイス・センサー
Limitedデバイス・センサー

WebXR

xr は Navigator インターフェイスによって提供される読み取り専用プロパティで、WebXR 機器 API へのアクセスに使用できる XRSystem オブジェクトを返します。

デバイス・センサー
Limitedメディア

Audio and video tracks

AudioTrack インターフェイスは、 HTML のメディア要素(<audio> または <video>)のいずれかにある単一の音声トラックを表します。

メディア
Limitedメディア

captureStream() for <audio> and <video>

captureStream() は HTMLMediaElement インターフェイスのプロパティで、このメディア要素でレンダリングされているコンテンツのリアルタイムキャプチャをストリーミングしている MediaStream オブジェクトを返します。

メディア
Limitedメディア

fastSeek()

HTMLMediaElement.fastSeek() メソッドは、精度と引き換えに新しい時間へのメディアを迅速にシークします。

メディア
Limitedメディア

Media source

MediaSource はメディアソース拡張 API のインターフェイスで、 HTMLMediaElement のメディアデータのソースを表します。

メディア
Limitedメディア

MediaController

HTMLMediaElement.controller プロパティは、要素に割り当てられたメディアコントローラーを表します。

メディア
Limitedユーティリティ

Local fonts

Local Font Access API の FontData インターフェースは、単一のローカルフォントフェイスを表します。

ユーティリティ
Limitedユーティリティ

navigator.share()

share() は Navigator インターフェイスのメソッドで、テキスト、URL、ファイルなどのデータを共有するために、端末のネイティブ共有メカニズムを呼び出します。

ユーティリティ
Limitedユーティリティ

Payment request

決済リクエスト API の PaymentRequest インターフェイスは、この API への第一のアクセスポイントであり、ウェブコンテンツやアプリが、サイトのユーザーやアプリの公開者に代わって、エンドユーザーからの決済を受け入れることができます。

ユーティリティ
Limited認証・暗号・セキュリティ

WebOTP

WebOTP API の OTPCredential インターフェイスは、新しいワンタイムパスワードを取得したときに返す属性を持ちます。

認証・暗号・セキュリティ
Limited表示・ナビゲーション

Fullscreen API

Document の exitFullscreen() メソッドは、この文書で現在全画面モードで表示されている要素が全画面モードを抜け、画面を以前の状態に戻すことを要求します。

表示・ナビゲーション
Limited表示・ナビゲーション

Window management

change は Screen インターフェイスのイベントで、次のプロパティのうち 1 つ以上が変化したときに、特定の画面で発行されます。

表示・ナビゲーション