290文字
1分
編集

Chrome 148

#Chrome #Browser #AI

Chrome 148 がリリースされた。CSSの名前のみのコンテナクエリ、動画と音声の遅延読み込み、およびオンデバイスAI言語モデルにアクセスするための Prompt API が含まれる。

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

CSS クエリコンテナが、container-type を指定せずに container-name のみに基づいてクエリ可能になった。

html
<div id="container">
  <div><input></div>
</div>
css
#container {
  container-name: --foo;
}

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

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

<video> 要素と <audio> 要素に loading 属性が追加された。loading="lazy" を指定することで、要素がビューポートに近づくまでメディアリソースの読み込みを遅延できる。

html
<video loading="lazy"></video>
<audio loading="lazy"></audio>

#Prompt API

ブラウザが提供するオンデバイスAI言語モデル（Gemini Nano）に直接アクセスできる Prompt API が導入された。最初の実装ではテキスト、画像、音声の入力がサポートされており、レスポンス制約によって生成されたテキストが事前定義された正規表現や JSON スキーマ形式に準拠するよう制御できる。

javascript
const session = await ai.languageModel.create();
const result = await session.prompt("Prompt APIのテストです。");
console.log(result);

#参考文献