デジタルマーケティングTips
Chrome 130 仕様変更発表まとめ
Google Chrome 130の主要な仕様変更発表のまとめです。(ベータ版時点での情報です)
要点
- 追加・拡張：
以下の機能が追加・拡張され、表現力・利便性が向上します
・通信圧縮(Brotli・Zstandard)で過去の応答内容を圧縮用辞書に使える 等 - 仕様変更：
以下の仕様が変更されます
これを使用している場合は設定の移行等が必要になります
・スクロールコンテナがキーボードフォーカス対象に変更される 等 - 廃止・削除：
以下の機能が使用できなくなります
これを使用している場合は設定の移行等が必要になります
・ペン入力補完処理・GPU情報取得機能の一部が廃止される 等
メルマガでも情報を配信中です！ ぜひご登録ください。
追加・拡張
CSS：入れ子CSS宣言用のルール
CSSNestedDeclarations
…入れ子にされたCSSルールのあとに入れ子でないルールを記載した場合、それらの宣言をCSSNestedDeclarationsで囲むことで、正常に解析処理が行われるようになります。
CSS：複数行テキストの囲み方指定
box-decoration-breakプロパティ(複数行にわたるテキスト要素の囲み方の指定)で、
box-decoration-break: clone;(行単位で分離してそれぞれ囲みを閉じる)が指定できるようになります。
以前はプレフィックスなしだとbox-decoration-break: slice;(1つの囲みを改行部分で分離する)のみ対応で、本指定は-webkit-box-decoration-break: clone;とプレフィックスつきにする必要がありましたが、今回の変更で、プレフィックスなしでの記述も可能になります。
CSS：::part()擬似要素にさらに擬似要素・擬似クラスを付加可能に
::part()擬似要素(シャドウツリー内でカッコ内の指定文字列と同名のpart属性を持つ要素を指定・参照できる)に対して、更に後ろに擬似クラス・擬似要素指定を付加したCSS設定が可能になります。
Attribution Reporting API：アトリビューションスコープ
- Attribution Reporting APIで、
attribution_scopesフィールドの指定(⇒フィルタリング等)が可能になります。
アトリビューションの粒度制御が細やかにできるようになり、複数ルートからのコンバージョン計測であっても適切なレポートを受け取れるようになります。
過去の応答内容を辞書に使用した通信データ圧縮
- 共有Brotliおよび共有Zstandardでの圧縮転送(サーバー側で対応させるとHTML等の転送を劇的に軽量化できる)について、過去の応答内容を外部共有辞書として使用できるようになります。
ユーザー側でのポリシー設定が必要な場合あり
この機能はユーザー側の組織のネットワーク/セキュリティ構成によっては、ブラウザ利用/ページ表示に支障が発生する可能性があります(トラフィックの傍受とみなされたり、未知の文字コードへの対応が不十分だったりする場合があります)。そのような場合は、ユーザー側の組織全体のChromeに対するポリシー設定(
CompressionDictionaryTransportEnabledポリシー)で圧縮辞書利用を無効化すると、問題を回避できます。
スムーズスクロール機能
scrollIntoView()メソッドで指定部分までスクロールを行う際に、カッコ内で{behavior: "smooth"}を指定することで、ページ内をスムーズにスクロールできるようになります。
ページ読み込み時にいきなりアンカーで表示位置を指定したらスクロールが失敗する、という場合にも活用が可能です。
子ウィンドウを固定位置・サイズで開く設定
- Document Picture-in-Picture APIで、子ウィンドウを開くときのパラメーターに
preferInitialWindowPlacement: trueをつけると、過去のウィンドウ位置・サイズを継承せず、デフォルト値にリセットして開けるようになります。
IndexedDBの読み込みエラー報告機能
- IndexedDBで大型データの読み込みにエラーが発生した場合に、
DOMExceptionインターフェイスに読み込み失敗のエラーメッセージを格納するようになります。
読み込み対象が存在しない場合はDOMExceptionにNotFoundErrorが入ります。
Protected Audience API：広告演算処理のクラウド対応
- Protected Audience API※を使ってデジタル広告表示用の入札・オークションを行う際に、演算処理をユーザーのデバイス内でなくクラウドサーバーで行えるようになります。これにより、ローカルデバイス内の演算処理やネットワーク帯域の負荷を減らすことができます。
※Protected Audience API(旧称：FLEDGE)…サードパーティCookieに代わる新世代のデジタル広告・プライバシー保護技術「プライバシーサンドボックス」の一部で、訪問者の再訪を促すリマーケティング広告等に使用されます
WebAssemblyがJavaScript文字列演算機能を内蔵
- JavaScriptの文字列演算処理がWebAssemblyでも使用できるようになります。
WebGPU：デュアルソースブレンディング
- デュアルソースブレンディング(2つのフラグメントシェーダーの出力・表示を単一のフレームバッファに結合・合成する機能)がGPUで処理できるようになります。
Web Serial：無線接続向けのポート使用状況検出機能
SerialPort.connected…新たに対応した属性です。シリアルポートが論理的に接続されている場合にtrueを返します。無線接続の場合も同様で、具体的にはRFCOMM(Bluetoothでシリアルポートをエミュレーションする機能)を使う場合に、ポートが接続中か非接続状態かを検出して処理できるようになります。
オリジントライアル(先行試験実装)
サイト管理者がオリジントライアル登録することで、以下の機能が先行利用可能になります。
言語自動判別
- Language Detector API…入力/表示文字列が何語で書かれているかをパーセンテージつきで自動判別するJavaScript APIが使えるようになります。
WebAuthn：複数のパスキー認証の併用(Android)
※オリジントライアルは、サイト管理者がオリジントライアル管理画面から対象オリジン(ドメイン)を登録し、発行されたトークンをHTMLにmetaタグとして設置した場合のみ、期間限定で有効になります。(詳細はGoogleの解説を参照)
修正・改善
特別でないURLの解析処理改善
- URL解析処理について、スキーム名が「http」「https」「ftp」「file」「ws」「wss」以外の、いわゆる「特別でないURL(Non-special URL)」でも、コロンのあとにスラッシュ2個がつく場合、最初のスラッシュを境に前後をホスト名とパスに分けて処理してくれるようになります。
これにより、意図しない不透明パス(スラッシュで分割されないパス)が発生する問題が改善されます。
仕様変更
CSS：シャドウDOM使用時のコンテナクエリ情報参照変更
- コンテナクエリの仕様変更により、解析時にフラットツリーの祖先方向の情報がたどられるようになりました。
影響を受けるのはシャドウDOMを使う場合で、::part()や::slotted()のようなカッコ内参照を持つ擬似要素がなくても、指定要素や祖先の入っているシャドウツリー内の名前なしコンテナを参照できるようになります。
アトリビューションレポート用のデバッグキー要件変更
- アトリビューションレポートにデータが含まれるようにするための、サードパーティCookieのデバッグキー設定条件(API呼び出し元側で指定)が変更されます。
変更前：ソースデバッグキーとトリガーデバッグキーの少なくとも片方が指定されていること
↓
変更後：ソースデバッグキーとトリガーデバッグキーの両方が指定されていること
スクロールコンテナをキーボードフォーカス対象に変更
- Tabキーでのフォーカス移動(アクセシビリティ対応時に重要)について、スクロールコンテナ(枠のサイズ指定に収まらないコンテンツをスクロール表示させる要素)が移動対象になるかどうかの条件が変更されます。デフォルトの動作は[Tabキー移動対象外(拾われない)]から[Tabキー移動対象(拾われる)]に変更されます。
- 変更前…
tabindex属性の値が0または正の数で明示的に指定されている場合のみ対象
(<○○ tabindex="0">等0以上の属性値があればTabキーを打ってフォーカスが該当領域に止まるが、それ以外は基本的に素通りする)
↓ - 変更後…
tabindex属性の値が負の数で明示的に指定されている場合のみ対象外で、それ以外は対象
(<○○ tabindex="-1">等マイナス属性値があればTabキーを打ってもフォーカスが該当領域を素通りするが、それ以外は基本的に止まる)
tabindex="0"等で明示的に移動対象に指定しないと、スクロール要素への移動がスキップされ、子要素に直接フォーカスが飛びます。 - 変更前…
- 対応が間に合わない場合、デプリケーショントライアルを申請することで、Chrome 132まで適用を猶予できます。
また、Chrome Enterpriseポリシーの「KeyboardFocusableScrollersEnabled」のオプトアウトでも、Chrome 134提供終了まで組織内の仕様変更猶予が可能です。
廃止・削除
ペン入力補完処理の解析機能一部削除
Ink API(手描き入力でペン/マウスの動きが速くても線が途切れないよう補完する機能)のDelegatedInkTrailPresenterインターフェイス(範囲・位置の管理)について、expectedImprovement属性(待ち時間の改善状況を返す)が廃止されます。
GPU情報取得機能一部廃止
- WebGPUで、GPU情報取得に用いられていた
requestAdapterInfo()非同期メソッドのサポートが廃止されます。代替機能としてはGPUAdapterInfoで同期取得が可能になっています。
※参照：Chrome 130 beta - Chrome for Developers (2024/09/18)
https://developer.chrome.com/blog/chrome-130-beta
Roadmap - Chrome Platform Status
https://chromestatus.com/roadmap
マックスマウスからのお知らせ
Web制作・マーケティング担当者向けのお役立ち情報をメールマガジンでお届け！
WebサイトやSNSでの情報発信の安定化・効率化、CMS導入・運用、脆弱性対策、Flashコンテンツ置き換え、Webプロモーションなどなど、Web制作・マーケティング関係者向けの課題解決に役立つ、便利なサービス情報や活用法などをご案内します。
いますぐご登録ください！
