7 月に新たに導入されるウェブ プラットフォーム

2025 年 7 月に安定版とベータ版のウェブブラウザに搭載された興味深い機能をご紹介します。

Rachel Andrew

公開日: 2025 年 7 月 31 日

安定版ブラウザのリリース

今月は Firefox 141 が唯一の新しい安定版ブラウザだったため、今回の投稿は Firefox の特集です。

WebGPU API

Firefox 141 では、Windows で WebGPU が実装され、サービス ワーカー以外のすべてのコンテキストでサポートされています。

詳しくは、MDN ドキュメントと WebGPU の概要をご覧ください。

Browser Support

  • Chrome: 113.
  • Edge: 113.
  • Firefox Technology Preview: supported.
  • Safari Technology Preview: supported.

Source

<dialog> 要素の closedby 属性

Firefox は、<dialog> 要素の closedby 属性と、HTMLDialogElement インターフェースの対応する closedBy 属性も実装しています。

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox Technology Preview: supported.
  • Safari: not supported.

scrollMargin プロパティ

IntersectionObserver インターフェースの scrollMargin プロパティが Firefox でサポートされるようになりました。これにより、オブザーバーのルート要素内のネストされたスクロール コンテナすべてにマージンが追加され、要素内のターゲットが最初に表示されたときだけでなく、スクロールして表示される前（または後）にも監視できるようになります。

Browser Support

  • Chrome: 120.
  • Edge: 120.
  • Firefox: not supported.
  • Safari: not supported.

CSS font-variant-emoji

font-variant-emoji CSS プロパティは、絵文字を表示するためのデフォルトのプレゼンテーション スタイルを指定します。このプロパティには次のいずれかの値を指定します。

  • normal: ブラウザが絵文字の表示方法を選択できるようにします。多くの場合、これはオペレーティング システムの設定に従います。
  • text: Unicode テキスト バリエーション セレクタ（U+FE0E）を使用しているかのように絵文字をレンダリングします。
  • emoji: Unicode 絵文字バリエーション セレクタ（U+FE0F）を使用しているかのように絵文字をレンダリングします。
  • unicode: 絵文字の表示プロパティに従って絵文字をレンダリングします。U+FE0E または U+FE0F の異体字セレクタが存在する場合、この設定はオーバーライドされます。

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: behind a flag.
  • Safari: behind a flag.

Source

ベータ版ブラウザのリリース

ブラウザのベータ版では、ブラウザの次の安定版で提供される予定の機能をプレビューできます。この期間は、サイトに影響を与える可能性のある新機能や削除を、世界にリリースされる前にテストする絶好の機会です。今月リリースされた新しいベータ版は Firefox 142 のみです。Safari 26 と Chrome 139 のベータ版はまだ進行中です。

Firefox 142 では、Selection に getComposedRanges() メソッドが実装されています。このメソッドは、現在の選択範囲を表す StaticRange オブジェクトの配列を返します。シャドウ境界をまたぐ可能性のある範囲を返すこともできます。また、優先タスク スケジューリング API も含まれており、アプリのタスクの優先度を割り当てて管理するための標準化されたメカニズムを提供します。