次の方法で共有


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

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

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

詳細な内容:

Edge DevTools

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

WebView2

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

CSS 機能

Microsoft Edge の新しいカスケード スタイル シート (CSS) 機能を次に示します。

AccentColor および AccentColorText システムの色

AccentColorAccentColorTextシステムの色を CSS の色の値として使用して、ユーザーのデバイスで指定されているシステムアクセントカラーにアクセスできるようになりました。

関連項目:

document.activeViewTransition プロパティ

document.activeViewTransition プロパティは、この切り替えが 1 つの Web ページ上にあるか、2 つの Web ページ間にあるかに関係なく、現在実行中のビューの切り替えにアクセスできます。

View Transition API を使用すると、1 つの Web ページのさまざまな状態間、または複数の Web ページ間で視覚的な切り替えを作成できます。

  • 単一の Web ページ内の遷移の場合、 document.startViewTransition() メソッドは遷移オブジェクトを返します。 document.activeViewTransition プロパティは、この遷移オブジェクトへのアクセスを提供するようになりました。つまり、戻り値document.startViewTransition()格納する必要がなくなりました。

  • 複数の Web ページ間の切り替えの場合、 document.activeViewTransition プロパティを使用すると、現在実行中の遷移オブジェクトに、切り替えの間アクセスできるようになりました。 これは、 pageswap イベントと pagereveal イベントに加えて行われます。

関連項目:

スタイル コンテナー クエリと if() 関数の範囲構文

CSS @container style() クエリと if() 関数で範囲構文がサポートされるようになりました。 範囲構文を使用すると、 < 演算子と > 演算子を使用して、カスタム プロパティと値を比較できます。

比較を有効にするには、比較の両側が同じデータ型に解決される必要があります。 範囲構文は、次の数値型に制限されています。

  • <length>
  • <number>
  • <percentage>
  • <angle>
  • <time>
  • <frequency>
  • <resolution>

リテラル長でカスタム プロパティを比較する例:

@container style(--inner-padding > 1em) {
   .card { border: 2px solid; }
}

2 つのリテラル値を比較する例:

@container style(1em < 20px) {
   ...
}

attr()置換関数の値をリテラル値と比較する例:

.item-grid {
   background-color: if(style(attr(data-columns, type<number>) > 2): lightblue; else: white);
}

関連項目:

UI 機能

Microsoft Edge でのユーザー インターフェイスの変更を次に示します。

<select>要素のモバイルとデスクトップのパリティ

<select>属性と属性を使用する HTML 要素は、デスクトップ デバイスとモバイル デバイスで次のように同じように表示されるようになりました。

  • ページ内のすべてのオプションを一度に表示するスクロール可能なリスト。
  • ページ内の展開可能なドロップダウン リスト。
<select size="3">

<select size="3"> (または 1 より大きい別の size 値) が常に、デスクトップデバイスとモバイル デバイスの両方で、ページ内のすべてのオプションを一度に表示するリストとして表示されるようになりました。

ページ内のすべてのオプションを一度に表示するリスト

以前は、モバイル デバイスは size 属性を無視し、常に <select size="3"> などの要素をドロップダウン リストとしてレンダリングしました。

<select multiple>

<select multiple> デスクトップデバイスとモバイルデバイスの両方で、ページ内のすべてのオプションを一度に表示するリストとして常に表示されるようになりました。

以前は、モバイル デバイスはドロップダウン リストとして <select multiple> レンダリングしました。

<select multiple size="1">

<select multiple size="1"> デスクトップ デバイスとモバイル デバイスの両方で、常にドロップダウン リストとして表示されるようになりました。

ページのドロップダウン リスト

以前は、デスクトップ デバイスは、ページ内のすべてのオプションを一度に表示するリストとして <select multiple size="1"> レンダリングしました。

SVG 機能

Microsoft Edge の新しいスケーラブル ベクター グラフィックス (SVG) 機能を次に示します。

SVG <a> 要素でのdownload属性のサポート

download属性は、SVG <a> 要素でサポートされるようになりました。

download属性を使用すると、移動するのではなく、SVG ハイパーリンクのターゲットをダウンロードするように指定できます。

関連項目:

  • <a> MDN で。

SVG <use> 要素の CSS 幅と高さのサポート

SVG <use> 要素で、 および CSS プロパティがサポートされるようになりました。

これにより、CSS を使用して SVG 要素のサイズ設定を制御できます(応答性を向上させるなど)。

この機能により、次の 2 つの HTML スニペットで同じ出力が生成されるようになりました。

<svg width="100px" height="100px">
   <defs>
      <symbol id="sym" width="80" height="80">
         <rect width="100" height="100" fill="green" />
      </symbol>
   </defs>
   <use href="#sym" style="width:40px; height:40px" />
</svg>
<svg width="100px" height="100px">
   <defs>
      <symbol id="sym" width="80" height="80">
         <rect width="100" height="100" fill="green" />
      </symbol>
   </defs>
   <use href="#sym" width="40" height="40" />
</svg>

関連項目:

Web API

Microsoft Edge の新しい Web API 機能を次に示します。

閲覧コンテキスト グループを切り替えるクロスサイト ナビゲーションの window.name 値をクリアする

以前は、クロスサイト ナビゲーションで閲覧コンテキスト グループが切り替えられた場合でも、ブラウザー タブの有効期間中、 window.name プロパティの値は保持されていました。

クロスサイト ナビゲーションが閲覧コンテキスト グループを切り替えたときに、 window.name プロパティがクリアされるようになりました。

関連項目:

FedCM UI でサードパーティの iframe 配信元を表示する

サード パーティの iframe 配信元が FedCM UI に表示されるようになりました。 サード パーティの iframe の配信元をユーザーに表示することは、ユーザーがサード パーティの配信元との資格情報の共有に関する情報に基づいた意思決定を行う際に役立ちます。 client_is_third_party_to_top_frame_origin証明書利用者 (RP) メタデータ プロパティを使用すると、FedCM iframe でサード パーティの配信元を表示できます。

以前は、FedCM で iframe を使用する場合、FedCM UI は、iframe の配信元と異なる場合でも、常に最上位サイトからの配信元を表示しました。 これは、iframe の配信元が異なる場合でも、概念的に最上位サイトの一部である場合に適切に機能します。たとえば、 example.com の最上位サイトでは、 example-static.comで FedCM iframe を使用します。これは所有していますが、ユーザーに表示することは意味がありません。 それ以外の場合、FedCM iframe はサード パーティのサイトに属している可能性があります。

関連項目:

HSTS 追跡防止

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

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

関連項目:

セキュリティで保護されたコンテキストでのみ pointerrawupdate イベントを発生させます

Microsoft Edge は、セキュリティで保護されたコンテキストでのみ pointerrawupdate を起動することで、仕様やその他のブラウザーと一致するようになりました。

以前は、 pointerrawupdate イベントは、セキュリティで保護されたコンテキストと安全でないコンテキストの両方で発生しました。これは、ポインター イベントの仕様やその他のブラウザーと一致しませんでした。

関連項目:

同じ配信元のナビゲーションで固定ユーザーのアクティブ化を有効にする

固定ユーザーのアクティブ化状態は、ユーザーが同じ配信元にある Web ページに移動した後も保持されるようになりました。

これにより、ユーザーが Web サイトの別の Web ページに移動した後でも、通常はユーザーのアクティブ化が必要な Web 機能 (ユーザーのアクティブ化によって制御される機能) を直接使用できます。

関連項目:

Web Speech API のコンテキスト バイアス

音声認識でコンテキストバイアスを行うために、Web Speech API にフレーズの一覧を提供できるようになりました。 認識フレーズを一覧表示すると、コンテキスト バイアスをサポートする明示的なメカニズムが Web Speech API に提供されます。

以前は、Web Speech API は一般化された音声認識モデルを使用しており、特定の単語や語句に優先順位を付けたり、ユーザー固有またはドメイン固有のボキャブラリに適応したりすることができませんでした。

関連項目:

Microsoft Edge の配信元試用版

Microsoft Edge で利用できる新しい試験的 API の配信元試用版を次に示します。

配信元の試用版では、期間限定で、独自のライブ Web サイトで試験的な API を試すことができます。 配信元の試用版の詳細については、「配信元試用版 を使用して試験的な API と機能をテストする」を参照してください。

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

AriaNotify API

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

AriaNotify API を使用すると、Web ページのコンテンツにユーザーが開始しない変更が発生したときに、アプリでスクリーン リーダーに何を言うかを直接伝えることができます。 最も単純なシナリオでは、ドキュメントまたは要素で ariaNotify("foo") を呼び出します。

「Aria Notify を使用したよりアクセシビリティの高い Web の作成」を参照してください。

広告選択 API

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

Ad Selection API は、サードパーティ Cookie を使用せずに、ユーザーに関連性の高い広告をサイトに表示できます。

取得情報 API

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

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

Chromium配信元の試用版

Microsoft Edge で試すことができるアクティブなChromium配信元試用版を次に示します。

Microsoft Edge で利用できるChromium配信元試用版の完全な一覧については、「Microsoft Edge 配信元試用版」を参照してください。

WebAssembly カスタム記述子

有効期限は 2026 年 6 月 16 日です。

WebAssembly カスタム記述子を使用すると、WebAssembly は、ソース レベルの型に関連付けられたデータをより効率的に新しいカスタム記述子オブジェクトに格納できます。

WebGPU 互換モード

有効期限: 2026 年 4 月 21 日

WebGPU 互換モードは、OpenGL や Direct3D11 などの古いグラフィックス API を実行できる WebGPU のオプトイン、軽く制限されたサブセットです。 目標は、WebGPU アプリケーションの範囲を、WebGPU のコアに必要な最新の明示的なグラフィックス API がない古いデバイスに拡張することです。

フェッチの再試行

有効期限は 2026 年 3 月 24 日です。

フェッチ再試行を使用すると、Web 開発者は、ネットワーク接続が不安定であっても、 fetch() 要求を再試行する必要があることを示し、確実に送信されることを保証できます。 これは、キープアライブ フェッチでは特に重要です。要求がドキュメントを超える可能性があり、ドキュメントのエラーを監視したり、手動で再試行したりできなくなります。

プロンプト API

有効期限: 2026 年 3 月 24 日

Prompt API は、Web サイトまたはブラウザー拡張機能の JavaScript コードから、Microsoft Edge に組み込まれている小規模言語モデル (SLM) を要求できる試験段階の Web API です。 Prompt API を使用してテキストを生成および分析したり、ユーザー入力に基づいてアプリケーション ロジックを作成したり、プロンプト エンジニアリング機能を Web アプリケーションに統合する革新的な方法を発見したりできます。

関連項目:

着信呼び出し通知

有効期限は 2026 年 5 月 19 日です。

Notifications API を拡張して、インストールされている PWA が着信呼び出し通知 (つまり、呼び出しスタイルのボタンと着信音を持つ通知) を送信できるようにします。 この拡張機能は、ユーザーが通話通知を簡単に認識して応答できるようにすることで、VoIP Web アプリがより魅力的なエクスペリエンスを作成するのに役立ちます。 この機能は、両方を持つアプリのネイティブ実装と Web 実装のギャップを埋めるのにも役立ちます。

関連項目:

フル フレーム レートレンダリングブロッキング属性

有効期限: 2026 年 3 月 24 日

新しい full-frame-rate レンダリング ブロック属性は、重要なコンテンツの解析中にリソースを予約するために、より低いフレーム レートでページをレンダリングするようにブラウザーに指示します。 重要なコンテンツが解析された後、ブラウザーは通常のフレーム レートを復元します。

たとえば、 <link rel="expect" href="#critical-content" blocking="full-frame-rate"> は、 #critical-content 要素が解析されるまで、ブラウザーのフレーム レートを低下させます。

full-frame-rateレンダー ブロッキング属性は情報提供のみを行います。 ブラウザーは、読み込みフェーズの開始時など、ブロック要素を解析する前にフレーム レートを下げることを決定できます。 ブラウザーは、タイムアウト後や特定のユーザー操作の後など、ブロック要素リストが空になる前にフレーム レートを復元することもできます。

注:

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