2023 年 6 月に Stable 版とベータ版のウェブブラウザに導入された興味深い機能をいくつかご紹介します。
安定版ブラウザのリリース
2023 年 6 月に Firefox 114 が安定版になったため、今月は 1 つのブラウザの問題となります。ベータ版が安定版になった時点で相互運用可能になる予定の機能について詳しくは、ベータ版ブラウザのリリース セクションをご覧ください。
WebTransport API
Firefox 114 には、WebSocket の最新のアップデートである WebTransport API が含まれており、複数のストリーム、単方向ストリーム、順不同の配信をサポートします。
SVG crossorigin
属性
Firefox 114 では、SVG の <image>
要素と <feImage>
要素に crossorigin
属性も含まれており、要素の取得データに対するクロスオリジン リソース シェアリング(CORS)リクエストを設定できます。これは、HTML の crossorigin
属性と同じように機能します。
ベータ版ブラウザのリリース
ベータ版ブラウザのバージョンでは、次の安定バージョンのブラウザのプレビュー機能が提供されます。この機会に、自分のサイトがリリースされる前に新しい機能や削除をテストすることをおすすめします。Firefox 115 と Safari 17(Chrome 115 および Safari 16.6)がベータ版として新たにリリースされます。これらのリリースは、プラットフォームに多くの優れた機能をもたらします。主な内容については、リリースノートをご覧ください。
Firefox 115 は CSS の animation-composition
プロパティをサポートしています。Firefox のこのバージョンが 7 月 4 日に安定版になったら、3 つの主要なエンジンすべてで animation-composition
がサポートされるようになります。詳しくは、アニメーション合成で複数のアニメーション効果を合成する方法を指定するをご覧ください。
また、Array
と TypedArray
のメソッドのセットが Firefox 115 との相互運用性を実現しました。Array.toReversed()
、Array.toSorted()
、Array.toSpliced()
、Array.with()
、TypedArrays.toReversed()
、TypedArrays.toSorted()
、TypedArrays.with()
は、シャローコピーされた要素を含む新しい配列を返します。
Safari 17 ベータ版には、さまざまな新機能や修正が含まれています。Safari 17 では、macOS Sonoma にウェブアプリが追加されました。[ファイル] メニューまたは [シートを共有] から Dock にウェブサイトを追加すると、ウェブサイトが新しいウィンドウで開きます。
また、Safari 17 では、相互運用可能な一部の機能(contain-intrinsic-size
、@counter-style
、@font-face size-adjust、overflow-block
、overflow-inline
)がリリースされ、すべての主要エンジンで利用可能になります。