12 月にウェブ プラットフォームを利用

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

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

12 月に Firefox 108Safari 16.2 が安定版になりました。これがウェブ プラットフォームにとってどのような意味を持つのかを見ていきましょう。

<source>height 属性と width 属性のサポート

Firefox 108 では、<source> 要素が <picture> 要素の子である場合、その要素の height 属性と width 属性がサポートされます。これらの属性では、画像の高さまたは幅をピクセル単位で整数で指定します。

対応ブラウザ

  • 90
  • 90
  • 108
  • 15

三角関数 CSS 関数

Firefox では、CSS の三角関数(sin()cos()tan()asin()acos()atan()atan2())もサポートされるようになりました。

対応ブラウザ

  • 111
  • 111
  • 108
  • 15.4

ソース

3 つのエンジンすべてで最後のベースラインをサポート

Safari 16.2 には、CSS に関するいくつかの修正に加えて、CSS グリッドと Flexbox レイアウトに対する last baseline の配置が含まれ、この機能は 3 つの主要なブラウザ エンジンでサポートされるようになりました。

CSS font-variant-alternates

Safari では、font-variant-alternates CSS プロパティに、annotation(value-name)、 character-variant(value-name)、ornaments(value-name)、styleset(value-name)、stylistic(value-name)、swash(value-name) と、関連する @font-feature-values アット ルールという追加の値のサポートが追加されました。

対応ブラウザ

  • 111
  • 111
  • 34
  • 9.1

ソース

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

ベータ版ブラウザのバージョンでは、次の安定バージョンのブラウザのプレビュー機能が提供されます。この機会に、自分のサイトがリリースされる前に新しい機能や削除をテストすることをおすすめします。新しいベータ版は Firefox 109Safari 16.3Chrome 109 です。

Safari 16.3 でリストされている唯一の新機能は、Content-Security-Policy(CSP)prefetch-src ディレクティブの追加です。このベータ版では、いくつかの修正も行われています。

Chrome 109 は MathML Core をサポートしています。これは、HTML と SVG に埋め込める数学的表記法を記述するための言語です。

Android 版 Chrome に新たに安全なお支払いの確認(SPC)が追加されました。これは、お客様がクレジット カード発行会社、銀行、その他の決済サービス プロバイダに対してプラットフォーム認証システム(通常は指紋認証センサーなどのデバイスの画面ロック解除機能で有効化)を使用して認証できるようにする、ウェブ標準として提案されています。

また、Android 版 Chrome には、Android 版 File System Access API の一部である Origin Private File System(OPFS)も新たに導入されています。これには、show{OpenFile, SaveFile, Directory}Picker() メソッドと Drag and Drop API 統合を除くすべての File System Access API サーフェスが含まれます。

Chrome の CSS の場合、長さの単位は lh です。この単位は、それが使用されている要素の line-height プロパティの計算値と同等です。また、ハイフン付きの単語の最小文字数を指定する hyphenate-limit-chars プロパティ。

本稿執筆時点ではおそらくホリデー シーズンのため、Firefox のリリースノートは更新されていません。

その他のニュース

このブログ投稿シリーズの第 12 回となるこの投稿では、2022 年にブラウザに移行した興味深い話題を毎月ご紹介します。2023 年も引き続き、ウェブ プラットフォームに登場する興味深い情報を毎月ご紹介します。

この 1 年間でブラウザに導入された多くの機能と、「CSS 修正」として言及された機能の多くは、Interop 2022 でリリースされました。詳しくは、Chrome チームの年度末レポートをご覧ください。このクロスブラウザ イニシアチブは、ウェブ プラットフォームにおける相互運用性の主な問題点の改善に役立ちます。

最後に、この投稿を読んでいる人が興味を持たれるのは、MDN のブラウザ互換性データに基づくこちらのアップデートのリストです。これらは、MDN の仲間からリリースされています。

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