次の方法で共有

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

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

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

詳細な内容:

Edge DevTools

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

WebView2

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

Web プラットフォーム機能

CSS 機能

CSS stretchサイズ設定キーワード (keyword)

stretch キーワード (keyword)は、widthやheightなどの CSS サイズ設定プロパティに対して、要素が格納されているブロックの使用可能な領域を正確に埋めるように拡張できるようにします。 stretchサイズ設定キーワード (keyword)は100%値に似ていますが、結果のサイズは、box-sizingによって示されるボックスに適用されるのではなく、要素の余白ボックスに適用されます。

stretch キーワード (keyword)を使用すると、可能な限り大きくしながら、要素の余白を維持できます。 これは、 -webkit-fill-availableの修正されていないバージョンです。

関連項目:

  • MDN で高さを伸ばします。
CSS abs() 関数と sign() 関数

abs(A)関数は、入力と同じ型の A の絶対値を返します。

  • A の数値が正または 0⁺の場合、abs(A)は A を出力します。
  • それ以外の場合、 abs(A) 出力は -1 * A です。

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

  • A の数値が負の場合は -1。
  • A の数値が正の場合は +1。
  • A の数値が 0⁺ の場合は 0⁺。
  • A の数値が 0⁻ の場合は 0⁻。

返される CSS 型は <number>され、入力計算の型と一致します。

関連項目:

OS レベルのフォント スケールの CSS 環境変数

preferred-text-scale CSS 環境変数は、ユーザーの優先フォント スケールを CSS に公開します。

以前は、ユーザーがオペレーティング システムの設定を使用して好みのフォント サイズを変更したかどうかをページで検出することは実用的ではありませんでした。

関連項目:

CSS sibling-index() 関数と sibling-count() 関数

sibling-index() および sibling-count() は、CSS プロパティ値の整数として使用して、兄弟要素間の位置、または兄弟の合計数に基づいて要素のスタイルを設定できます。 これらの関数は、 calc() 式内で使用することも、整数値として直接使用することもできます。

たとえば、calc()式内のsibling-index()関数を使用して、その兄弟間の位置に基づいてリスト アイテムの左余白を設定できます。

li {
  margin-inline-start: calc(1rem * sibling-index());
}

関連項目:

補間の進行状況: CSS progress() 関数

progress() CSS 数学関数は、進行状況の開始値と進行状況の終了値の間の値の位置を表す<number>を返します。

progress() は、流動的な文字体裁などの場合に役立ちます。

関連項目:

Web API

プロンプトとライティング アシスタンス API 開発者プレビュー

Prompt API と Writing Assistance API は、Edge Canary および Dev チャネルで開発者プレビューとして使用できるようになりました。

これらの API を使用すると、Edge ブラウザーに組み込まれている強力な小さな言語モデル Phi-4-mini にアクセスできます。

これらの API を使用して、プロンプト エンジニアリングの試用、コンテンツの要約と変更、テキストの生成を行います。

関連項目:

Clear-Site-Data ヘッダーの新しいprefetchCache値とprerenderCache値

Clear-Site-Data HTTP ヘッダーで、新しいprefetchCacheとprerenderCache値がサポートされるようになりました。

以前は、プリフェッチとプリレンダリング キャッシュをクリアする唯一の方法は、Clear-Site-Data HTTP ヘッダーのcache値を使用することでした。 投機ルール API の導入が増えるにつれて、開発者は、履歴や Cookie などの他のセッション情報を中断することなく、プリフェッチキャッシュまたはプリレンダリング キャッシュ、またはその両方を明確にクリアする方法が必要になります。

関連項目:

WebCodecs でのビデオ フレームの向きのメタデータ

WebCodecs のさまざまなビデオ関連インターフェイスに、 rotation 値と flip 値が含まれるようになりました。

  • VideoFrame インターフェイスで、任意のrotationとflip値を持つオブジェクト インスタンスを作成できるようになりました。
  • VideoDecoderConfig オブジェクトに、デコードされたVideoFrame オブジェクトに自動的に出力されるrotationフィールドとflipフィールドが追加されました。
  • VideoEncoder クラスには、EncodedVideoChunkMetadataの一部として出力されるVideoDecoderConfigにrotationとflip情報をencode()から渡すためのメカニズムが用意されました。

以前は、開発者は、既定以外の向きを持つビデオ フレームをいつ受信したのかを知る方法がありませんでした。

関連項目:

クラッシュ レポート API レポートの新しい is_top_level フィールドと visibility_state フィールド

クラッシュ レポート API によって既定のエンドポイントに送信されるクラッシュ レポートに、 is_top_level と visibility_state の文字列フィールドが追加されました。

is_top_level フィールドと visibility_state フィールドは、クラッシュ レポート内のフレームのクラッシュに関するコンテキスト ビットの情報です。

関連項目:

HTTP 経由でプレーン テキストの事前レンダリングを禁止する

プリレンダリングをプリフェッチと一致させるために、プレーン テキストのプリレンダリングが HTTPS でのみ機能するようになりました。

以前は、HTTP 接続と HTTPS 接続の両方でプレーン テキストの事前レンダリングが許可されていました。

関連項目:

シリアル化時に HTML 属性で < と > をエスケープする

HTML 要素属性値の < 文字と > 文字は、HTML をシリアル化するときにエスケープされるようになりました。 これにより、属性の値がシリアル化および再解析された後に開始タグ トークンとして解釈されるときに発生する、XSS 攻撃の変更のリスクが軽減されます。

Integrity-Policy スクリプトのサブリソース整合性のヘッダー

新しい Integrity-Policy ヘッダーを使用すると、特定の型のすべてのリソースを整合性チェックする必要があることをアサートできます。 指定した型のリソースを整合性メタデータなしで読み込もうとすると、その試行は失敗し、違反レポートが生成されます。

関連項目:

予測可能な報告されたストレージ クォータ

無制限のストレージアクセス許可を持たないサイトに対して StorageManager の estimate() メソッドによって報告されるストレージ クォータが、すべての閲覧モードで同じになりました。

これにより、報告されたストレージ クォータを介してユーザーの閲覧モードを検出することが以前可能であった問題が軽減されます。これは、InPrivate モードでは、通常モードよりも使用可能なストレージ領域が大幅に小さいためです。

報告されたクォータは、現在のストレージ使用量に加えて、10 GiB の最小値と、すべての閲覧モードで最も近い 1 GiB に切り上げられたデバイス ディスク サイズと同じになりました。ストレージのアクセス許可が制限されたサイトの場合。

無制限のストレージアクセス許可を持つサイトは影響を受けません。

関連項目:

pushsubscriptionchange 再サブスクリプション時のイベント

pushsubscriptionchange イベントは、配信元に通知アクセス許可が再付与されると、アクセス許可の変更 (granted から deny または default) が原因で配信元の以前のプッシュ サブスクリプションが取り消された後に、サービス ワーカーによって発生します。

イベントは空の oldSubscription と newSubscriptionで発生します。

関連項目:

投機ルール: target_hint フィールド

投機ルールの構文が拡張され、 target_hint フィールドを指定できます。 [ target_hint ] フィールドには、新しいタブやウィンドウなど、事前にレンダリングされたターゲットが表示される場所をブラウザーが把握するためのヒントが用意されています。

たとえば、 _blank がヒントとして指定されている場合、プリレンダリングされたページは、 window.open()によって開かれたウィンドウにレンダリングできます。

target_hint 現在、 _self 文字列と _blank 文字列がサポートされています。 ヒントが指定されていない場合は、 _selfとして扱われます。

target_hint フィールドは、プリフェッチ投機ルールには影響しません。

関連項目:

ビューポート セグメント列挙 API

ビューポート セグメント列挙 API を使用すると、Web サイトのレイアウトを折り畳み可能なデバイスのターゲットに合わせて調整できます。

ビューポート セグメントは、ビューポートの論理的に分離された領域の位置と寸法を定義します。 ビューポート セグメントは、ビューポートが分割線として機能する 1 つ以上のハードウェア機能 (折り目や個別のディスプレイ間のヒンジなど) によって分割されるときに作成されます。

セグメントは、論理的に異なるものとして扱うことができるビューポートの領域です。

関連項目:

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

新しい "scope_extensions" Web アプリ マニフェスト フィールドを使用すると、Web アプリはそのスコープを他の配信元に拡張できます。

使用例:

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

[ scope_extensions ] フィールドを使用すると、複数のサブドメインとトップレベル ドメインを制御するサイトを 1 つの Web アプリとして表示できます。

[ scope_extensions ] フィールドには、 .well-known/web-app-origin-association 構成ファイルを使用して Web アプリとの関連付けを確認するために、一覧表示された配信元が必要です。

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

関連項目:

削除された機能

Media Source Extensions の非同期範囲の削除で例外がスローされるようになりました

非同期範囲の削除に関連するあいまいに定義された動作を禁止するために、メディア ソース拡張機能の仕様に次の変更が加えられます。

  • SourceBuffer.abort() SourceBuffer.remove()操作を中止しなくなりました。
  • MediaSource.durationを設定しても、現在バッファーされているメディアを切り捨てることができなくなります。

これらの変更はずっと前に行われ、Safari と Firefox は既に実装していますが、Chromiumはまだ実装されていませんでした。 どちらの場合も例外がスローされるようになりました。

関連項目:

自動 SwiftShader フォールバックを削除する

以前は、使用可能な GPU で WebGL コンテキストを作成できなかった場合、Chromiumは SwiftShader ソフトウェア レンダラーの使用に自動的にフォールバックしていました。 この自動フォールバック動作が削除され、WebGL コンテキストの作成が SwiftShader にフォールバックする代わりに失敗するようになりました。

SwiftShader はセキュリティ リスクを引き起こすので、高パフォーマンスの GPU ベースの WebGL から CPU でサポートされる実装にフォールバックすると、ユーザー エクスペリエンスが低下します。

SwiftShader は、サイトでヘッドレス テストを実行するための便利なツールです。 このユース ケースはオプトインによって引き続きサポートされます。これを行うには、 --enable-unsafe-swiftshader コマンド ライン引数を使用して Microsoft Edge を実行します。

関連項目:

配信元の試用版

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

配信元の試用版の詳細については、「配信元試用版 を使用して試験的な API と機能をテストする」を参照してください。

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

Microsoft Edge のみの配信元試用版

LocalFolder への Web アプリ アクセス

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

Microsoft Store からインストールされた PWA が、以前のバージョンの同じアプリケーションによって WinRT ApplicationData.LocalFolder フォルダーに格納されていたファイル コンテンツにアクセスできるようにします。

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 のサポートの廃止」を参照してください。

AriaNotify API

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

AriaNotify API を使用すると、開発者はスクリーン リーダーに読み取り内容を直接伝えることができます。 最も単純なシナリオでは、ドキュメントまたは要素の ariaNotify("foo") を呼び出します。

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

注:

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

  • Last updated on