以下は、2026 年 5 月 7 日にリリースされる Microsoft Edge 148 の新しい Web プラットフォーム機能と更新プログラムです。
最新の状態を維持し、最新の Web プラットフォーム機能を入手するには、Microsoft Edge のプレビュー チャネル (Beta、Dev、または Canary) をダウンロードします。[ Microsoft Edge Insider になる] に移動します。
詳細な内容:
- Microsoft Edge DevTools
- WebView2
- CSS 機能
-
Web API
- [リソースのタイミング] のコンテンツ タイプ
-
dropEffectドラッグ アンド ドロップ イベントでの処理 - 有効期間が長い共有 worker
- Detect Secure Payment Confirmation 機能
- IDNA ContextJ 規則
- 動画およびオーディオ要素の遅延読み込み
- マニフェストのローカライズ
- OpenType フォント形式の avar2 のサポート
- ドラッグ開始時のポインター イベント抑制
-
同じ
srcを再割り当てしたときにno-store画像を再利用する - 言語を検出し、テキストを翻訳する
- Web 認証の即時 UI モード
-
WebGPU
linear_indexing機能 - 常に WebRTC でデータ チャネルをネゴシエートする
-
元の試用版
- ライター API
- リライター API
- 校正者 API
- プロンプト API
- WebGPU 互換モード
- 共有ワーカーの延長された有効期間
- デスクトップ プラットフォーム上の分離されていないページ内の SharedArrayBuffers
- 着信通知
- WebAssembly カスタム記述子
- Web Install API
-
<usermedia>HTML 要素 - 拡張キャンバス TextMetrics
- WebNN
-
focusgroupキーボード ナビゲーション用の HTML 属性 - CSP script-src での URL と評価ハッシュ
- デジタル資格情報 API - 発行サポート
-
prerender_until_script投機ルール API アクション - WebAudio 構成可能なレンダリング量子
- フォーム送信による事前レンダリング アクティベーション
- CPU パフォーマンス API
- プリレンダリングクロスオリジン iframe
- オートフィル イベント
Microsoft Edge DevTools
DevTools (Microsoft Edge 148) の新機能をご覧ください。
WebView2
参照:
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>
以前 @container 、 container-nameに加えてクエリが必要でした。
関連項目:
- MDN で@container。
- container-name at MDN.
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 の元に戻す規則のキーワード (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 文字をスキップせずに保持します。 表意文字に役立ちます。 インクのスキップは、典型的な下線位置で、表意文字の視覚的で望ましくない結果をもたらす可能性があります。none- インクの飛び出しを防ぎます。
関連項目:
- text-decoration-skip-ink を MDN で使用します。
- 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"です。
関連項目:
有効期間が長い共有 worker
共有ワーカーを作成するときに extendedLifetime オプションを設定して、すべてのクライアント ページが閉じた後も一定時間サービス ワーカーを存続させ続けます。 この手法により、アンロード中に非同期操作を確実に完了できます。
関連項目:
- MDN の SharedWorker。
Detect Secure Payment Confirmation 機能
ブラウザーでサポートされているセキュアな支払い確認機能を確認するには、 PaymentRequest.getSecurePaymentConfirmationCapabilities() メソッドを使用します。
このメソッドは、ブラウザーの安全な支払い確認機能を記述するオブジェクトを返します。 返されたオブジェクトを使用して、支払いフローに安全な支払い確認機能を使用するかどうかを決定します。
これは非同期の静的メソッドです。
関連項目:
- MDN で安全な支払い確認を使用する。
IDNA ContextJ 規則
Microsoft Edge は、URL 内のほとんどの場所で次の文字を許可しないことで、IDNA ContextJ ルールを実装するようになりました。
ZWNJ (U+200C ゼロ幅非結合器)
ZWJ (U+200D ゼロ幅ジョイナー)
これにより、他のブラウザーとの相互運用性が向上します。
IDNA は、ドメイン名に ASCII 文字以外の文字が表示されるメカニズムです。 たとえば、URL http://네이버.한국/ は http://xn--950bt9s8xi.xn--3e0b707e/ としてエンコードされます。
関連項目:
動画およびオーディオ要素の遅延読み込み
<video> 要素と <audio> 要素の新しい loading 属性 (値は lazy) を使用して、要素がビューポートの近くになるまでメディア リソースの読み込みを延期します。
構文:
<audio loading="lazy"/>
<video loading="lazy"/>
これは、 <img> 要素と <iframe> 要素の既存の遅延読み込み動作に一致し、ページ読み込みのパフォーマンスを向上させ、データ使用量を削減します。
関連項目:
-
loading in
<video>: MDN の Video Embed 要素。 -
loading in
<audio>: MDN の Embed Audio 要素。 -
loading in
<img>: MDN の Image Embed 要素。 - loading in
<iframe>: MDN の Inline Frame 要素。
マニフェストのローカライズ
マニフェスト メンバーをローカライズして、PWA 名、説明、アイコン、およびショートカットをユーザーの言語と地域に適合させることができるようになりました。
ローカライズされた値は、Web アプリのマニフェスト JSON ファイルに指定します。 ブラウザーはその後、ユーザーの言語設定に基づいて適切なリソースを自動的に選択します。
関連項目:
- Web アプリマニフェスト (MDN)。
- PWA マニフェストのローカライズ デモ。
OpenType フォント形式の avar2 のサポート
OpenType フォント形式の軸バリエーション テーブル (avar2) のバージョン 2 がサポートされるようになりました。
Avar2 を使用すると、フォントのデザイナーは補間をより適切に制御するフォントを作成できます。 avar2 を使用すると、フォントのバリエーション軸が相互に影響し合う可能性があるため、より複雑なデザイン、より使いやすいフォント、より小さいファイル サイズが可能になります。
関連項目:
ドラッグ開始時のポインター イベント抑制
ドラッグ操作が開始されると、ブラウザーはドラッグ ソースに pointercancel、 pointerout、および pointerleave イベントを送信して、ポインター イベント ストリームが終了したことを示すようになりました。
この動作により、ドラッグ操作中にドラッグ ソースはこのポインターからのイベントをそれ以上予期しません。
この動作は、すべてのプラットフォームに完全に実装されるようになりました。
関連項目:
- MDN での HTML ドラッグ アンド ドロップ API。
- MDN でのポインター イベント。
同じ src を再割り当てした場合に no-store 画像を再利用する
同じ src 値を <img> 要素に再割り当てすると、画像が Cache-Control: no-store で提供された場合でも、ブラウザーはドキュメントから既にデコードされた画像を再利用します。 これにより、不要なネットワークの再フェッチが回避され、パフォーマンスが向上します。
以前は、画像がすでにデコードされていてドキュメントで利用できる場合でも、ブラウザーは画像を再フェッチしていました。
この Web 相互運用性の修正により、Microsoft Edge が Firefox および Safari と調整されます。
関連項目:
言語を検出し、テキストを翻訳する
Language Detector API はテキストの言語を検出し、Translator API は異なる言語間でテキストを翻訳します。
どちらの API もデバイス上で実行されるため、クラウドベースのソリューションと比較して、コストの削減、ネットワークの独立性、プライバシーの向上を実現します。 API は、Microsoft Edge に組み込まれている機械学習モデルを使用しており、Web サイトまたはブラウザー拡張機能の JavaScript コードから使用できます。
関連項目:
Web 認証の即時 UI モード
Web 上のほとんどのサインイン エクスペリエンスでは、ユーザー名/パスワード フィールド、フェデレーション サインイン ボタン、パスキー ボタンなど、複数のオプションを提供するサインイン ページが必要です。 ブラウザーがサイトのパスキーまたはパスワードを既に認識している場合、Web 認証の即時 UI モードでは、サインイン ページが不要になる場合があります。
イミディエイト UI モードは、 navigator.credentials.get() の新しいモードです。 ブラウザーにサイトのパスキーまたはパスワードがある場合、ブラウザーはユーザーにサインイン UI を表示します。 一致する資格情報がない場合、Promise は NotAllowedError で拒否され、ブラウザー UI は表示されないため、ユーザーのサインイン エクスペリエンスはサイトの従来のサインイン ページにフォールバックします。
これにより、サインインの手間が軽減され、ユーザーが特定のサイトで以前に使用したサインイン オプションを覚えておく必要がなくなるため、混乱するのを避けます。
関連項目:
- MDN の Web 認証 API。
WebGPU linear_indexing 機能
linear_indexing機能は、2 つの新しいコンピュート シェーダーの組み込み値を WebGPU シェーダー言語 (WGSL) に追加します。
-
global_invocation_indexglobal_invocation_idの線形化されたバージョンです。 -
workgroup_indexworkgroup_idの線形化されたバージョンです。
これらの組み込み値は、コンピュート シェーダー呼び出しに便利な 1 次元インデックスを提供し、間違えやすい手動線形化を置き換えます。
関連項目:
- MDN の WebGPU API。
常に WebRTC でデータ チャネルをネゴシエートする
WebRTC RTCPeerConnectionの新しいalwaysNegotiateDataChannels オプションを使用して、データ チャネルを作成する前に、セッション記述プロトコル オファーでデータ チャネルをネゴシエートします。
有効にした場合:
- データ チャンネルの
m=行は、オーディオまたはビデオのm=行の前に配置されます。 -
BUNDLEを使用する場合、複数のメディア タイプで 1 つの接続を再利用するために、データ チャネルのm=行が提供者タグ付きメディア セクションとして使用されます。
関連項目:
- RTCPeerConnection at MDN.
元の試用版
Microsoft Edge で使用できる新しい実験的 API のオリジン試用版を次に示します。
オリジン試用版を使用すると、期間限定で独自のライブ Web サイトで実験的な API を試すことができます。 オリジン試用版の詳細については、「 Microsoft Edge でオリジン試用版を使用する」を参照してください。
利用可能なオリジン試用版の完全な一覧については、「 Microsoft Edge オリジン試用版」を参照してください。
ライター API
有効期限は 2026 年 4 月 21 日です。
Writer API を使用して、デバイス上の AI 言語モデルに支えられたライティング タスク プロンプトからテキストを生成できます。
たとえば、次の API を使用します。
- 構造化データのテキストによる説明を生成します。
- レビューや製品の説明に基づいて製品に関する投稿をComposeする。
- 背景情報に基づいて伝記を生成します。
「 文章作成支援 API を使用してテキストを要約、書き込み、書き換える」も参照してください。
リライター API
有効期限は 2026 年 4 月 21 日です。
Rewriter API は、デバイス上の AI 言語モデルに支えられて、要求された方法で入力テキストを変換および言い換えます。
この API を使用して、次の目的で入力テキスト内の冗長性を削除します。
- テキストを単語数制限内に収めます。
- 対象ユーザーに合わせてテキストを言い換えます。
- テキストが不適切な言葉を使用している場合は、より建設的です。
「 文章作成支援 API を使用してテキストを要約、書き込み、書き換える」も参照してください。
校正者 API
有効期限は 2026 年 5 月 19 日です。
Proofreader API は、テキスト内の文法、スペル、句読点のエラーを修正します。
校正者 API は、Web サイトの JavaScript コード、またはブラウザー拡張機能の JavaScript コードから Microsoft Edge に組み込まれた小さな言語モデル (SLM) を使用します。
「 Proofreader API を使用して文法とスペルを修正する」も参照してください。
プロンプト API
有効期限は 2026 年 6 月 16 日
プロンプト API を使用して、Microsoft Edge に組み込まれている小さな言語モデル (SLM)、Web サイトの JavaScript コード、またはブラウザー拡張機能の JavaScript コードからプロンプトを表示します。
プロンプト API は、実験的な Web API です。
プロンプト API を使用して以下の操作を行います。
- テキストを生成して分析します。
- ユーザー入力に基づいてアプリケーション ロジックを作成します。
- プロンプト エンジニアリング機能を Web アプリに統合する革新的な方法をご覧ください。
関連項目:
この配信元の試用版に関する情報:
WebGPU 互換モード
有効期限は 2026 年 4 月 21 日です。
WebGPU 互換モードは、OpenGL や Direct3D11 などの古いグラフィックス API を実行することができる、オプトインのわずかに制限された WebGPU のサブセットです。
目標は、WebGPU アプリケーションの範囲を、コア WebGPU に必要な最新の明示的なグラフィックス API を持たない古いデバイスに拡大することです。
共有ワーカーの延長された有効期間
有効期限は 2026 年 4 月 21 日です。
共有ワーカーの有効期間が延長されたため、ページ アンロード後に重要な非同期作業を実行できます。サービス ワーカーのオーバーヘッドなしで。
共有ワーカーを作成するときに extendedLifetime オプションを設定して、すべてのクライアント ページが閉じた後も一定時間サービス ワーカーを存続させ続けます。 この手法により、アンロード中に非同期操作を確実に完了できます。
このような非同期操作には、次のものがあります。
- IndexedDB の書き込み。
- 暗号化または圧縮。
- 分析要求。
この配信元の試用版に関する情報:
デスクトップ プラットフォーム上の分離されていないページ内の SharedArrayBuffers
有効期限は 2026 年 5 月 19 日です。
クロスオリジン分離されていないページでの SharedArrayBuffers の無制限使用の一時的な拡張機能。
着信通知
有効期限は 2026 年 5 月 19 日です。
着信呼び出し通知 API は通知 API を拡張し、インストール済みの PWA が着信呼び出し通知を送信できるようにします。
着信通知には着信音と、着信の受け入れまたは拒否を示すスタイルが設定されたボタンがあります。
これにより、ユーザーが通話通知を認識して応答しやすくなり、Web アプリがより魅力的なエクスペリエンスを作成するのに役立ちます。
WebAssembly カスタム記述子
有効期限は 2026 年 6 月 16 日です。
WebAssembly カスタム記述子を使用すると、WebAssembly はソース レベルの型に関連付けられているデータをカスタム記述子オブジェクトに、より効率的に格納できます。
Web Install API
有効期限は 2026 年 7 月 14 日です。
Web Install API は、 navigator.install() を使用して、Web サイトが別の 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 コードを必要とせずに、以下を自動的に処理します。
- tabindex の移動動作。
- 方向キーによるナビゲーション。
- 集中メモリ;フォーカスグループに再入るときに、最後にフォーカスされた要素を復元します。
この配信元の試用版に関する情報:
CSP script-src での URL と評価ハッシュ
有効期限は 2026 年 8 月 25 日です。
この機能では、コンテンツ セキュリティ ポリシーの script-src ディレクティブで使用される URL ハッシュと評価ハッシュが導入されています。
これにより、ハッシュとナンス ベースのポリシーのみに依存する厳密な CSP を作成することが可能になり、ホスト名ベースの寛容な許可リストや unsafe-evalを使用する必要はありません。
デジタル資格情報 API - 発行サポート
有効期限は 2026 年 9 月 8 日です。
デジタル資格情報 API を使用すると、資格情報発行者サーバーからデジタル ウォレット アプリケーションへのユーザー資格情報の発行をトリガーできます。
たとえば、デジタル資格情報 API を使用して、新しい運転免許証または検証済みの学位を政府機関または大学のサーバーからユーザーのデジタル ウォレットにプロビジョニングするようにトリガーします。
prerender_until_script 投機ルール API アクション
有効期限は 2026 年 9 月 8 日です。
prerender_until_script は、投機ルール API の新しいアクションです。 この新しいアクションは、 prefetch アクションと prerender アクションの間の中間のオプションを提供します。
ブラウザーでページをプリレンダリングし、特定のスクリプトの実行が開始したら停止してプリフェッチに戻したい場合は、 prerender_until_script アクションを使用します。
WebAudio 構成可能なレンダリング量子
有効期限は 2026 年 9 月 8 日です。
既定では、WebAudio はオーディオを 128 サンプルフレーム (レンダリング量子) の固定ブロックで処理します。 アプリのオーディオ処理ブロック サイズがこの既定値と一致しない場合、開発は複雑になり、処理の効率が低下します。
WebAudio 構成可能なレンダリング量子オリジン トライアルを使用して、AudioContextまたはOfflineAudioContextの作成時にrenderSizeHintオプションを指定すると、特定のレンダリング量子サイズを要求できます。
- 特定のサイズを要求するには、整数を渡します。
- 既定の 128 フレームを使用するには、
"default"を渡します (またはオプションを省略します)。 -
"hardware"を渡して、ブラウザーが現在の構成に最適なサイズを選択できるようにします。
この配信元の試用版に関する情報:
フォーム送信による事前レンダリング アクティベーション
有効期限は 2026 年 9 月 8 日です。
この配信元試用版では、投機ルール API に新しいフィールドが追加され、フォームの送信によってプリレンダリング ルールをアクティブ化できます。
CPU パフォーマンス API
有効期限は 2026 年 9 月 8 日です。
CPU Performance API は、ユーザーのデバイスの性能に関する情報を公開します。
この API は、この情報を使用してユーザー エクスペリエンスを向上させる Web アプリケーションを対象としています。多くの場合、Compute Pressure API と組み合わせて使用します。
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 によって作成および共有されている著作物に基づいており、Creative Commons Attribution 4.0 International License に記載されている条件に従って使用されています。