Microsoft Edge 156 Web プラットフォーム リリース ノート (2026 年 10 月 22 日)

以下は、2026 年 10 月 22 日にリリースされる Microsoft Edge 156 の新しい Web プラットフォーム機能と更新プログラムです。

最新の状態を維持し、最新の Web プラットフォーム機能を入手するには、Microsoft Edge のプレビュー チャネル (Beta、Dev、または Canary) をダウンロードします。[ Microsoft Edge Insider になる] に移動します。

詳細な内容:

Microsoft Edge DevTools

Microsoft Edge DevTools の新機能をご覧ください。

WebView2

参照:

CSS 機能

Microsoft Edge には、次の新しいカスケード スタイル シート (CSS) 機能が含まれています。

View Transitions API を使用する場合は、 :navigation-source 擬似クラスを使用して、リンク、ボタン、フォームなどのナビゲーションを開始した要素のスタイルを設定します。

:navigation-source CSS 擬似クラスは、ナビゲーション プロセス全体を通じてナビゲーションを開始した要素に適用されます。

関連項目:

random() 関数

random() CSS 関数は、CSS に生成ランダム性をもたらし、指定した範囲内でランダムな数値を生成できるようにします。

たとえば、 random() を使用して、コンテナー内に要素をランダムに分散できます。

.dot {
  /* Position each dot randomly */
  position: absolute;
  top: random(0%, 100%);
  left: random(0%, 100%);
}

既定では、 random() 関数の各呼び出しは、新しい個別の値に解決されます。 関数の最初のパラメーターとしてシード値を渡して、プロパティや要素間でランダム値を共有する方法を制御することで、この既定の動作をオーバーライドできます。

関連項目:

text-decoration-inset プロパティ

text-decoration-inset CSS プロパティは、下線、上線、およびラインスルー装飾を、要素のテキストの始点と終点からどの程度インセットするか、またはテキストの終点を超えて拡張するかを制御します。

text-decoration-inset 次の種類の値がサポートされています。

  • autoこれにより、ブラウザーは要素のテキストと周囲のコンテキストに基づいて適切なインセットを決定できます。
  • 20px などの長さの値。
  • 10% などのパーセント値。
  • 1 つか 2 つの値。 最初の値は開始オフセットを設定します。 2 番目の値 (指定した場合) は終了オフセットを設定します。

関連項目:

@property ルールの省略可能な記述子

@property ルールでは、syntax、inherits、または initial-value 記述子を省略できます。 既定値を使用すると、定型コードを削除できます。

省略された記述子の既定値は、次の値になります。

  • syntax 既定は * (汎用構文) です。
  • inherits 既定値は true です。
  • initial-value 既定値は initial-value で、無効になることが保証されます。 この既定値では、型指定されたプロパティがフォールバック値を持つ var() 関数を使用することが許可されます。

上記の既定値は、 CSS.registerProperty() を使用して JavaScript からカスタム プロパティを登録するときにも機能します。

関連項目:

単一軸スクロール コンテナー

overflow CSS プロパティで、scroll などのスクロール可能な値と、2 番目の値 clip の設定がサポートされるようになりました。 例: overflow: scroll clip;

overflow: scroll clipを設定すると、position: stickyを持つ要素を軸ごとに異なるスクロール コンテナーで制限できます。 たとえば、この関数を使用すると、ユーザーがコンテンツをスクロールしながら、列見出しと行見出しの両方を表示するテーブルを作成できます。

以前の overflow プロパティでは、スクロール コンテナーを 1 つの軸のみにする方法は提供されていませんでした。 これは、 position: stickyを持つ要素など、スクロール コンテナーに依存する機能に影響を与えました。

関連項目:

scroll-snap-type: pair 1 つの要素にスナップするには

scroll-snap-type CSS プロパティで pair 値がサポートされるようになりました。

.scroller {
  scroll-snap-type: pair mandatory;
}

pair値は、x 軸と y 軸に沿ったスクロール スナップをペアとして扱います。 スナップでは、x 軸に沿ってスナップ ターゲットを、y 軸に沿ってスナップ ターゲットを個別に選択する代わりに、両方の軸で 1 つの要素を選択します。

関連項目:

Web API

Microsoft Edge には、次の新しい Web API 機能が含まれています。

失敗したモジュールのインポートを再試行できます

ネットワーク障害後など、失敗したモジュールのインポートを再試行できるようになりました。

以前は、モジュールのインポートの失敗がキャッシュされ、同じモジュールのインポートを再試行すると同じエラーが返されました。

モジュールの読み込み動作により、失敗したモジュール インポートを手動で再試行できるようになりました。 保持されるデータには以下が含まれます。

  • import() 関数を使用した動的インポート。
  • <script src="..." type="module">要素を動的に挿入する。
  • 上記のコンテキストのいずれかに存在する場合、 import ステートメントを使用する静的インポート。

関連項目:

圧縮ディクショナリ トランスポート Updates

<link rel="compression-dictionary">要素を介して圧縮辞書を取得する場合、Microsoft Edge は次の機能を使用できます。

  • compression-dictionary を要求先として使用します。
  • 要求の mode、 credentials、 referrer、および referrerpolicyの値を適切に設定します。
  • <link rel="compression-dictionary">要素に設定されている crossorigin 属性と referrer 属性を考慮します。

関連項目:

IndexedDB: SQLite バックエンド

新しいデータ ストアの場合、Microsoft Edge では、バックエンドの基になるストレージ エンジンとして、IndexedDB API の代わりに SQLite が使用されるようになりました。

IndexedDB API 自体は変更されません。基になるストレージ エンジンのみが変更されました。

この変更により、IndexedDB API を使用するサイトの信頼性とパフォーマンスが向上することが期待されます。

将来の段階では、 既存の データ ストアは、LevelDB ストアの使用から SQLite ストアに移行されます。

関連項目:

WebGPU: フラグメントの深度

WGSL で、@builtin(frag_depth) に less または greater 修飾子を指定できるようになりました。

以前は、描画呼び出しで Early-Z 最適化を無効にするため、 @builtin(frag_depth) がパフォーマンスに悪影響を与える可能性がありました。

新しい修飾子を使用すると、バッファー モードを明示的に設定し、早期 Z 最適化を適用できます。

関連項目:

  • MDN の WebGPU API。
  • frag_depth (WebGPU シェーディング言語)。

WebRTC 診断ログ API

WebRTC 診断ログ API を使用すると、WebRTC 診断データの収集をトリガーできるため、データをローカル デバッグに使用できます。

ユーザーがブラウザー ベンダーとの診断データの共有を承認した場合、API はこの共有を許可します。 これにより、ブラウザーのバグを修正したり、ブラウザーを改善したりするのに役立つ情報が提供されます。

WebRTC アプリケーションでは、ローカル環境で再現するのが困難な複雑な接続やメディア品質の問題が発生することがよくあります。 WebRTC 診断ログ API は、これらの問題のデバッグに役立ちます。

関連項目:

WebTransport headers と responseHeaders

WebTransport() コンストラクターを呼び出すときに、headers オプションを使用すると、最初のCONNECT ハンドシェイク中にカスタム HTTP 要求ヘッダーをサーバーに渡すことができます。

WebTransport オブジェクト インスタンスの responseHeaders プロパティを使用すると、最初の CONNECT ハンドシェイクの後にサーバーから送信される HTTP 応答ヘッダーを調べることができます。

WebTransport API へのこれらの追加により、次のことが可能になります。

  • 最初の CONNECT ハンドシェイク中にメタデータ、認証トークン、カスタム パラメーターを指定します。
  • 接続が確立された後、サーバーが指定するヘッダーにアクセスします。

この変更により、認証、ルーティング、機能ネゴシエーションにおけるいくつかの技術的な制限に対処します。

カスタム ヘッダーがない場合は、次のいずれかを行う必要があります。

  • 認証トークンを URL クエリ文字列に渡します。これにより、サーバー ログとテレメトリで資格情報が公開されます。
  • 接続が使用可能になる前にラウンド トリップが追加される初期データ ストリームで認証を行います。

さらに、API ゲートウェイとリバース プロキシは通常、CONNECT レイヤーで HTTP ヘッダーを検査します。 カスタム ヘッダーがないと、これらの仲介者は既存のパイプラインを介して WebTransport セッションを承認またはルーティングできないため、サーバーは資格情報を検証する前に接続を受け入れる必要があります。

関連項目:

元の試用版

Microsoft Edge で使用できる新しい実験的 API のオリジン試用版を次に示します。

オリジン試用版を使用すると、期間限定で独自のライブ Web サイトで実験的な API を試すことができます。 オリジン試用版の詳細については、「 Microsoft Edge でオリジン試用版を使用する」を参照してください。

利用可能なオリジン試用版の完全な一覧については、「 Microsoft Edge オリジン試用版」を参照してください。

名前 説明 登録
CPU パフォーマンス API Compute Pressure API で使用するために、ユーザーのデバイス機能に関する情報を公開します。 登録
キャンバス内の HTML 新しい描画メソッドと paint イベントを使用してキャンバスに HTML をレンダリングできるようにします。 登録
<usermedia> HTML 要素 JavaScript ベースのアクセス許可要求を置き換える、カメラまたはマイクへのアクセスを要求するためのブラウザー制御の HTML 要素。 登録
WebAssembly カスタム記述子 V2 ソース レベルの型に関連付けられているデータを、カスタム記述子オブジェクトに、より効率的に格納します。 登録
PrefetchAndPrerenderActivationBeacon プリフェッチまたはプリレンダリングされたページがアクティブ化されたときに、Edge でライセンス認証ビーコンを確実に報告できるようにします。 登録
WebRTC データ チャネル: SCTP ネゴシエーション アクセラレーション プロトコル (SNAP) SNAP は、SCTP 接続セットアップ パラメーターを SDP オファー/応答の交換に埋め込むことで、WebRTC データ チャネルの起動待ち時間を短縮します。 WebRTC は既に DTLS を使用してセキュリティで保護されたチャネルを確立しているため、個別の SCTP ハンドシェイクを回避して、最大 2 回のネットワーク ラウンド トリップを節約し、データ チャネルの確立を高速化できます。 登録
ゲームパッドの未加工入力イベント navigator.getGamepads() を介した頻繁なポーリングに依存する代わりに、Web ページでgamepadrawinputchangedイベントをリッスンできます。 これらのイベントは、同じデバイスからの入力フレーム間の変化が検出されるたびに発生します。 登録
投機ルール API でビューポート ヒューリスティックを制御する 投機ルールで使用されるビューポート ヒューリスティックを制御して、異なるヒューリスティック パラメーターによって既定のパラメーターよりも優れた結果が得られるかどうかを判断できます。 登録
オートフィル イベント ブラウザーの自動入力によってフォーム コントロールが更新されるタイミングを検出し、カスタム UI と検証を適応させます。 登録
投機的荷重測定 performance.speculations 使用済みおよび未使用のプリロード、プリフェッチ、およびプリレンダリングに関するデータを公開します。 これにより、投機的読み込み戦略の有効性を測定し、パフォーマンスとコストのトレードオフを最適化できます。 登録
プロンプト API のサンプリング パラメーター topK および temperature サンプリング パラメーターを使用すると、言語モデル セッションごとのモデル動作を最適化できます。 登録
prerender_until_script 投機ルール API アクション ページを事前にレンダリングするが、スクリプトの実行時にプリフェッチに切り替わる投機ルール API アクション。 登録
JS Self-Profiling マーカー script、gc、style、layout、paint などのサンプル マーカーを使用して JS Self-Profiling API を拡張します。 これらのマーカーは、キャプチャ時にブラウザーが実行していたアクティビティを識別します。 登録
Email Verification Protocol Web サイトがメール プロバイダーによって発行された暗号化トークンを使用してメールの所有権を確認できます。 これにより、電子メールのワンタイム パスコード (OTP) への依存が減り、サインアップ、サインイン、回復フローが合理化されます。 登録
宣言型パフォーマンス監視 API HTTP 応答ヘッダーを使用して、ナビゲーションの開始からページの終了まで、サイトのパフォーマンス メトリックを報告する、信頼性の高いブラウザー管理テレメトリ システムを証明します。 登録
WebMCP サイトがユーザーに代わってタスクを完了するためのブラウザー内エージェント用のツールを登録できるようにします。 登録

注:

このページの一部の情報は、Chromium.org によって作成および共有されている著作物に基づいており、Creative Commons Attribution 4.0 International License に記載されている条件に従って使用されています。

  • 最終更新: