公開日: 2025 年 6 月 24 日
Chrome 138 がリリースされました。この投稿では、このリリースの主な機能について説明します。Chrome 138 リリースノートの全文
このリリースのハイライト:
- 新しい組み込み AI API を使用して、テキストの要約、翻訳、言語の検出を行います。
- いくつかの新しい CSS 関数を確認する。
- Viewport Segments API を使用して、折りたたみ式デバイスをターゲットにしてウェブ レイアウトを調整します。
Translator API、Language Detector API、Summarizer API
Chrome では、ブラウザに組み込まれた AI モデル、エキスパート モデル、大規模言語モデル(LLM)を操作するように設計されたウェブ プラットフォーム API とブラウザ機能を開発しています。これには、Gemini ファミリーの LLM の最も効率的なバージョンである Gemini Nano が含まれます。これは、ほとんどの最新のデスクトップ パソコンとノートパソコンでローカルに実行するように設計されています。AI が組み込まれているため、ウェブサイトやウェブ アプリケーションで AI を活用したタスクを実行できます。AI モデルをデプロイ、管理、セルフホストする必要はありません。
Chrome 138 以降では、Translator API を使用して、ウェブ アプリケーションに翻訳機能を追加できます。これにより、ユーザーは母国語で貢献できるようになります。たとえば、サポート チャットに参加しているときに、サイトはユーザーのデバイスから送信される前に、コンテンツをサポート エージェントが使用する言語に翻訳できます。これにより、すべてのユーザーがスムーズで高速かつ包括的なエクスペリエンスを得ることができます。
Translator API は Language Detector API と連携して、ユーザーのデバイスで言語検出を可能にします。これにより、クラウド サーバーにアップロードする必要がある他のソリューションよりもプライバシーが保護されます。
Summarizer API を使用すると、さまざまな長さと形式(文、段落、箇条書きリストなど)のさまざまなタイプの要約を生成できます。次に例を示します。
- 記事やチャット会話の要点をまとめる。
- 記事のタイトルと見出しの候補を表示する。
- 長いテキストの簡潔で有益な要約を作成する。
- 書籍のレビューに基づいて書籍の予告編を生成します。
CSS 関数
Chrome 138 に含まれる CSS 関数には、符号関連の関数 abs()
と sign()
があります。これらの関数は、引数の符号に関連するさまざまな関数を計算します。
また、progress()
関数記法は、2 つの他の計算(進行状況の開始値と進行状況の終了値)間の 1 つの計算の位置(進行状況の値)を表す <number>
値を返します。
最後に、sibling-index()
関数と sibling-count()
関数を CSS プロパティ値の整数として使用して、兄弟要素の位置または兄弟要素の合計数に基づいて要素にスタイルを適用できます。
Viewport Segments API
Viewport Segments API を使用すると、折りたたみ式デバイスをターゲットに設定できます。ビューポート セグメントは、ビューポートが分割として機能する 1 つ以上のハードウェア機能(折りたたみ、個別のディスプレイ間のヒンジなど)によって分割されている場合に作成されます。
詳しくは、Viewport Segments API を使用して折りたたみ式デバイスをサポートするをご覧ください。
その他
もちろん、他にもたくさんあります。
<
と>
が属性値にある場合、シリアル化時にエスケープされるようになりました。Clear-Site-Data
ヘッダーの 2 つの新しい値("prefetchCache"
と"prerenderCache"
)を使用すると、プリレンダリング キャッシュとプリフェッチ キャッシュの削除をターゲットに設定できます。- CSS サイズ設定プロパティ(
width
やheight
など)のstretch
キーワードを使用すると、要素は、その要素を含むブロックの利用可能なスペースを完全に埋めるまで拡大されます。