公開日: 2025 年 6 月 24 日
Chrome 138 のロールアウトが開始されました。この投稿では、このリリースにおける主な機能の一部をご紹介します。Chrome 138 のリリースノート全文をご覧ください。
このリリースのハイライトは次のとおりです。
- 新しい組み込み AI API を使用して、テキストの要約、翻訳、言語の検出を行います。
- いくつかの新しい CSS 関数をご覧ください。
- Viewport Segments API を使用して、折りたたみ式デバイスをターゲットとするようにウェブ レイアウトを調整します。
Translator API、Language Detector API、Summarizer API
Chrome は、ブラウザに組み込まれた AI モデル、エキスパート モデル、大規模言語モデル（LLM）と連携するように設計されたウェブ プラットフォーム API とブラウザ機能を開発しています。AI が組み込まれているため、ウェブサイトやウェブ アプリケーションは、AI モデルのデプロイ、管理、セルフホスティングを行うことなく、AI を活用したタスクを実行できます。
Chrome 138 以降では、Translator API を使用して、ウェブ アプリケーションに翻訳機能を追加できます。これにより、ユーザーは母国語で投稿できるようになります。たとえば、サポート チャットに参加する際に、ユーザーのデバイスから離れる前に、サイトのコンテンツをサポート エージェントが使用する言語に翻訳できます。これにより、すべてのユーザーにスムーズで高速かつ包括的なエクスペリエンスを提供できます。
Translator API は Language Detector API と連携して、ユーザーのデバイスで言語検出を有効にできます。これにより、クラウド サーバーへのアップロードを必要とする代替ソリューションよりもプライバシーが保護されます。
Summarizer API を使用すると、文、段落、箇条書きリストなど、さまざまな長さと形式でさまざまな種類の要約を生成できます。次に例を示します。
- 記事やチャットの会話の要点を要約する。
- 記事のタイトルと見出しを提案します。
- 長いテキストの簡潔で有益な要約を作成する。
- 書評に基づいて書籍のティーザーを生成する。
CSS 関数
Chrome 138 に含まれる CSS 関数には、引数の符号に関連するさまざまな関数を計算する符号関連関数 abs() と sign() が含まれています。
また、2 つの計算（進行状況の開始値と進行状況の終了値）の間の 1 つの計算（進行状況の値）の位置を表す <number> 値を返す progress() 関数表記もあります。
最後に、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キーワードを使用すると、要素を包含ブロックの利用可能なスペースを完全に埋めるように拡大できます。