Microsoft Edge 137 Web プラットフォームのリリースノート (2025 年 5 月)

2025-05-08

2025 年 5 月 29 日にリリースされる Microsoft Edge 137 の新しい Web プラットフォームの機能と更新プログラムを次に示します。

最新の状態を維持し、最新の Web プラットフォーム機能を取得するには、Microsoft Edge (ベータ、開発、またはカナリア) のプレビューチャネルをダウンロードします。 [Microsoft Edge Insider になる] に移動します。

詳細な内容:

Edge DevTools
WebView2
Web プラットフォーム機能
配信元の試用版
- 新しいChromium配信元の試用版
  - レンダリングされていない iframe でメディア再生を一時停止する
- Microsoft Edge のみの配信元試用版

Edge DevTools

DevTools (Microsoft Edge 137) の新機能に関するページを参照してください。

WebView2

WebView2 SDK のリリースノート (2025 年 6 月) の「1.0.3296.44」を参照してください。

Web プラットフォーム機能

CSS 機能

CSS `if()` 関数

CSS if() 関数は、条件付きロジック値を簡単かつ簡潔に表現する方法を提供します。

if()関数は、セミコロンで区切られた一連の条件と値のペアを受け入れます。関数は各条件を順番に評価し、最初の true 条件に関連付けられている値を返します。いずれの条件も trueと評価されない場合、関数は空のトークンストリームを返します。

次の例では、if()関数を使用して、カスタムプロパティ --colorの値に基づいてdiv要素の背景色を設定します。

<style>
  div {
    color: var(--color);
    background-color: if(style(--color: white): black; else: white);
  }
  .dark {
    --color: black;
  }
  .light {
    --color: white;
  }
</style>
<div class="dark">dark</div>
<div class="light">light</div>

「条件付き値の選択:CSS 値とユニットモジュールレベル 5 の if() 表記」を参照してください。

CSS `reading-flow` プロパティと `reading-order` プロパティ

reading-flow CSS プロパティは、次を制御します。

フレックス、グリッド、またはブロックレイアウト内の要素がアクセシビリティツールに公開される順序。
Tab キーを使用する場合に、フレックス、グリッド、またはブロックレイアウト内の要素がフォーカスされる順序。

reading-flow プロパティでは、次の値がサポートされています。

normal
flex-visual
flex-flow
grid-rows
grid-columns
grid-order
source-order

reading-order CSS プロパティを使用すると、読み取りフローコンテナー内の順序を手動でオーバーライドできます。 reading-order値は整数で、既定値は 0 です。

の `shape()` のサポート `offset-path`

clip-path CSS プロパティで既にサポートされている shape() CSS 関数は、offset-path CSS プロパティでもサポートされるようになりました。

これにより、同じ図形を複数の CSS プロパティで再利用できます。

MDN の offset-path を参照してください。

`accent-color` プロパティのシステムアクセントカラー

accent-color CSS プロパティを使用すると、チェックボックス、ラジオボタン、進行状況バーなどのフォーム要素の色をカスタマイズできます。

accent-color プロパティの既定の色は、オペレーティングシステムのアクセントの色と一致します。/g/blink-dev/c/WwYkLjbGhoA

MDN のアクセントカラーを参照してください。

自動生成されたビュー切り替え名

view-transition-name CSS プロパティでは、ビュー遷移に参加する要素の一意の名前を作成する必要がないように、2 つの新しい値がサポートされています。

match-element - 要素の ID に基づく一意の ID を生成します。この値は、ビュー遷移でアニメーション化された要素が DOM 内で移動されている単一ページアプリで役立ちます。
auto - 要素の id 属性に基づく一意の ID を生成します。この値は、 id 属性のみを考慮し、要素の型を無視します。この方法により、ビューの切り替えがアプリの複数のページ間で機能し、同じ id 属性を持つ要素が異なる場合があります。

「view-transition-name を自動的に決定する」を参照してください。

の `transform` 属性のサポート `<svg>`

transform 属性を使用して、スケーリング、回転、移動、スキューなどの変換プロパティが、<svg> 要素で直接サポートされるようになりました。

これにより、SVG 座標系全体またはその内容全体を操作できるため、動的、応答性、インタラクティブなベクターグラフィックスを作成する柔軟性が高くなります。

transform属性をサポートすることで、追加のラッパー要素や複雑な CSS の回避策を必要とせずに、<svg>要素を変換できます。

MDN での変換に関するページを参照してください。

筆記体スクリプトの `letter-spacing` を無視する

仕様に従って、ブラウザーは、筆記体スクリプトをレンダリングするときに letter-spacing CSS プロパティを無視し、単語を壊さないようにします。

可能であれば、ブラウザは余分なスペースを筆記体の伸びまたは圧縮に翻訳することによって文字間隔を適用することができます。筆記体の接続を解除せずにテキストを展開できない場合、ブラウザーは各単語を文字間隔の 1 つの文字体裁単位として扱います。

適切な筆記体の伸びまたは圧縮は、次に基づいて異なります。

スクリプト。
書体。
言語。
Word場所。
線の位置。
実装の複雑さ。
フォント機能。
書道の好み。

適切な筆記体の伸びまたは圧縮には、次の短縮が含まれる場合があります。

合字。
Swash バリアント。
コンテキストフォーム。
伸びグリフ。

相互運用できない結果を受け入れることができる場合を除き、 letter-spacing プロパティを筆記体スクリプトに適用しないでください。

MDN の文字間隔に関するページを参照してください。

Web API

Web 認証資格情報の作成 `payment` スローされるエラーの種類を `SecurityError` からに変更します。 `NotAllowedError`

以前は、ユーザーのライセンス認証なしでクロスオリジン iframe で payment 資格情報を作成すると、 SecurityError がスローされていました。

支払い以外の資格情報に対してスローされるエラーの種類と一致するように、エラーの種類が NotAllowedError に変更されました。

MDN での支払い要求 API に関するページを参照してください。

URL フラグメント ID を必要とせずに、SVG `<use>` 要素が外部ドキュメントを参照できるようにする

SVG <use> 要素は、フラグメント識別子を指定しなくても外部 SVG ドキュメントにリンクできるようになりました。

以前は、SVG ドキュメント内のフラグメントを明示的に参照する必要がありました。例:

<svg>
  <use xlink:href="myshape.svg#icon"></use>
</svg>

上の例では、#icon は、myshape.svg ドキュメント内の id="icon" 属性を持つ要素を指すフラグメント識別子です。識別子が指定されていない場合、 <use> 要素はターゲットを解決できず、何もレンダリングされませんでした。

フラグメント識別子を省略し、外部 SVG ドキュメントファイル名のみを指定できるようになりました。これにより、SVG ドキュメントを使用してルート要素が自動的に参照されます。例:

<svg>
  <use xlink:href="myshape.svg"></use>
</svg>

MDN で <use> を参照してください。

BLOB URL のパーティション分割

BLOB URL アクセスがストレージキーによってパーティション分割されるようになりました。ストレージキーは、最上位のサイト、フレームの配信元、および has-cross-site-ancestor ブール値です。最上位レベルのナビゲーションは、フレームの配信元によってのみパーティション分割されたままになります。

ストレージキーによる BLOB URL アクセスのパーティション分割は、Firefox と Safari の両方で現在実装されているものと似ています。これにより、BLOB URL の使用状況が、ストレージパーティション分割の一部として他のストレージ API によって使用されるパーティション分割スキームに合わせて調整されます。

この変更に加えて、Microsoft Edge では、BLOB URL へのレンダラーによって開始される最上位レベルのナビゲーションに noopener が適用されるようになりました。ここで、対応するサイトは、ナビゲーションを実行している最上位サイトへのクロスサイトです。これは、Safari の同様の動作と、対応する仕様に合わせて調整されます。

BLOB URL のパーティション分割は、 PartitionedBlobUrlUsage ポリシーを設定することで一時的に元に戻すことができます。

このポリシーが Enabled に設定されているか、設定されていない場合、BLOB URL はパーティション分割されます。
このポリシーが Disabled に設定されている場合、BLOB URL はパーティション分割されません。

ファイル API 仕様の「BLOB URL に対するアクセス制限」を参照してください。

応答しない Web ページからのクラッシュレポートの呼び出し履歴

無限ループなどの非常に長い計算を実行する JavaScript コードが原因で Web ページが応答しなくなると、Javascript 呼び出し履歴が記録され、Web サイトによって構成された Reporting API サーバーエンドポイントに送信されるクラッシュレポートに含まれます。

MDN でのレポート API に関するページを参照してください。

の浮動小数点の色の種類 `<canvas>`

CanvasRenderingContext2D、 OffscreenCanvasRenderingContext2D、および ImageData オブジェクトでは、8 ビット固定小数点形式に加えて、浮動小数点ピクセル形式がサポートされるようになりました。

この変更により、次のような高精度アプリケーションが可能になります。

医療の視覚化。
高ダイナミックレンジコンテンツ。
線形作業色空間。

「Canvas 浮動小数点の色の値」を参照してください。

分離ポリシーを文書化する

ドキュメント分離ポリシーを使用すると、クロスオリジン分離 (COOP) またはクロスオリジン埋め込みポリシー (COEP) 応答ヘッダーを使用することなく、ページのクロスオリジン分離状態に関係なく、ドキュメントがそれ自体のクロスオリジン分離を有効にすることができます。

Web 暗号化 API での Ed25519 署名アルゴリズムのサポート

Web 暗号化 API では、Ed25519 署名アルゴリズムがサポートされるようになりました。

「WebCrypto のセキュアカーブ」を参照してください。

WebAssembly での JavaScript Promise 統合 (JSPI)

JavaScript Promise Integration (JSPI) は、WebAssembly アプリケーションを JavaScript Promises と統合できるようにする API です。

JSPI を使用すると、WebAssembly プログラムが Promise のジェネレーターとして機能し、WebAssembly プログラムが Promise を使用する API と対話できるようになります。

アプリケーションが JSPI を使用して Promise-bearing (JavaScript) API を呼び出す場合:

WebAssembly コードが中断されます。
WebAssembly プログラムの元の呼び出し元には、WebAssembly プログラムが最終的に完了したときに満たされる Promise が与えられます。

js-promise-integration に関するページを参照してください。

WebAssembly ブランチのヒント

コンパイルされた WebAssembly コードのパフォーマンスを向上させるために、ブランチヒントを使用して、特定のブランチ命令が特定のパスを取得する可能性が非常に高いとエンジンに通知します。

これにより、エンジンはコードレイアウトに関するより良い意思決定を行い、割り当てを登録できます。

「分岐のヒント」を参照してください。

SVGMatrix、SVGRect、および SVGPoint が受け入れる属性と引数の種類を制限する

SVGMatrix、SVGRect、SVGPoint の属性と引数を Infinity または NaN に設定することが許可されるようになりました。

これらの値の設定属性または引数で JavaScript 例外がスローされるようになりました。

MDN の SVG API に関するページを参照してください。

Selection API `getComposedRanges` と `direction`

Selection API では、次のプロパティとメソッドがサポートされるようになりました。

Selection.direction は、選択の方向を none、 forward、または backwardとして返します。
Selection.getComposedRanges() は、0 個または 1 個の 構成済みStaticRange オブジェクトの一覧を返します。

構成された StaticRange は、 Range オブジェクトとは異なり、シャドウ DOM 境界を越えることができます。

例:

const range = getSelection().getComposedRanges({ shadowRoots: [root] });

不明なシャドウツリーが誤って公開されないようにするために、テキストの選択が、 shadowRoots プロパティに指定されていない影のルート境界を越えた場合、返される StaticRangeの終点はそのシャドウツリーの外側になります。

MDN の「Selection: getComposedRanges() メソッド」を参照してください。

WebGPU API

`externalTexture`をにバインドする`GPUTextureView`

WepGPU を使用するときに GPUBindGroup を作成するときに、 externalTexture を GPUTextureViewにバインドできるようになりました。

これは、ビデオ効果パイプラインに WebGPU API を使用する場合などのシナリオで役立ちます。互換性のある GPUTextureView を GPUExternalTextureの代わりに使用できるようにすることで、シェーダーロジックが簡略化されます。

MDN の GPUExternalTexture を参照してください。

を使用してバッファー全体をコピーする `copyBufferToBuffer()`

GPUCommandEncoder.copyBufferToBuffer() メソッドを使用すると、offsetsパラメーターと size パラメーターを省略できるため、バッファー全体を簡単にコピーできます。

MDN の「GPUCommandEncoder: copyBufferToBuffer() メソッド」を参照してください。

配信元の試用版

以下は、期間限定で独自のライブ Web サイトで試すことができる新しい試験的 API です。

配信元の試用版の詳細については、「 Microsoft Edge で配信元試用版を使用する」を参照してください。

使用可能な配信元試用版の完全な一覧については、「 Microsoft Edge 配信元試用版」を参照してください。

新しいChromium配信元の試用版

レンダリングされていない iframe でメディア再生を一時停止する

有効期限は 2026 年 1 月 27 日です。

media-playback-while-not-visibleアクセス許可ポリシーは、許可されていないフレームで現在レンダリングされていない iframe で再生されているメディアを一時停止します。これは、iframe の display CSS プロパティが none に設定されている場合、または visibility プロパティが hidden または collapse に設定されている場合に適用されます。

現在、 HTMLMediaElements および AudioContexts メディア要素がサポートされています。

Microsoft Edge のみの配信元試用版

Web アプリスコープ拡張機能

有効期限: 2025 年 8 月 31 日

scope_extensions は、Web アプリがスコープを他の配信元に拡張できるようにする新しい Web アプリケーションマニフェストメンバーです。

スコープ拡張機能を使用すると、複数のサブドメインとトップレベルドメインに依存する Web アプリを 1 つの Web アプリとして表示できます。

{
  "name": "Example app",
  "display": "standalone",
  "start_url": "/index.html",
  "scope_extensions": [
    {
      "type": "type",
      "origin": "https://example.com"
    }
  ]
}

scope_extensions メンバーに一覧表示される配信元は、.well-known/web-app-origin-association という名前の構成ファイルをホストすることで、Web アプリに関連付けられていることを確認する必要があります。ファイルには、Web アプリの配信元を一覧表示する必要があります。

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}

取得情報 API

有効期限は 2025 年 6 月 30 日です。

Acquisition Info API は、アプリストアまたはブラウザーから直接取得された PWA の取得属性をサポートします。

MS ハイコントラスト非推奨

有効期限は 2025 年 9 月 9 日です。

従来の CSS -ms-high-contrast メディアクエリとレガシ -ms-high-contrast-adjust プロパティを有効にします。

「-ms-high-contrast と -ms-high-contrast-adjust のサポートの廃止」を参照してください。

注:

このページの一部は、Chromium.org によって作成および共有された作業に基づく変更であり、クリエイティブ・コモンズ帰属4.0国際ライセンスに記載されている条件に従って使用されます。

次の方法で共有

Microsoft Edge 137 Web プラットフォームのリリース ノート (2025 年 5 月)

Edge DevTools

WebView2

Web プラットフォーム機能

CSS 機能

CSS if() 関数

CSS reading-flow プロパティと reading-order プロパティ

の shape() のサポート offset-path

accent-color プロパティのシステム アクセントカラー