Chrome 113 の新機能

Adriana Jara

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

Adriana Jara と申します。Chrome 113 のデベロッパー向けの新機能について詳しく見てみましょう。

WebGPU が登場しました。

WebGPU はウェブ向けの新しい API です。Direct3D 12、Metal、Vulkan と同様に、最新のハードウェア機能を公開し、GPU でレンダリングと計算オペレーションを可能にします。

WebGL ファミリーの API とは異なり、WebGPU はより高度な GPU 機能にアクセスでき、GPU での一般的な計算をファーストクラスでサポートします。

この API は、ウェブ プラットフォームを念頭に設計されています。特徴は次のとおりです。 JavaScript の慣用的な API。プロミスとの統合。動画のインポートをサポート。エラー メッセージが優れた洗練されたデベロッパー エクスペリエンス。

広く使用されている多くの WebGL ライブラリは、すでに WebGPU サポートの実装に取り組んでいるか、すでに実装しています。つまり、WebGPU を使用するには、1 行の変更のみが必要になる場合があります。次に例を示します。

  • Babylon.js: WebGPU を完全にサポートしています。
  • PlayCanvas: WebGPU の初期サポートを発表しました。
  • TensorFlow.js: ほとんどの演算子の WebGPU 最適化バージョンをサポートしています。
  • Three.js: WebGPU のサポートは現在開発中です。

詳細については、MDN の WebGPU のドキュメントをご覧ください。

Devtools レスポンス ヘッダーのオーバーライド。

DevTools の [ネットワーク] パネルでレスポンス ヘッダーをオーバーライドできるようになりました。

これまでは、HTTP レスポンス ヘッダーをテストするにはウェブサーバーにアクセスする必要がありました。

レスポンス ヘッダーのオーバーライドを使用すると、次のようなさまざまなヘッダーの修正をローカルでプロトタイプ化できます。

ヘッダーをオーバーライドするには、[ネットワーク] > [ヘッダー] > [レスポンス ヘッダー] に移動し、ヘッダーの値にカーソルを合わせて [編集] をクリックして編集します。

ヘッダーのオーバーライドで CORS エラーを修正しました。

新しいヘッダーを追加することもできます。

カスタム ヘッダーの追加。

すべてのオーバーライドを 1 か所で編集できます。

すべてのオーバーライドの編集。

この機能の使用方法と DevTools のその他の更新については、こちらの記事をご覧ください。

ファーストパーティ セットがリリースされています。

ファーストパーティ セット（FPS）が安定版にリリースされました。ファーストパーティ セットは、プライバシー サンドボックスの一部です。組織がサイト間の関係を宣言して、ブラウザが制限されているサードパーティ Cookie の特定の目的でのアクセスを許可できるようにする方法です。

brandx.com、fly-brandx.com、drive-brandx.com を 1 つのグループとして、example.com、example.rs、example.co.uk を別のグループとして示す図。

ファーストパーティ セットの作業の一環として、Chrome では Storage Access API を実装して拡張し、サイトがサードパーティのコンテキストで Cookie へのアクセスをリクエストできるようにしています。これにより、関連するサイト（異なるドメイン名や国固有のドメインを使用しているサイトなど）を持つ組織でも、シングル サインオンや共有セッションなどのサービスを提供できます。注: この API は、テストと評価を可能にするために、数週間かけてユーザーに段階的にリリースされます。

その他

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

  • 接頭辞のない image-set タイプが利用可能になったため、作成者は -webkit-image-set を使用する必要がなくなり、現在の仕様に準拠しています。
  • overflow-inline メディア機能と overflow-block メディア機能がサポートされるようになりました。
  • WebGPU WebCodecs の統合のオリジン トライアルがあります。

関連情報

主なハイライトのみを記載しています。Chrome 113 のその他の変更については、下記のリンクをご覧ください。

登録

最新情報を入手するには、Chrome Developers の YouTube チャンネルにチャンネル登録してください。新しい動画が公開されると、メール通知が届きます。

Adriana Jara と申します。Chrome 114 がリリースされ次第、Chrome の新機能についてお知らせします。