次の方法で共有

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

  • [アーティクル]

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

最新の Web プラットフォーム機能を入手するには、Canary、Dev、Beta などの Insiders バージョンの Microsoft Edge をダウンロードします。 「Microsoft Edge Insider になる」を参照してください。

詳細な内容:

Edge DevTools

「Microsoft Edge DevTools の新機能」を参照してください。

WebView2

WebView2 SDK のリリース ノートを参照してください。

Web プラットフォーム機能

CSS 機能

::column CSS 擬似要素は、複数列コンテナー内の個々の列を表します。

コンテナーは、限られた量の CSS プロパティでスタイルを設定できます。

コンテナーは、 ::scroll-marker 擬似要素を使用して、スクロール コンテナーによって にスナップできます。

::scroll-markerと::scroll-markers-group擬似要素を使用すると、スクロール コンテナー内にフォーカス可能なマーカーのセットを作成できます。

フォーカス可能なマーカーのセットは、スクロール コンテナーを特定の位置にスナップするために使用されます。

::scroll-button()擬似要素を使用すると、スクロール コンテナーの擬似要素としてスクロール ボタンを作成できます。

スクロール ボタンは、スクロール ボタンがクリックされたときに、ボタンの方向にコンテナーをスクロールするために使用されます。

入れ子になった擬似要素のスタイル

::before::markerと::after::markerを使用して、他の擬似要素内に入れ子になった擬似要素のスタイルを設定できるようになりました。

::column::scroll-marker はまだサポートされていません。

CSS interactivity プロパティ

CSS interactivity プロパティは、要素とそのフラット ツリーの子孫 (テキスト実行を含む) が不活性かどうかを指定します。

要素を不活性にすることは、次の影響を与えます。

  • 要素をページ内検索でフォーカス、編集、選択、および検索できるかどうかを指定します。
  • 要素がアクセシビリティ ツリーに表示されるかどうか。
CSS 論理オーバーフロー プロパティ

overflow-inlineおよびoverflow-block CSS プロパティを使用すると、書き込みモードに対してインラインおよびブロック方向にオーバーフローを設定できます。

  • 水平書き込みモードでは、 overflow-inline は overflow-xにマップされます。
  • 垂直書き込みモードでは、 overflow-inline は overflow-yにマップされます。
CSS abs() 関数と sign() 関数

abs(A)関数は、入力と同じ型として A の絶対値を返します。 戻り値の型は <number>です。

sign(A)関数は、次を返します。

  • -1 A の数値が負の場合。
  • +1 A の数値が正の場合。
  • 0 然も無くば。

戻り値の型は <number>です。

CSS アンカーの配置: 記憶されたスクロール オフセット

配置された要素に既定のアンカーがあり、一方のエッジでこのアンカーに連結され、もう一方のエッジの元の包含ブロックに対して連結されている場合、要素のサイズ設定時にスクロール オフセットが考慮されます。

要素のサイズ設定時にスクロール オフセットを考慮すると、指定されたスクロール オフセットでドキュメントをスクロールするときに、アンカーされた要素のすべての表示領域 ( position-areaを使用) を使用できます。

ドキュメントがスクロールされるたびに要素のサイズが変更されないようにするために、常に現在のスクロール オフセットを使用するのではなく、"記憶されたスクロール オフセット" の概念が使用されます。

CSS dynamic-range-limit プロパティ

dynamic-range-limit CSS プロパティを使用すると、ハイ ダイナミック レンジ (HDR) コンテンツの最大輝度を制限できます。

CSS shape() 関数

shape() CSS 関数を使用すると、clip-path プロパティで自由形式と応答性の高い図形を使用できます。

path()関数の動詞と同等の一連の動詞を定義できます。

%やvwなどの応答性の高いユニットを使用できます。

カスタム プロパティなどの CSS 値を使用できます。

CSS progress() 関数

progress()、media-progress()、およびcontainer-progress()関数は、特定の値 (進行状況の値) から別の値 (進行状況の終了値) までの比例距離を表します。

  • progress() では、数式関数から進行状況の比率を描画できます。
  • media-progress() を使用すると、メディア機能から進行状況の比率を描画できます。
  • container-progress() では、コンテナー フィーチャから進行状況の比率を描画できます。
safe-area-max-inset-* 変数

safe-area-max-inset-top、safe-area-max-inset-right、safe-area-max-inset-bottom、およびsafe-area-max-inset-left環境変数は、セーフエリアインセット変数に関連付けられますが、可能な限り安全な領域を表します。

セーフ領域の差し込み値が大きくなると、ページのレイアウトが更新されないようにするには、可能な限り最大のセーフ領域を使用すると便利です。

HTML 機能

commandHTML 属性のcommandfor

<button>要素のcommandとcommandfor HTML 属性を使用すると、アクセス可能で宣言的な方法でボタンに動作を割り当てながら、対話機能を提供するために JavaScript ページを使用する必要がある頻度を減らすことができます。

キープレスを使用してクリック、タッチ、またはアクティブ化すると、commandfor属性とcommand属性を持つボタンは、ダイアログやポップオーバーを開くなどの既定の動作で、commandforによって参照される要素にCommandEventをディスパッチします。

<link rel="facilitated-payment" href="...">要素は、保留中のプッシュ支払いについて登録済みの支払クライアントに通知するためにブラウザーが使用するヒントとして機能します。

SVG <a> 要素でのrel属性とrelList属性のサポート

SVG 2.0 の SVGAElement インターフェイスを使用すると、HTML アンカー要素に似た SVG <a> 要素を操作できます。 この変更により、web ページのセキュリティとプライバシーを強化するために、 rel 属性と relList 属性のサポートが追加されます。

このアプローチは、HTML アンカー要素の動作に合わせて調整され、SVG と HTML 全体の一貫性と使いやすさを確保します。

Web API

Web Speech API への MediaStreamTrack サポートの追加

Web Speech API は、音声認識と合成を Web ページに組み込むことができる Web 標準 API です。

Web Speech API は、ユーザーの既定のマイクを既定のオーディオ入力として使用します。 MediaStreamTrack のサポートにより、Web サイトは Web Speech API を使用して、リモート オーディオ トラックなど、他のオーディオ ソースをキャプションできます。

ユーザーの閲覧履歴リークを排除するために、HTML <a> 要素は、以前に最上位のサイトとフレームの配信元からクリックした場合にのみ、 :visited としてスタイルが設定されるようになりました。 これは、Microsoft Edge が次の 3 つのキーに従ってリンクにアクセスしたことを意味します。

  • リンク URL。
  • 最上位サイト。
  • フレームの原点。

このサイトとフレームの前にクリックされたリンクのスタイル設定によってのみ、 :visited リンクのスタイル情報を取得するために開発されたサイドチャネル攻撃は廃止されました。

自己リンク は、このリンクから除外されます。サイトの独自のページへのリンクは、この最上位サイトとフレームの配信元でクリックされていない場合でも、 :visited としてスタイルを設定できます。 この除外は、最上位レベルのフレームと同じ配信元の最上位フレームまたはサブフレームでのみ有効になります。

サービス ワーカー クライアントを作成し、 を使用して iframe のサービス ワーカー コントローラーを継承する srcdoc

srcdoc属性を使用する iframe 用にサービス ワーカー クライアントが作成されるようになりました。 作成されたサービス ワーカー クライアントは、iframe の親のサービス ワーカーから継承します。

キャプチャされたポインターへのクリック イベントのディスパッチ

pointerup イベントのディスパッチ中にポインターがキャプチャされた場合、click イベントは、pointerdown イベントとpointerup イベントの最も近い共通の先祖にディスパッチされるのではなく、キャプチャされたターゲットにディスパッチされます。

Float16Array

Float16Array型指定された配列がサポートされるようになりました。 数値は、 Float16Array インスタンスに書き込むときに半精度浮動小数点形式 (IEEE FP16) に丸められます。

HSTS 追跡防止

HTTP Strict Transport Security (HSTS) キャッシュを使用して、サード パーティによるユーザー追跡を軽減します。

この機能では、最上位のナビゲーションの HSTS アップグレードのみが許可され、サブリソース要求の HSTS アップグレードがブロックされます。 このような HSTS アップグレードをブロックすると、サード パーティのサイトが WEB 経由でユーザーを追跡するために HSTS キャッシュを使用することは不可能になります。

sourceElement プロパティ: NavigateEvent

ユーザーがリンクをクリックしたりフォームを送信したりしたときなど、要素によってページ ナビゲーションが開始されると、結果の NavigateEvent には開始要素を指す sourceElement プロパティが追加されます。

PerformanceNavigationTiming API NotRestoredReasons 名の変更

NotRestoredReasons API は、PerformanceNavigationTiming API の一部です。 この変更により、理由の名前が仕様と一致するように更新されます。

変更の一覧:

古い名前 新しい名前
extension-messaging、 pending-permission-request、 not-main-frame、 frame-navigating、 timeout、 cookie-disabled、 cookie-removed、 printing、 web-database、 injected-javascript、 injected-stylesheet masked
response-method-not-get request-method-not-get
serviceworker-version-activation serviceworker-version-activated
serviceworker-added-after-bfcache serviceworker-added
serviceworker-unregistration serviceworker-unregistered
unload-handler unload-listener
session-restored null
監視可能な API

オブザーバブルは、プッシュベースのイベントの非同期ストリームを処理するための一般的な事後対応型プログラミング パラダイムです。 監視可能オブジェクトは Promises と考えることができますが、複数のイベントの場合はと考えることができます。 オブザーバブルを使用すると、より線形で宣言型のコードを記述し、入れ子になったコールバックを回避できます。 つまり、Observables は、イベントの非同期フローを表す Observable オブジェクトを提供することで、人間工学に基づいたイベント処理を可能にします。

このオブジェクトを "サブスクライブ" して、イベントの受信時にイベントを受信し、その演算子のいずれかを呼び出して、イベントが通過する変換のフローを宣言的に記述できます。 これは 命令型 バージョンとは対照的であり、多くの場合、 addEventListener()などのアプローチで複雑な入れ子が必要になります。

W3C 監視可能な仕様を参照してください。

サービス ワーカー クライアント URL が history.pushState 変更を無視するようになりました

サービス ワーカーの Client.url プロパティ (初期 HTML ドキュメントの URL) は、 history.pushState() メソッドやその他の同様の履歴 API によって行われた変更を無視するようになりました。

RTC でエンコードされたフレームのタイムスタンプ

次のタイムスタンプが公開されるようになりました。

  • キャプチャ タイムスタンプ: フレームが最初にキャプチャされたときのタイムスタンプ。
  • 受信タイムスタンプ: フレームが受信されたときのタイムスタンプ。

これらのタイムスタンプは、 RTCPeerConnection経由で送信される WebRTC でエンコードされたフレームに存在します。

この変更により、WebRTC を使用して待機時間の測定を実装するビデオ会議アプリケーションは、パフォーマンスを理解しやすくなります。

ProgressEvent のloaded属性とtotal属性にdouble型を使用する

ProgressEventのloaded属性とtotal属性は、現在の進行状況を示します。 これらの属性の型は、0と1の間の浮動小数点数になりました。これにより、max属性を省略すると、ProgressEventが<progress> HTML 要素の既定の動作に合わせて調整されます。

fetchLater API

fetchLater() は、遅延フェッチ要求を送信する JavaScript API です。 遅延フェッチ要求が送信されると、遅延要求は保留中 の状態で ブラウザーによってキューに入れられます。

その後、遅延フェッチ要求は、次の最も早い条件で呼び出されます。

  • ドキュメントが破棄されたとき。
  • ユーザーが指定した時刻の後。
  • ブラウザーが要求を送信するタイミングを決定したとき。

API は、activatedブール値フィールドを含むFetchLaterResultを返します。 activatedブール値フィールドを更新して、遅延要求が送信されたかどうかを確認できます。 遅延要求が正常に送信されると、Web ページの本文やヘッダーなど、ブラウザーによって応答は無視されます。

highlightsFromPoint API

highlightsFromPoint() API を使用すると、ドキュメント内の特定のポイントに存在する強調表示を検出することで、Web ページで CSS カスタムハイライトを操作できます。

ポイントからのハイライトの取得は、Web アプリで次のようなカスタム ハイライトを使用してユーザー操作を管理するために使用できます。

  • 強調表示されたリージョンのホバー イベントに応答して、カスタム ヒントをトリガーします。
  • 強調表示されたリージョンをクリックしてユーザーに応答し、右クリック メニュー (コンテキスト メニュー) をトリガーします。

非推奨と削除された機能

getter の Intl.Locale 非推奨

Intl.Locale API では、ロケールの週データや時間サイクルの種類などの情報が公開されます。

Intl.Locale オブジェクトのアクセサー プロパティは、仕様に従って、対応する関数を優先して非推奨になりました。 たとえば、 Intl.Locale.prototype.hourCycle アクセサー プロパティは、 Intl.Locale.prototype.getHourCycles() 関数を優先して非推奨になっています。

Remove navigator.xr.supportsSession メソッド

非推奨の navigator.xr.supportsSession プロパティが WebXR API から削除されました。

2019 年の WebXR 仕様では、 navigator.xr.supportsSession プロパティは非推奨としてマークされ、 navigator.xr.isSessionSupported() メソッドに置き換えられました。

WebGPU の制限を削除する maxInterStageShaderComponents

maxInterStageShaderComponents制限が削除されました。原因は次のとおりです。

  • maxInterStageShaderVariablesを使用した冗長性。これは既に同様の目的を果たしています。シェーダー ステージ間で渡されるデータの量を制御します。

  • 軽微な不一致: 2 つの制限の計算方法には若干の違いがありますが、これらの違いは軽微であり、 maxInterStageShaderVariables 制限内で効果的に管理できます。

  • 簡略化: maxInterStageShaderComponents を削除すると、シェーダー インターフェイスが合理化され、インターフェイスの使用の複雑さが軽減されます。 2 つの個別の制限 (両方とも同時に適用されますが、微妙な違い) を管理する代わりに、より適切な名前と包括的な maxInterStageShaderVariablesに集中できます。

配信元の試用版

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

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

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

Microsoft Edge のみの配信元試用版

デジタルグッズ API

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

Digital Goods API を使用すると、Web アプリケーションはデジタル製品と、デジタル ストアによって管理されるユーザーの購入に関する情報を取得できます。 ユーザー エージェントはストアへの接続を抽象化し、支払い要求 API を使用して購入を行います。

Web アプリ LocalFolder Access

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

Web App LocalFolder Access を使用すると、Microsoft Store にインストールされたプログレッシブ Web アプリ (PWA) は、以前のバージョンのアプリケーションによって WinRT ApplicationData.LocalFolder フォルダーに以前に格納されていたファイル コンテンツにアクセスできます。

HTML+IDL 手書き属性

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

handwriting属性は、スタイラスを使用する場合など、手書き入力を許可する場所を制御するドキュメントごとの方法と要素ごとの方法を提供します。

取得情報 API

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

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

注:

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