5 月にウェブ プラットフォームを導入

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

Rachel Andrew

公開日: 2025 年 5 月 29 日

安定版ブラウザ リリース

2025 年 5 月に、Firefox 139、Chrome 137、Safari 18.5 が安定版になりました。この記事では、これらのリリースでウェブ プラットフォームに追加された新機能について説明します。

Temporal API

Firefox 139 は、Temporal API をサポートする最初のブラウザです。これにより、タイムゾーンとカレンダーの表現が組み込まれているため、さまざまなシナリオで日時を簡単に操作できます。

hidden=until-found と beforematch イベント

Firefox 139 には、hidden="until-found" HTML 属性と beforematch イベントも含まれています。until-found 状態を使用すると、ユーザーが検索（「ページ内検索」など）またはフラグメント ナビゲーションによって見つけるまで、要素のコンテンツを非表示にできます。beforematch イベントは、hidden 属性が削除される直前に発生します。

requestClose() メソッド

ベースライン Firefox 139 リリースで新たに利用可能になった HTMLDialogElement インターフェースの requestClose() メソッド。

このメソッドは、close イベントを発生させる前に cancel イベントを発生させる点が HTMLDialogElement.close() メソッドと異なります。

CSS reading-flow と reading-order

Chrome 137 では reading-flow と reading-order が提供されます。reading-flow CSS プロパティは、フレックス、グリッド、ブロック レイアウト内の要素がユーザー補助ツールに公開される順序と、リニア シーケンシャル ナビゲーション メソッドを使用して要素にフォーカスを合わせる方法を制御します。これにより、グリッド レイアウトとフレックス レイアウトに関する長年の課題が解決されます。この課題では、タブ順序がアイテムのレイアウト順序と一致しなくなる可能性があります。

reading-order CSS プロパティを使用すると、読み上げフロー コンテナ内のアイテムの順序を手動でオーバーライドできます。このプロパティをグリッド、フレックス、ブロック コンテナ内で使用する場合は、コンテナの reading-flow 値を source-order に設定し、個々のアイテムの reading-order を整数値に設定します。

詳しくは、論理的な連続フォーカス ナビゲーションに CSS 読み上げフローを利用するをご覧ください。

CSS if() 関数

Chrome 137 では、CSS if() 関数を使用して条件値を簡潔に表現できるようになりました。セミコロンで区切られた一連の条件値ペアを指定します。この関数は、各条件を順番に評価し、最初の true 条件に関連付けられた値を返します。どの条件も true と評価されなかった場合、関数は空のトークン ストリームを返します。

Document-Isolation-Policy

Chrome 137 でリリースされた Document-Isolation-Policy を使用すると、ドキュメント自体で crossOriginIsolation を有効にできます。COOP や COEP をデプロイする必要はなく、ページの crossOriginIsolation ステータスも関係ありません。このポリシーはプロセス分離によってサポートされています。また、ドキュメントの CORS 以外のクロスオリジン サブリソースは、認証情報なしで読み込まれるか、CORP ヘッダーが必要になります。

宣言型ウェブプッシュ

Safari 18.5 は主にバグ修正のリリースですが、macOS に宣言型ウェブプッシュが追加されています。この機能は現在、Safari でのみ利用できます。詳しくは、WebKit ブログの 宣言型ウェブプッシュの概要をご覧ください。

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

ブラウザのベータ版では、ブラウザの次の安定版に含まれる機能のプレビューを利用できます。リリース前に、サイトに影響する可能性がある新機能や削除をテストできます。新しいベータ版は Firefox 140 と Chrome 138 です。

Firefox 140 には、Cookie Store API のサブセットが含まれています。これは、Cookie を管理するための最新の非同期 Promise ベースの方法で、メインスレッドとサービス ワーカーの両方で使用できます。

Chrome 138 には、Summarizer API、Language Detector API、Translator API など、多くの AI API が組み込まれています。

Chrome 138 には、stretch サイズ設定キーワード、sibling-index() 関数、sibling-count() 関数など、多くの CSS 機能が含まれています。