Microsoft Edge 157 Web プラットフォーム リリース ノート (2026 年 11 月 5 日)

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

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

詳細な内容:

Microsoft Edge DevTools

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

WebView2

参照:

CSS 機能

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

corner 短縮プロパティ

新しい corner CSS 短縮プロパティでは、 border-radius プロパティと corner-shape プロパティを組み合わせて、1 つの宣言で要素の角の半径と形状の両方を設定します。

例:

.card {
  /* Equivalent to: border-radius: 20px; corner-shape: squircle; */
  corner: 20px squircle;
}

次の追加の短縮形プロパティを使用すると、特定のコーナーの半径と形状を設定できます。

  • コーナーごとの短縮形: corner-top-left、 corner-top-right、 corner-bottom-left、 corner-bottom-right。
  • エッジの 2 つのコーナーを設定する、 corner-top や corner-bottom などの物理エッジの短縮形。
  • 書き込みモードに基づいてエッジの 2 つの角を設定する、 corner-block-start や corner-block-end などの論理エッジの短縮形。

関連項目:

text-decoration-inset プロパティ

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

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

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

これにより、背景のグラデーションや追加の要素を使用するのではなく、ネイティブ テキストの装飾で装飾間隔を調整し、表示効果を作成できます。

関連項目:

カスタム文字列値 text-overflow

text-overflow CSS プロパティは文字列値を受け入れ、要素のコンテンツがオーバーフローしてクリップされたときに表示されるカスタム テキストを指定するようになりました。

以前は、 clip または ellipsis の値しか使用できませんでした。 カスタム文字列を使用すると、コンテンツに適したオーバーフロー インジケーターを作成できます。次に例を示します。

.summary {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: " (more)";
}

関連項目:

position-visibility: anchor-valid と anchor-visible

CSS アンカー配置を使用する場合、 position-visibility CSS プロパティは、アンカー配置された要素が非表示になるタイミングを制御します。 position-visibility プロパティで次の値がサポートされるようになりました。

  • anchor-valid (新規) - アンカー位置の要素は、既定のアンカー要素が存在する場合にのみ表示され、そのため要素はそれに対して相対的に配置できます。

  • anchor-visible - アンカー位置の要素は、そのデフォルトのアンカー要素が少なくとも部分的に表示されている場合にのみ表示されます。 この値によって anchors-visible 値が置き換えられます。

複数形の anchors-visible は非推奨になり、 anchor-visible のエイリアスになります。 代わりに anchor-visible を使用してください。

関連項目:

HTML 機能

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

<camera>、<microphone>、<geolocation> 要素のアイコンのみのモード

<camera>、<microphone>、<geolocation> HTML 要素で displaymode 属性がサポートされるようになりました。この属性を使用すると、これらの要素をテキストのないアイコンのみのコンパクトなボタンとしてレンダリングできます。 例:

<camera displaymode="icon-only"></camera>

アイコンのみのボタンは、マップ コントロールやフローティング ビデオ ツールバーなど、スペースが制限されたレイアウトで役立ちます。 アイコンのみモードでは、要素は同じセキュリティ保証を維持し、スクリーン リーダーから完全にアクセスできます。

関連項目:

Web API

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

HTML 挿入およびストリーミング メソッドの更新

次の HTML 挿入およびストリーミング メソッドは、既存のドキュメントに HTML を動的に挿入する、より一貫した方法を提供します。

  • HTML を引数として受け取り、 insertAdjacentHTML()を効果的に置き換える位置指定メソッド:
    • beforeHTML() と beforeHTMLUnsafe()
    • afterHTML()
    • appendHTML()
    • prependHTML()
    • replaceWithHTML() と replaceWithHTMLUnsafe()
  • ストリーミング メソッド。書き込んだ HTML テキストを解析する WritableStream オブジェクトを返します。
    • streamHTML() と streamHTMLUnsafe()
    • streamAppendHTML()
    • streamPrependHTML()
    • streamReplaceWithHTML()
    • streamBeforeHTML()
    • streamAfterHTML() と streamAfterHTMLUnsafe()

また、安全でない HTML 挿入またはストリーミング メソッドのいずれかを呼び出すときに runScripts オプションを true に設定すると、メソッドが createContextualFragment() と同様の方法でスクリプトを実行できるようになります。

信頼できる型ポリシーは、これらのメソッドで使用されるスクリプト モードとサニタイザーをオーバーライドすることもできます。

これらの手法が登場する前は、それぞれに微妙な違いを持つ複数の不整合な API を使用して、スクリプトから HTML を動的に更新することができました。 たとえば、次のようなことが可能です。

  • insertAdjacentHTML() を使用して要素を部分的に更新します。
  • setHTML() を使用して HTML をサニタイズします。
  • createContextualFragment() を使用してスクリプトを実行します。
  • 切り離されたドキュメントを使用して HTML をStreamします。

このような複数の不整合な API は、混乱を招き、使いにくい場合があります。 このような API は、適切に使用しないとセキュリティの問題を引き起こす可能性もあります。

関連項目:

Sanitizer API: javascriptURLs オプション

Sanitizer API には、<a>要素の href 属性など、ナビゲーションに使用される URL javascript:を削除するかどうかを制御する javascriptURLs 構成オプションと setJavascriptURLs() メソッドが提供されるようになりました。

以前は、 javascript: URL が削除されるかどうかは、使用した方法によって異なります。

  • setHTML() などの安全なメソッドでは、常に javascript: URL が削除されます。
  • setHTMLUnsafe() などの安全でないメソッドでは、javascript: URL が削除されることはありません。

javascript: URL の削除はサニタイザー構成の明示的な部分であり、任意の方法で使用できます。

新しいオプションを使用しない場合、動作は変わりません。

関連項目:

HTML-in-canvas

HTML-in-canvas API を使用すると、HTML 要素を <canvas> 要素に描画できるため、キャンバスを使用して、コンテンツにアクセスしやすく、インタラクティブで、正しくレイアウトされた状態を維持しながら、HTML コンテンツのレンダリング方法をカスタマイズできます。

たとえば、HTML-in-canvas を使用すると、次のようなレンダリングを行うことができます。

  • グラフ内のスタイル付きテキスト。
  • クリエイティブなツールの豊富なコンテンツ。
  • ゲーム内メニュー。
  • 3D シーン内のサーフェイスの HTML コンテンツ。

HTML-in-canvas は次のプリミティブを提供します。

  • <canvas>要素の子孫をレイアウトと描画にオプトするための属性。
  • 要素をキャンバスに描画するメソッド: 2D キャンバス コンテキスト用の drawElementImage() 、および WebGL と WebGPU 用の同等のメソッド。
  • キャンバスで描画された要素を更新する必要があるときに発生する paint イベント。
  • ヒット テストとアクセシビリティのために、描画された要素のジオメトリを DOM と同期するメソッド。

関連項目:

長いアニメーション フレーム API: スタイルとレイアウトの継続時間

Long Animation Frames API で、スタイルとレイアウトの計算に費やされた時間を報告するようになったため、遅いフレームを分析するときにスタイル時間とレイアウト時間を区別できるようになりました。

  • PerformanceLongAnimationFrameTiming オブジェクトには、新しい styleDuration プロパティと layoutDuration プロパティがあります。レンダリング更新の一部として、スタイルの再計算とレイアウトの更新に費やされた時間を報告します。
  • PerformanceScriptTiming オブジェクトには、新しい forcedStyleDuration プロパティと forcedLayoutDuration プロパティがあります。これにより、スクリプトによって同期的に強制されたスタイルとレイアウトの計算に費やされた時間が報告されます。

関連項目:

バックグラウンド フェッチ API に対する CORS の適用

バックグラウンド フェッチ API で、クロスオリジン リソース共有 (CORS) が適用されるようになりました。

これにより、バックグラウンド フェッチ要求がローカル ネットワーク アクセス チェックなどの同じセキュリティ ポリシーの対象になるようになります。 これにより、通常のフェッチの代わりにバックグラウンド フェッチを使用して、サイトが CORS (およびその他のセキュリティ ポリシー チェック) をバイパスするのを防ぎます。

関連項目:

ProgressEvent in サービス ワーカー

ProgressEvent インターフェイスがサービス ワーカーで使用できるようになりました。 サービス ワーカーで ProgressEvent() コンストラクターを使用して、 lengthComputable、 loaded、 total プロパティを持つ進行状況イベントを作成できます。

これにより、サービス ワーカーが他のワーカー コンテキストおよび XMLHttpRequest 標準に適合します。

関連項目:

Web Bluetooth: BluetoothRemoteGATTServer は EventTarget

BluetoothRemoteGATTServer インターフェイスは EventTarget から継承されるようになりました。そのため、addEventListener()、removeEventListener()、および dispatchEvent() メソッドが公開されます。

これにより、接続レベルのイベントを GATT サーバー オブジェクトに直接ディスパッチできます。

関連項目:

WebGPU: atomic-vec2u-min-max 機能

atomic-vec2u-min-max WebGPU 機能を使用すると、WebGPU シェーディング言語 (WGSL) シェーダーで、atomic<vec2u>値に対して 64 ビットのアトミック最小および最大演算を使用できます。

これにより、64 ビットの整数を完全にサポートすることなく、64 ビットのアトミックを必要とするアルゴリズムを実装できます。

関連項目:

元の試用版

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

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

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

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

注:

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

  • 最終更新: