Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

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

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

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

最初の実装では、テキスト、画像、音声の入力がサポートされています。また、レスポンス制約により、生成されたテキストが事前定義された正規表現と JSON スキーマ形式に準拠します。

これにより、画像キャプションの生成やビジュアル検索の実行から、音声の文字起こし、音響イベントの分類、特定の指示に従ったテキストの生成、マルチモーダルソースマテリアルからの情報や分析情報の抽出まで、さまざまなユースケースがサポートされます。