Chrome 146 の新機能

Rachel Andrew

公開日: 2026 年 3 月 10 日

Chrome 146 がリリースされました。この投稿では、このリリースにおける主な機能の一部をご紹介します。Chrome 146 のリリースノート全文をご覧ください。

このリリースのハイライトは次のとおりです。

スクロールでトリガーされるアニメーション

この機能により、スクロール位置に基づくアニメーションの制御（アニメーションの再生、一時停止、リセットなど）が可能になります。

ウェブ上のページでよく見られるパターンは、スクロール位置に達したときにアニメーションを開始することです。デベロッパーは多くの場合、JavaScript を使用して、要素がスクロール コンテナのビューポート内にあることを手動で検出し、対応するアニメーション（要素をビューにスライドさせるなど）を開始します。これらのユースケースの多くは、宣言的に提供される情報に依存しています。この機能を使用すると、CSS でこのようなインタラクションを宣言的に作成できます。

詳しくは、スクロール トリガー アニメーションの導入をご覧ください。

スコープ付きカスタム要素レジストリ

この機能により、1 つのタグ名に対して複数のカスタム要素定義をページ内に存在させることができます。これにより、ウェブアプリが複数のソースのライブラリを使用している場合に、カスタム要素名の競合を防ぐことができます。これは、ユーザーコードが複数のカスタム要素レジストリを作成し、それらをツリー スコープとスコープ オブジェクトとして機能する要素に関連付けることで実現されます。

詳細については、スコープ付きレジストリを使用してカスタム要素の動作を制御するをご覧ください。

Sanitizer API

Sanitizer API は、任意のユーザー提供の HTML コンテンツからスクリプトを実行する可能性のあるコンテンツを削除する方法を提供します。この目標は、XSS のないウェブ アプリケーションを簡単に構築できるようにすることです。これは、Sanitizer API の作成を試みた以前のバージョンの更新版です。この新バージョンは Firefox でもご利用いただけます。

関連情報

ここでは、主なハイライトの一部のみを取り上げます。Chrome 146 のその他の変更については、以下のリンクをご覧ください。

登録

最新情報を入手するには、Chrome Developers YouTube チャンネルに登録してください。新しい動画が公開されるたびにメール通知が届きます。X または LinkedIn で Google をフォローして、新しい記事やブログ投稿を入手することもできます。

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