2026 年 5 月 7 日にリリースされる Microsoft Edge 148 の新しい Web プラットフォームの機能と更新プログラムを次に示します。
最新の状態を維持し、最新の Web プラットフォーム機能を取得するには、Microsoft Edge (ベータ、開発、またはカナリア) のプレビュー チャネルをダウンロードします。 [Microsoft Edge Insider になる] に移動します。
詳細な内容:
- Edge DevTools
- WebView2
- CSS 機能
-
Web API
- リソース タイミングのコンテンツ タイプ
-
dropEffectドラッグ アンド ドロップ イベントでの処理 - 生涯共有ワーカーの延長
- セキュリティで保護された支払いの確認機能を検出する
- IDNA ContextJ ルール
- ビデオ要素とオーディオ要素の遅延読み込み
- マニフェストのローカライズ
- OpenType フォント形式での avar2 のサポート
- ドラッグ開始時のポインター イベント抑制
- プロンプト API
-
同じ
srcが再割り当てされたときにno-storeイメージを再利用する - Web 認証イミディエイト UI モード
-
WebGPU
linear_indexing機能 - bfcache エントリでの WebSocket の切断
- 常に WebRTC でデータ チャネルをネゴシエートする
-
配信元の試用版
- ライター API
- リライター API
- Proofreader API
- プロンプト API
- WebGPU 互換モード
- Shared Worker の有効期間の延長
- デスクトップ プラットフォーム上の分離されていないページの SharedArrayBuffers
- 着信呼び出し通知
- WebAssembly カスタム記述子
- Web インストール API
-
<usermedia>HTML 要素 - 拡張キャンバス TextMetrics
- WebNN
-
focusgroupキーボード ナビゲーションの HTML 属性 - CSP script-src の URL と eval ハッシュ
- デジタル資格情報 API - 発行サポート
-
prerender_until_script投機ルール API アクション - WebAudio 構成可能なレンダー量子
- フォーム送信による事前レンダリングのアクティブ化
- CPU パフォーマンス API
- クロスオリジン iframe のプリレンダリング
- オートフィル イベント
Edge DevTools
「Microsoft Edge DevTools の新機能」を参照してください。
WebView2
WebView2 SDK のリリース ノートを参照してください。
CSS 機能
Microsoft Edge には、次の新しいカスケード スタイル シート (CSS) 機能が含まれています。
CSS 名のみのコンテナー クエリ
CSS クエリ コンテナーは、その container-name のみに基づいてクエリを実行でき、コンテナーには container-type セットは必要ありません。
<style>
#container {
container-name: --foo;
}
@container --foo {
input { background-color: green; }
}
</style>
<div id="container">
<div><input></div>
</div>
以前は、@containercontainer-nameに加えて、いくつかのクエリが必要でした。
関連項目:
- MDN で@container。
- MDN の container-name 。
revert-rule キーワード (keyword)
revert-rule キーワード (keyword)は、カスケードを前のルールにロールバックします。
これは、カスケード revert-layer 前の レイヤーにロールバックする方法に似ています。
例:
div { color: green; }
div { color: revert-rule; /* Effectively green */ }
revert-rule キーワード (keyword)は、条件付き条件と組み合わせて特に便利です。
revert-rule キーワード (keyword)では、一部の条件が満たされていない場合に現在のルールを削除できます。
div {
display: if(style(--layout: fancy): grid; else: revert-rule);
}
関連項目:
- CSS カスケードおよび継承レベル 6 の revert-rule キーワード (keyword)。
at-rule(): CSS 機能の検出
at-rule()関数を CSS @supportsで使用して、CSS at-rules のサポートを機能検出できます。
関連項目:
- Extensions to the @supports rule CSS 条件付きルール モジュール レベル 5。
text-decoration-skip-ink: all
text-decoration-skip-ink プロパティにall値が設定されました。 このプロパティは引き続き auto と noneをサポートします。
all- CJK 文字を含むすべてのグリフにインク スキップを無条件に適用します。text-decoration-skip-ink: allを使用する場合、CJK グリフとの衝突を避けるためにtext-underline-positionまたはtext-underline-offsetを調整する場合は、それらの文字のインク スキップも明示的に選択できます。auto- CJK 文字はスキップされません。 Ideographic スクリプトに役立ちます。 インクスキップでは、一般的な下線の位置で、イデオロギー スクリプトの望ましくない視覚的結果が生成される可能性があります。none- インクスキップを防止します。
関連項目:
- MDN の text-decoration-skip-ink 。
- CSS テキスト装飾モジュール レベル 4の text-decoration-skip-ink プロパティ。
Web API
Microsoft Edge には、次の新しい Web API 機能が含まれています。
リソース タイミングのコンテンツ タイプ
PerformanceResourceTimingの新しいcontentType フィールドには、サーバーから返されるフェッチされたリソースのコンテンツ タイプに対応する文字列が保持されます。
関連項目:
dropEffect ドラッグ アンド ドロップ イベントでの処理
ドラッグ アンド ドロップ API を使用する場合、 dropEffect 属性には、HTML 標準で指定されている dragenter、 dragover、および dragleave イベント中に正しい事前設定された値が設定されるようになりました。
dragenterイベントとdragoverイベントの場合、dropEffect属性は現在のeffectAllowedに基づいています。
dragleaveイベントの場合、dropEffectは常に"none"されます。
関連項目:
生涯共有ワーカーの延長
共有ワーカーの作成時に extendedLifetime オプションを設定して、すべてのクライアント ページが閉じた後もサービス ワーカーを制限された時間維持します。 この手法により、アンロード中に非同期操作を確実に完了できます。
関連項目:
セキュリティで保護された支払いの確認機能を検出する
PaymentRequest.getSecurePaymentConfirmationCapabilities()メソッドを使用して、ブラウザーでサポートされている安全な支払い確認機能を決定します。
このメソッドは、ブラウザーの Secure Payment Confirmation 機能を記述する オブジェクトを返します。 返されたオブジェクトを使用して、支払フローに安全な支払い確認機能を使用するかどうかを決定します。
これは非同期の静的メソッドです。
関連項目:
- MDN での安全な支払い確認の使用。
IDNA ContextJ ルール
Microsoft Edge では、URL 内のほとんどの場所で次の文字を禁止することで、IDNA ContextJ 規則が実装されるようになりました。
ZWNJ (U+200C ゼロ幅非 JOINER)
ZWJ (U+200D ゼロ幅 JOINER)
これにより、他のブラウザーとの相互運用性が向上します。
IDNA は、ドメイン名で ASCII 以外の文字が発生するメカニズムです。 たとえば、URL http://네이버.한국/ は http://xn--950bt9s8xi.xn--3e0b707e/としてエンコードされます。
関連項目:
- Microsoft Edge 143 Web プラットフォームのリリース ノート (2025 年 12 月) での Unicode サポートの向上。
ビデオ要素とオーディオ要素の遅延読み込み
要素がビューポートの近くまでメディア リソースの読み込みを延期するには、<video> 要素と<audio>要素の新しいloading属性を使用し、lazyの値を指定します。
構文:
<audio loading="lazy"/>
<video loading="lazy"/>
これは、 <img> 要素と <iframe> 要素の既存の遅延読み込み動作と一致し、ページ読み込みのパフォーマンスを向上させ、データ使用量を削減します。
関連項目:
-
<video>での読み込み: MDN の Video Embed 要素。 -
<audio>での読み込み: MDN の埋め込みオーディオ要素。 -
<img>での読み込み: MDN の Image Embed 要素。 -
<iframe>での読み込み: MDN のインライン フレーム要素。
マニフェストのローカライズ
マニフェスト メンバーをローカライズして、PWA の名前、説明、アイコン、ショートカットをユーザーの言語と地域に合わせることができるようになりました。
Web アプリ マニフェスト JSON ファイルにローカライズされた値を指定します。 ブラウザーは、ユーザーの言語設定に基づいて適切なリソースを自動的に選択します。
関連項目:
OpenType フォント形式での avar2 のサポート
OpenType フォント形式の軸バリエーション テーブル (avar2) のバージョン 2 がサポートされるようになりました。
Avar2 を使用すると、フォントの設計者は補間をより適切に制御してフォントを作成できます。 avar2 では、フォントのバリエーションの軸が相互に影響を与える可能性があり、より複雑なデザイン、使いやすいフォント、小さなファイル サイズが可能になります。
関連項目:
ドラッグ開始時のポインター イベント抑制
ドラッグ操作が開始されると、ブラウザーはドラッグ ソースに pointercancel、 pointerout、 pointerleave イベントを送信して、ポインター イベント ストリームが終了したことを示します。
この動作により、ドラッグ操作中に、ドラッグ ソースがこのポインターからそれ以上のイベントを予期しないようにします。
この動作は、すべてのプラットフォームで完全に実装されるようになりました。
関連項目:
- MDN での HTML ドラッグ アンド ドロップ API 。
- MDN でのポインター イベント。
プロンプト API
Prompt API を使用すると、ブラウザーで提供されるデバイス上の AI 言語モデルに直接アクセスできます。 API 設計では、個々のユース ケースに合わせて調整されたモデル操作を使用して、サイトを段階的に強化するためのきめ細かい制御が提供されます。
Prompt API は、タスク ベースの言語モデル API (Summarizer API など) と、開発者が提供する ML モデルを使用して一般化されたオンデバイス推論用のさまざまな API とフレームワークを補完します。
最初の実装では、次がサポートされています。
- テキスト入力。
- 画像入力。
- オーディオ入力。
- 生成されたテキストが定義済みの正規表現と JSON スキーマ形式に準拠していることを確認する応答制約。
次の場合は、Prompt API を使用します。
- イメージ キャプションの生成。
- ビジュアル検索の実行。
- オーディオの文字起こし。
- サウンド イベントの分類。
- 特定の手順に従ってテキストを生成する。
- マルチモーダル ソース 資料から情報または分析情報を抽出する。
関連項目:
同じsrcが再割り当てされたときにno-storeイメージを再利用する
同じ src 値を <img> 要素に再割り当てすると、イメージが Cache-Control: no-storeで処理された場合でも、ブラウザーはドキュメントから既にデコードされたイメージを再利用するようになりました。 これにより、不要なネットワークの再フェッチが回避され、パフォーマンスが向上します。
以前は、イメージが既にデコードされ、ドキュメントで使用可能であった場合でも、ブラウザーはイメージを再フェッチしていました。
この Web 相互運用性の修正により、Microsoft Edge と Firefox と Safari が調整されます。
関連項目:
Web 認証イミディエイト UI モード
Web 上のほとんどのサインイン エクスペリエンスでは、ユーザー名/パスワード フィールド、フェデレーション サインイン ボタン、パスキー ボタンなど、複数のオプションを提供するサインイン ページが必要です。 ブラウザーがサイトのパスキーまたはパスワードについて既に認識している場合、Web 認証イミディエイト UI モードでは、サインイン ページを不要にすることができます。
イミディエイト UI モードは、 navigator.credentials.get()の新しいモードです。 ブラウザーにサイトのパスキーまたはパスワードがある場合、ブラウザーはユーザーにサインイン UI を表示します。 一致する資格情報が使用できない場合、promise は NotAllowedError で拒否され、ブラウザー UI は表示されないため、ユーザーのサインイン エクスペリエンスはサイトの従来のサインイン ページにフォールバックします。
これにより、サインインの摩擦が軽減され、ユーザーが特定のサイトで以前に使用したサインイン オプションを覚えておく必要がなくなります。
関連項目:
- MDN での Web 認証 API。
WebGPU linear_indexing 機能
linear_indexing機能は、WebGPU シェーディング言語 (WGSL) に 2 つの新しいコンピューティング シェーダー組み込み値を追加します。
-
global_invocation_indexは、global_invocation_idの線形化されたバージョンです。 -
workgroup_indexは、workgroup_idの線形化されたバージョンです。
これらの組み込み値は、計算シェーダー呼び出しに便利な 1 次元インデックスを提供し、間違いやすい手動線形化を置き換えます。
関連項目:
bfcache エントリでの WebSocket の切断
開いている WebSocket 接続は、ページがキャッシュされないようにするのではなく、ページがバック/フォワード キャッシュ (bfcache) に入ったときに閉じられるようになりました。
以前は、アクティブな WebSocket 接続を持つページを bfcache に格納できませんでした。 この変更により、より多くのページが、すぐに前後に移動できるという利点があります。
ページが bfcache に入ると、影響を受ける各WebSocketでclose イベントを受け取ります。
pageshow イベントをリッスンし、event.persistedがtrueされたときに再接続します。
関連項目:
- MDN の WebSocket 。
- MDN での bfcache の操作。
常に WebRTC でデータ チャネルをネゴシエートする
データ チャネルを作成する前に、WebRTC RTCPeerConnectionの新しいalwaysNegotiateDataChannels オプションを使用して、セッション記述プロトコル オファーのデータ チャネルをネゴシエートします。
有効な場合:
- データ チャネル
m=行は、オーディオまたはビデオのm=行の前に配置されます。 -
BUNDLEを使用する場合、複数のメディアの種類に対して 1 つの接続を再利用するために、データ チャネルのm=行がオファー担当者のタグ付けされたメディア セクションとして使用されます。
関連項目:
配信元の試用版
Microsoft Edge で利用できる新しい試験的 API の配信元試用版を次に示します。
配信元の試用版では、期間限定で、独自のライブ Web サイトで試験的な API を試すことができます。 配信元の試用版の詳細については、「 Microsoft Edge で配信元試用版を使用する」を参照してください。
使用可能な配信元試用版の完全な一覧については、「 Microsoft Edge 配信元試用版」を参照してください。
ライター API
有効期限は 2026 年 4 月 21 日です。
Writer API を使用すると、デバイス上の AI 言語モデルに基づいて、書き込みタスク プロンプトからテキストを生成できます。
たとえば、この API を使用して次の操作を行います。
- 構造化データのテキスト説明を生成します。
- レビューまたは製品の説明に基づいて、製品に関する投稿をComposeします。
- 背景情報に基づいて伝記を生成します。
「 Write Assistance API を使用してテキストを要約、書き込み、書き換える」も参照してください。
リライター API
有効期限は 2026 年 4 月 21 日です。
リライター API は、デバイス上の AI 言語モデルに基づいて、要求された方法で入力テキストを変換および言い換えます。
次の目的で、この API を使用して入力テキスト内の冗長性を削除します。
- テキストを単語の制限に合わせる。
- 目的の対象ユーザーに合わせてテキストを言い換えます。
- テキストで不適切な言語を使用する場合は、より建設的にしてください。
「 Write Assistance API を使用してテキストを要約、書き込み、書き換える」も参照してください。
Proofreader API
有効期限は 2026 年 5 月 19 日です。
Proofreader API は、テキスト内の文法、スペル、句読点のエラーを修正します。
Proofreader API は、Microsoft Edge、Web サイトの JavaScript コード、またはブラウザー拡張機能の JavaScript コードから組み込まれている小さな言語モデル (SLM) を使用します。
「 Proofreader API を使用して文法とスペルを修正する」も参照してください。
プロンプト API
有効期限: 2026 年 6 月 16 日
Prompt API を使用して、Microsoft Edge に組み込まれている小さな言語モデル (SLM)、Web サイトの JavaScript コード、またはブラウザー拡張機能の JavaScript コードからプロンプトを表示します。
Prompt API は、試験的な Web API です。
Prompt API を使用して、次の操作を行います。
- テキストの生成と分析。
- ユーザー入力に基づいてアプリケーション ロジックを作成します。
- 迅速なエンジニアリング機能を Web アプリに統合する革新的な方法について説明します。
関連項目:
この配信元試用版に関する情報:
WebGPU 互換モード
有効期限は 2026 年 4 月 21 日です。
WebGPU 互換モードは、OpenGL や Direct3D11 などの古いグラフィックス API を実行できる WebGPU のオプトイン、軽く制限されたサブセットです。
目標は、WebGPU アプリケーションの範囲を、WebGPU のコアに必要な最新の明示的なグラフィックス API がない古いデバイスに拡張することです。
Shared Worker の有効期間の延長
有効期限は 2026 年 4 月 21 日です。
Shared Worker の有効期間が延長されると、Service Worker のオーバーヘッドなしで、ページのアンロード後に重要な非同期作業を実行できます。
共有ワーカーの作成時に extendedLifetime オプションを設定して、すべてのクライアント ページが閉じた後もサービス ワーカーを制限された時間維持します。 この手法により、アンロード中に非同期操作を確実に完了できます。
このような非同期操作には、次のものが含まれます。
- IndexedDB の書き込み。
- 暗号化または圧縮。
- 分析要求。
この配信元試用版に関する情報:
デスクトップ プラットフォーム上の分離されていないページの SharedArrayBuffers
有効期限は 2026 年 5 月 19 日です。
クロスオリジン分離されていないページで SharedArrayBuffers を使用するための一時的な拡張機能。
着信呼び出し通知
有効期限は 2026 年 5 月 19 日です。
着信呼び出し通知 API は、インストールされている PWA が着信呼び出し通知を送信できるように Notifications API を拡張します。
着信通話通知には、着信を受け入れるか拒否することを示すスタイルの着信音とボタンがあります。
これにより、Web アプリは、呼び出し元の通知をユーザーが簡単に認識して応答できるようにすることで、より魅力的なエクスペリエンスを作成できます。
WebAssembly カスタム記述子
有効期限は 2026 年 6 月 16 日です。
WebAssembly カスタム記述子を使用すると、WebAssembly は、ソース レベルの型に関連付けられているデータをより効率的にカスタム記述子オブジェクトに格納できます。
Web インストール API
有効期限は 2026 年 7 月 14 日です。
Web インストール API を使用すると、Web サイトは、 navigator.install()を使用して、別の Web サイトをユーザーのデバイスに Web アプリとしてインストールできます。
<usermedia> HTML 要素
有効期限は 2026 年 7 月 14 日です。
<usermedia> HTML 要素は、カメラまたはマイクへのアクセスを要求するためのブラウザーによって制御される要素です。
JavaScript の代わりにセマンティック HTML 要素を使用する:
- アクセス許可要求についてユーザーにわかりやすくします。
- アクセシビリティを向上させます。
- 操作 UI パターンを防止します。
- メディア ストリームをアプリケーションに直接提供することで、ワークフローを合理化します。 これにより、個別の API 呼び出しが不要になります。
この配信元試用版に関する情報:
拡張キャンバス TextMetrics
有効期限は 2026 年 8 月 11 日です。
Enhanced Canvas TextMetrics 配信元試用版では、TextMetrics Canvas API が拡張され、次の機能がサポートされます。
- 選択範囲の四角形。
- 境界ボックス クエリ。
- グリフ クラスターに基づく操作。
この新しい機能により、複雑なテキスト編集アプリケーションで、正確な選択、キャレットの配置、ヒット テストを行うことができます。
また、クラスターベースのレンダリングでは、次のような高度なテキスト効果が容易になります。
- 独立した文字アニメーション。
- 独立した文字のスタイル。
この配信元試用版に関する情報:
WebNN
有効期限は 2026 年 8 月 11 日です。
WebNN API を使用して、Web アプリで機械学習モデルを直接構築して実行します。
プラットフォームの機能とデバイス ハードウェアに効率的にマップする計算グラフを作成することで、ハードウェア高速化ニューラル ネットワークを使用します。
focusgroup キーボード ナビゲーションの HTML 属性
有効期限は 2026 年 8 月 11 日です。
focusgroup HTML 属性を使用して、ツールバー、タブ、メニュー、ラジオ グループなどの複合ウィジェットのキーボード ナビゲーションを標準化します。
focusgroup属性は、カスタム JavaScript コードを必要とせずに、次の処理を自動的に処理します。
- roving tabindex の動作。
- 方向キーを使用したナビゲーション。
- フォーカス メモリ。は、フォーカス グループを再入力するときに、最後にフォーカスされた要素を復元します。
この配信元試用版に関する情報:
CSP script-src の URL と eval ハッシュ
有効期限は 2026 年 8 月 25 日です。
この機能では、コンテンツ セキュリティ ポリシーの script-src ディレクティブで使用する url ハッシュと eval- ハッシュが導入されています。
これにより、許可されたホスト名ベースの許可リストや unsafe-evalを使用することなく、ハッシュベースと非ベースのポリシーのみに依存する厳格な CSP を記述できます。
デジタル資格情報 API - 発行サポート
有効期限は 2026 年 9 月 8 日です。
Digital Credentials API を使用すると、資格情報発行者サーバーからデジタル ウォレット アプリケーションへのユーザー資格情報の発行をトリガーできます。
たとえば、デジタル資格情報 API を使用して、政府または大学のサーバーからユーザーのデジタル ウォレットへの新しい運転免許証または検証済みの学位のプロビジョニングをトリガーします。
prerender_until_script 投機ルール API アクション
有効期限は 2026 年 9 月 8 日です。
prerender_until_script は投機ルール API の新しいアクションです。 この新しいアクションは、 prefetch と prerender アクションの間の中間オプションを提供します。
ブラウザーでページをプリレンダリングするが、特定のスクリプトの実行を開始した後に停止してプリフェッチに戻す場合は、 prerender_until_script アクションを使用します。
WebAudio 構成可能なレンダー量子
有効期限は 2026 年 9 月 8 日です。
既定では、WebAudio は 128 個のサンプル フレーム (レンダー量子) の固定ブロックでオーディオを処理します。 アプリのオーディオ処理ブロック サイズがこの既定値と一致しない場合、開発は複雑になり、処理の効率が低下します。
特定のレンダリング量子サイズを要求するには、AudioContextまたはOfflineAudioContextを作成するときにrenderSizeHintオプションを指定するには、WebAudio 構成可能なレンダリング量子の配信元試用版を使用します。
- 特定のサイズを要求するには、整数を渡します。
- 既定の 128 フレームを使用するには、
"default"を渡す (またはオプションを省略します)。 -
"hardware"渡して、ブラウザーが現在の構成に最適なサイズを選択できるようにします。
この配信元試用版に関する情報:
フォーム送信による事前レンダリングのアクティブ化
有効期限は 2026 年 9 月 8 日です。
この配信元試用版では、プレレンダリング ルールをフォーム送信によってアクティブ化できるように、投機ルール API に新しいフィールドが追加されます。
CPU パフォーマンス API
有効期限は 2026 年 9 月 8 日です。
CPU パフォーマンス API は、ユーザーのデバイスの性能に関する情報を公開します。
この API は、この情報を使用して、場合によっては Compute Pressure API と組み合わせてユーザー エクスペリエンスを向上させる Web アプリケーションを対象とします。
Compute Pressure API は、ユーザー デバイスの CPU 負荷と使用率に関する情報を提供し、アプリが CPU 負荷の変化に対応できるようにします。
クロスオリジン iframe のプリレンダリング
有効期限は 2026 年 9 月 22 日です。
既定では、ナビゲーションプリレンダリングは、プリレンダリングされたページがアクティブになるまで、すべてのクロスオリジンiframeの読み込みを遅延します。 クロスオリジン iframe がアプリケーションにとって重要な場合、この遅延により、プリレンダリングの利点の多くが無効になります。
この配信元試用版では、オプトイン応答ヘッダーを使用して、クロスオリジン iframe をプリレンダリングします。 最上位レベルのフレームの HTTP 応答に Supports-Loading-Mode: prerender-cross-origin-frames ヘッダーが含まれている場合、ブラウザーはすべてのクロスオリジン フレームをプリレンダリングします。
オートフィル イベント
有効期限は 2026 年 11 月 3 日です。
ブラウザーのオートフィル更新フォーム コントロールを検出するには、新しい autofill イベントを使用します。
これにより、オートフィルが完了した後に、カスタム UI、検証、または依存フォーム ロジックを簡単に適応できます。
注:
このページの一部は、Chromium.org によって作成および共有された作業に基づく変更であり、クリエイティブ・コモンズ帰属4.0国際ライセンスに記載されている条件に従って使用されます。