2023 年 9 月に安定版およびベータ版のウェブブラウザでリリースされた、興味深い機能をいくつかご紹介します。
安定版ブラウザのリリース
2023 年 9 月に、Firefox 118、Safari 17、Chrome 117 が安定版になりました。この投稿では、それがウェブ プラットフォームにとって何を意味するのかを見ていきます。
grid-template-columns と grid-template-rows の subgrid 値は Chrome 117 で導入され、機能の相互運用が可能になっています。サブグリッドについて詳しくは、CSS サブグリッドをご覧ください。
Chrome には、開始アニメーションと終了アニメーションを簡単に追加できる 3 つの新しい CSS 機能も追加されています。また、ダイアログやポップオーバーなど、最上位レイヤで閉じることができる要素との間でスムーズにアニメーション化できます。transition-behavior プロパティ、@starting-style ルール、overlay プロパティについて詳しくは、開始アニメーションと終了アニメーションの 4 つの新しい CSS 機能をご覧ください。
また、Chrome 117 では、JavaScript 配列のグループ化と Object.groupBy 静的メソッドと Map.groupBy 静的メソッドのグループ化があります。
Safari 17 には popover 属性が含まれており、Popover API のサポートが追加されています。
Safari 17 と Firefox 118 には、HTML の <search> 要素が含まれています。この要素は、検索やコンテンツのフィルタリング機能を含むページまたはアプリの部分を表します。
Safari 17 には、@counter-style など、多くの新しい CSS 機能が含まれています。このルールでは、定義済みのスタイル リストにないカウンタ スタイルを定義できます。3 つのエンジンすべてでこの機能を使用できるようになりました。
Firefox 118 には、追加の CSS 数学関数 abs()、sign()、round()、mod()、rem()、pow()、sqrt()、hypot()、log()、exp() が含まれています。
Safari 17 は、HEIC/HEIF 画像と JPEG XL もサポートしています。
ベータ版ブラウザのリリース
ベータ版ブラウザのバージョンでは、ブラウザの次の安定版でリリースされる機能をプレビューできます。この機会に、一般公開に先駆けて、サイトに影響する可能性がある新機能や削除についてテストすることをおすすめします。新しいベータ版は Firefox 119、Safari 17.1、Chrome 118 です。このリリースでは、プラットフォームに多くの優れた機能が導入されています。主な内容についてはリリースノートをご覧ください
今月 Firefox と Safari にリリースされた <search> 要素が Chrome 118 に含まれるため、この機能は 3 つのエンジンすべてに迅速に実装されます。
Object.groupBy 静的メソッドと Map.groupBy 静的メソッドは Firefox 119 の一部です。
Chrome 118 には、@scope ルールを含む CSS スコープのスタイルと、prefers-reduced-transparency と scripting を含む新しいメディア機能が含まれています。
Safari 17.1 は現在、プラットフォーム全体のさまざまな問題を修正しているリリースです。