Chrome 148 の新機能

Rachel Andrew

公開日: 2026 年 5 月 5 日

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

このリリースのハイライト:

CSS の名前のみのコンテナクエリ

CSS クエリ コンテナは、container-type を必要とせずに、container-name のみに基づいてクエリできるようになりました。

#container {
  container-name: --foo;
}
@container --foo {
  input { background-color: green; }
}

<div id="container">
  <div><input></div>
</div>

以前は、@container には名前の他にコンテナタイプが必要でした。

動画要素と音声要素の遅延読み込み

Chrome 148 では、loading 属性が <video> 要素と <audio> 要素に追加されました。これにより、デベロッパーは loading="lazy" を使用して、要素がビューポートの近くになるまでメディア リソースの読み込みを遅らせることができます。

これは、<img> 要素と <iframe> 要素の既存の遅延読み込み動作と一致し、ページの読み込みパフォーマンスが向上し、データ使用量が削減されます。

詳しくは、 プロパティの MDN ドキュメントloadingと 、Squarespace ブログの「 How To Use Standard HTML Video and Audio Lazy-Loading on the Web Today」をご覧ください。

Prompt API

Prompt API を使用すると、ウェブ デベロッパーはブラウザが提供するオンデバイス AI 言語モデルに直接アクセスできます。

初期の実装では、テキスト、画像、音声の入力がサポートされます。加えて、レスポンスに制約を設けることで、生成されたテキストをあらかじめ定義した正規表現や JSON スキーマの形式に沿ったものにすることができます。

画像の字幕の生成、画像検索の実行から、音声の文字起こし、サウンドに関するアクティビティの分類、具体的な指示に従ったテキストの生成、マルチモーダル ソース資料からの情報や分析情報の抽出まで、さまざまなユースケースに対応します。

詳しくは、 Prompt API のドキュメント をご覧ください。デモもお試しいただけます。

関連情報

ここでは、主なハイライトのみを紹介しています。Chrome 148 のその他の変更については、次のリンクをご覧ください。

登録

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

Chrome 149 がリリースされたら、Chrome の新機能をお知らせします。