CSS の新しい色タイプと色空間、CSS の三角関数、View Transitions API が追加されました。
特に記載のない限り、以下の変更は Android、ChromeOS、Linux、macOS、Windows 向けの最新の Chrome Beta チャンネル リリースに適用されます。こちらに記載されている機能について詳しくは、リンク先または ChromeStatus.com のリストをご覧ください。Chrome 111 は 2023 年 2 月 9 日の時点でベータ版です。最新バージョンはパソコン版の Google.com または Android 版の Google Play ストアでダウンロードできます。
CSS
CSS の新しい色タイプとスペース
CSS 色レベル 4 で説明されているすべての機能が有効になりました。これには、デバイスに依存しない 4 つの色タイプ(lab、Oklab、lch、Oklch)、color()
関数、グラデーションやアニメーションのユーザー定義の色空間が含まれます。
新しい色タイプと空間について詳しくは、CSS の高精細カラーガイドをご覧ください。
color-mix()
関数
また、CSS Color 5 の非常に便利な color-mix()
関数も配信しています。この関数を使用すると、サポートされている任意の色空間で、ある色の割合を別の色に混ぜることができます。次の例では、blue
の 10% を SRGB の white
にミックスします。
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
CSS セレクタ 4 疑似クラス :nth-child(an + b of S)
:nth-child(an + b)
と :nth-last-child()
を拡張してセレクタを取得します。たとえば、:nth-child(3 of .c)
は、指定された親の 3 番目の .c
です。詳しくは、of S
構文を使用して :nth-child()
の選択を細かく制御するをご覧ください。
CSS ルート フォント ユニット
ルート フォント ユニット(rex
、rch
、ric
、rlh
)を rem
の既存のルート フォント ユニットに追加しました。
CSS 三角関数
CSS の数式に三角関数 sin()
、cos()
、tan()
、asin()
、acos()
、atan()
、atan2()
が追加されました。
CSS カスタム プロパティのコンテナクエリのスタイル設定
style()
関数を @container
ルールに追加しました。これにより、祖先要素のカスタム プロパティの計算値に基づいてスタイルを適用できるようになります。
baseline-source
プロパティ
ウェブ デベロッパーは baseline-source
プロパティを使用して、インライン レベルのボックスでラインボックス内の配置に first
または last
ベースラインを使用するかどうかを指定できます。
ウェブ API
window-management
権限と権限ポリシーの文字列
Chrome 111 では、window-placement
権限と権限ポリシーの文字列のエイリアスとして window-management
が追加されました。これは、最終的に window-placement
のサポート終了と削除により文字列の名前を変更する大規模な取り組みの一環です。Window Management API が時間の経過とともに進化するにつれて、用語の変更により記述子の寿命が延びます。
Media Session API: プレゼンテーションのスライド操作
既存の Media Session API に previousslide
アクションと nextslide
アクションを追加しました。
サイズ変更可能な ArrayBuffer
と拡張可能な SharedArrayBuffer
ArrayBuffer
コンストラクタを拡張して、バッファのインプレースの拡大と縮小を可能にする追加の最大長を使用します。同様に、SharedArrayBuffer
は、インプレース拡張を可能にする追加の最大長を使用するように拡張されます。
推測ルール: リファラー ポリシーキー
これにより、投機ルールの構文が拡張され、投機ルールによってトリガーされる投機的リクエストで使用するリファラー ポリシーを指定できるようになります。また、「十分に厳密なリファラー ポリシー」要件が導入されます。
ストリーミング宣言型 Shadow DOM
これにより、シャドウルートの終了テンプレート タグではなく開始にシャドウルートを添付することで、ストリーミングのサポートが追加されます。
Transitions API を表示
ビューのスナップショットを作成し、状態が重なることなく DOM を変更できるようにすることで、シングルページ アプリケーション(SPA)で洗練された遷移を作成できます。ビュー遷移を使用してカスタム遷移を作成するか、シンプルなクロスフェードのデフォルトを使用してユーザー エクスペリエンスを向上させます。
移行の詳細や移行例については、Chrome デベロッパー向けの記事をご覧ください。
WebRTC スケーラブルな動画コーディング拡張機能
この拡張機能は、送信 WebRTC 動画トラックで可能な Scalable Video Coding(SVC)設定から選択するための標準メソッドを定義します。
WebXR の enabledFeatures
属性
XRSessionInit
で指定された、この XRSession
で有効になっている機能のセットと、指定されたモードと機能に対して仕様で要求される暗黙の機能を返します。許可されたセッションの場合は、すべての requiredFeatures
が含まれますが、optionalFeatures
のサブセットでもかまいません。ほとんどの機能には、付与されたかどうかを検出する別の方法があります。ただし、機能によっては、その機能が有効になっているかどうかのシグナルが、データが利用できないというより、現在利用できないというだけのデータと密接に関係している場合があります。enabledFeatures
をクエリすることで、有用なヒント(改善やトラッキングの開始など)を表示するか、または現在のセッションでその機能がサポートされないかどうかを判断できます。
オリジン トライアルが進行中
Chrome 111 では、以下の新しいオリジン トライアルを有効にできます。
Web Payment API での connect-src
CSP バイパスの削除に対するトライアルのサポートを終了
マニフェストの取得時に connect-src CSP ポリシーをバイパスする Web Payment API の機能のサポートを終了しました。サポート終了後は、サイトの connect-src CSP ポリシーで、PaymentRequest 呼び出しで指定されたお支払い方法の URL と、マニフェストを取得するためにメソッド チェーンが連結するその他のすべての URL を許可する必要があります。
Chrome 111 では、バイパスを一時的に再度有効にする必要があるデベロッパーを対象に、111 ~ 113 のリバース オリジン トライアルで、このバイパス機能は削除されます。これを有効にするには、connect-src
CSP のバイパスのリバース非推奨トライアルにご登録ください。
ドキュメントのピクチャー イン ピクチャー
Document Picture-in-Picture API は、任意の HTML コンテンツを入力できる常時表示ウィンドウを開く新しい API です。これは、既存の Picture-in-Picture API の拡張であり、HTMLVideoElement を PIP ウィンドウに配置することのみを可能にします。これにより、ウェブ デベロッパーはユーザーに優れた PIP エクスペリエンスを提供できます。
詳しくは、ピクチャー イン ピクチャーのドキュメントに関するドキュメントをご覧ください。
Document Picture-In-Picture オリジン トライアルに登録します。
サポートの終了と削除
このバージョンの Chrome では、下記のサポート終了と削除を行います。サポート終了の予定、現在のサポート終了、これまでの削除情報のリストについては、ChromeStatus.com をご覧ください。
今回の Chrome リリースでは、3 つの機能が削除されました。
PaymentInstruments の削除
PaymentInstruments は、JIT 以外の決済アプリのインストールをサポートするウェブ API です(https://w3c.github.io/payment-handler/ を参照)。この設計は、ブラウザが実際の支払い方法の詳細を保存することを前提に設計されていますが、実際の支払い方法は事実に反し、プライバシーが漏洩することもあります。他のブラウザではリリースされておらず、他のブラウザ ベンダーから関心は寄せられていません。そのため、この API は非推奨となり、削除されました。
Web Payment API で connect-src
CSP バイパスを削除
マニフェストの取得時に Web Payment API が connect-src
CSP ポリシーをバイパスする機能のサポートを終了。今回の削除後、サイトの connect-src
CSP ポリシーでは、PaymentRequest の呼び出しで指定されたお支払い方法の URL と、マニフェストを取得するためにメソッドが連結するその他の URL を許可する必要があります。
非推奨トライアルにオプトインする方法については、オリジン トライアルの情報をご覧ください。この期間に、今回の削除によって必要な変更を行うための期間を延長できます。
canmakepayment
イベントの販売者 ID
canmakepayment
Service Worker イベントは、ユーザーがインストール済みの決済アプリにカードを登録しているかどうかを販売者に知らせるものです。これは、決済アプリのオリジンから Service Worker に販売者のオリジンと任意のデータを通知せずに渡すために使用されていました。このクロスオリジン通信は JavaScript での PaymentRequest コンストラクションで発生し、ユーザー操作は必要とせず、ユーザー インターフェースも表示しませんでした。このサイレント データ パッセージは、canmakepayment
イベントと Android の IS_READY_TO_PAY
インテントから削除されました。