このページは Cloud Translation API によって翻訳されました。

Chrome 108 の新機能

Adriana Jara

必知事項は次のとおりです。

新しいビューポートサイズユニットを使用すると、アダプティブ UI を簡単に作成できます。
カラーベクターフォントが可変フォントをサポートするようになりました。
File System Access API の一部であるインターフェース FileSystemSyncAccessHandle のメソッドが同期になりました。
他にもいろいろ

Adriana Jara です。Chrome 108 のデベロッパー向け新機能を詳しく見ていきましょう。

新しいビューポートサイズの単位

新しいビューポートユニットにより、アダプティブ UI をより詳細に制御できるようになりました。

これらのユニットでは、展開または折りたたみが可能なブラウザの UI 要素が考慮されるため、ビューポート領域の測定方法が異なります。（アドレスバーなど）。

large ユニットは、ユーザーエージェントインターフェースが折りたたまれていると仮定してビューポートのサイズを指定します。

一方、small ユニットは、インターフェースが展開されていることを前提としてビューポートサイズを指定します。

dynamic ユニットを使用すると、ブラウザのインターフェース要素が表示されるかどうかに応じて、ビューポートのサイズが自動的に調整されます。

値は、大きい単位（最大値）と小さい単位（最小値）の制限内の任意の値になります。

ビューポートユニットのタイプ別のビューポートの各部分。

詳しくは、こちらの記事をご覧ください。また、ビューポートを適切に処理するには、Android のビューポートのサイズ変更動作での変更も確認してください。

COLRv1 で可変フォントがサポートされるようになりました。

COLRv1 カラーベクターフォントは Chrome 98 以降でサポートされていますが、初期リリースでは COLRv1 テーブルの静的な機能のみがサポートされていました。

ただし、COLRv1 の仕様には OpenType のバリエーションも含まれており、変数の軸の値を変更することでフォントプロパティを変更できます。現在、このようなバリエーションはサポートされています。

このリリースには、CSS @supports に対する font-tech() および font-format() 条件拡張機能も含まれています。

これらの条件により、デベロッパーはフォント機能が使用可能になったときにそれを検出して、ユーザーに最新のエクスペリエンスを提供し、サポートが提供されない場合のフォールバックを作成できます。

こちらのデモで実際に試して、可変フォントで言葉にインパクトを与えましょう。

FileSystemSyncAccessHandle メソッドが同期されるようになりました。

元の非公開ファイルシステムでは、パフォーマンスが高度に最適化された特殊なファイルにアクセスできます。デベロッパーは、FileSystemFileHandle オブジェクトで公開されるメソッドである createSyncAccessHandle() を呼び出すことで、そのようなファイルにアクセスできます。

この呼び出しの結果は FileSystemSyncAccessHandle になります。

そのアクセスハンドルのメソッド truncate(newSize)、getSize()、flush()、close() は、以前は非同期でしたが、Chrome 108 では同期になりました。

この変更には正当な理由があります。これにより、FileSystemSyncAccessHandle が Wasm ベースのアプリケーションが期待する同期型の POSIX 形式のファイル API と一致するようになり、API がより人間工学的になり、パフォーマンスが大幅に向上します。

これは互換性を破る変更です。上記のメソッドを使用している場合、Promise.then() を使用すると機能しなくなります。以前は非同期だったメソッドと同期型のメソッドの結果に対して then() 呼び出しを連結する場合は、コードを変更する必要があります。

// ⛔️ This will break, and you need to restructure your code:
accessHandle.flush().then(/* Follow-up code */);
// ✅ Correct:
accessHandle.flush();
/* Follow-up code */

詳細な手順については、こちらの記事をご覧ください。

など多数

他にもたくさんあります。

置換された要素に対する overflow の動作が変更されています。
ID プロバイダの方は、Federated Credential Management API をご確認ください。
Media Source Extensions API がワーカーコンテキストで利用できるようになりました。

Chrome 108 の新機能

新しいビューポート サイズの単位

COLRv1 で可変フォントがサポートされるようになりました。

FileSystemSyncAccessHandle メソッドが同期されるようになりました。

など多数

関連情報

登録

新しいビューポートサイズの単位