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

2023 年 6 月に Stable 版とベータ版のウェブブラウザに導入された興味深い機能をいくつかご紹介します。

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

2023 年 6 月に Firefox 114 が安定版になったため、今月は 1 つのブラウザの問題となります。ベータ版が安定版になった時点で相互運用可能になる予定の機能について詳しくは、ベータ版ブラウザのリリース セクションをご覧ください。

WebTransport API

Firefox 114 には、WebSocket の最新のアップデートである WebTransport API が含まれており、複数のストリーム、単方向ストリーム、順不同の配信をサポートします。

対応ブラウザ

  • 97
  • 97
  • 114
  • x

ソース

SVG crossorigin 属性

Firefox 114 では、SVG の <image> 要素と <feImage> 要素に crossorigin 属性も含まれており、要素の取得データに対するクロスオリジン リソース シェアリング(CORS)リクエストを設定できます。これは、HTML の crossorigin 属性と同じように機能します。

対応ブラウザ

  • 118
  • 118
  • 114
  • 17.2

ソース

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

ベータ版ブラウザのバージョンでは、次の安定バージョンのブラウザのプレビュー機能が提供されます。この機会に、自分のサイトがリリースされる前に新しい機能や削除をテストすることをおすすめします。Firefox 115Safari 17Chrome 115 および Safari 16.6)がベータ版として新たにリリースされます。これらのリリースは、プラットフォームに多くの優れた機能をもたらします。主な内容については、リリースノートをご覧ください。

Firefox 115 は CSS の animation-composition プロパティをサポートしています。Firefox のこのバージョンが 7 月 4 日に安定版になったら、3 つの主要なエンジンすべてで animation-composition がサポートされるようになります。詳しくは、アニメーション合成で複数のアニメーション効果を合成する方法を指定するをご覧ください。

また、ArrayTypedArray のメソッドのセットが 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-adjustoverflow-blockoverflow-inline)がリリースされ、すべての主要エンジンで利用可能になります。

「ウェブの新機能」シリーズの一部