公開日: 2025 年 5 月 20 日
Google I/O 2025 では、生産性を大幅に向上させ、より強力でシームレスな最新のウェブを構築できるようにする新機能を発表しました。
ここでは、最先端の機能を直接利用できるようにする 10 個の重要なイノベーションを紹介します。これらのイノベーションは、次のプロジェクトのインスピレーションになるはずです。
1. CSS と HTML の数行でカルーセルを簡単に作成できるようになりました
CSS を使用して、初回ペイント時にインタラクティブな美しいカルーセルを構築します。Chrome 135 では、新しい CSS プリミティブ（スタイル設定可能なフラグメンテーション、スクロール マーカー要素、スクロール ボタン）が導入され、JavaScript を使用せずにカルーセルを簡単に作成できるようになりました。使い慣れた CSS のコンセプトを使用して、リッチでインタラクティブな、スムーズでアクセシビリティの高いカルーセルを短時間で作成できます。
2. 宣言型ポップオーバー: 新しい Interest Invoker API の導入
試験運用版の Interest Invoker API は、オリジン トライアルとして利用できます。この機能を使用すると、訪問者の関心が短時間アクティブになったときに、ポップオーバーを宣言的に切り替えることができます。スタイル設定できない [title] 属性を削除し、[interesttarget] を追加Anchor Positioning API や Popover API と組み合わせることで、JavaScript を使用せずに、ツールチップやホバーカードなどのリッチでレスポンシブなインタラクティブ UI 要素を作成できます。最新の CSS を使用すれば、可能性は無限に広がります。
3. 主要な基盤モデルを使用する複数の組み込み AI API が利用可能になり、Prompt API にマルチモーダル機能が追加されました
組み込み AI の取り組みは継続されており、プライバシーの強化、レイテンシの短縮、コストの削減に加えて、高品質な AI 生成出力へのアクセスも実現しています。組み込みの AI は、専門家モデルと、デバイス上のタスク向けに構築された Google の最も効率的なモデルである Gemini Nano を使用します。Chrome 138 以降、Chrome 拡張機能向けの Summarizer API、Language Detector API、Translator API、Prompt API が安定版で利用できるようになりました。また、Writer API と Rewriter API はオリジン トライアルで利用できます。
新しい Proofreader API と、マルチモーダル機能を備えた Prompt API は、Chrome Canary で利用できます。
最新情報については、早期プレビュー プログラムにご参加ください。新しい組み込み AI API を共同で開発し、ウェブ上の AI の未来を形作りましょう。
4. クライアントサイド AI は、Firebase と Gemini Developer API で拡張され、ハイブリッド AI ソリューションを提供します
Firebase と Gemini Developer API との連携により、モバイルとパソコンで AI を活用したウェブ エクスペリエンスを構築できるようになりました。これらのアプリケーションは、可能な限りクライアントサイド AI を使用し、すべてのデバイスとブラウザに到達するためにサーバーサイド AI にシームレスにスケーリングします。本日より、Firebase AI Logic を使用して、Gemini Nano や同様の小規模モデルを基盤とする Chrome の組み込み Prompt API に、Gemini Developer API を使用してサーバーサイドからシームレスにアクセスできるようになります。
5. Chrome DevTools の AI アシスタンスは、スタイリングやパフォーマンスなど、デバッグ ワークフロー全体をサポートします
AI アシスタンスを使用すると、Gemini とチャットして、[要素] パネルのスタイル設定エラーのデバッグ、[パフォーマンス] パネルのパフォーマンスの問題の解決、[ネットワーク] パネルのネットワークの問題の特定、[ソース] パネルのソースファイルの特定を行うことができます。また、AI アシスタンスがスタイル関連の変更を [要素] パネルのソースコードに直接適用できるようになりました。
6. Chrome DevTools のパフォーマンス パネルの実際のユーザーデータ、Lighthouse の分析情報、AI 機能により、パフォーマンスの問題を把握して解決できます
再設計された [パフォーマンス] パネルでは、ローカルと実際のユーザーの Core Web Vitals データにアクセスし、Gemini に質問して、パフォーマンスの問題を理解して解決することができます。分析情報サイドバーで Lighthouse の分析情報をトレースに表示することで、ワークフローを中断したり生産性を低下させたりすることなく、デバッグを迅速に行うことができます。
7. Baseline の機能の利用可能性が、VS Code や ESLint などの使い慣れたツールで確認できるようになりました
ベースライン統合により、ウェブ開発ワークフローの精度と信頼性を高めることができます。使い慣れたウェブ開発ツール内で、主要なブラウザでのウェブ機能の利用状況を明確に把握できます。
- IDE: VSCode では、ビルド時に機能のベースライン ステータスが表示されるようになりました。JetBrains の WebStorm と、Firebase Studio、Windsurf、GitHub Codespaces などの VS Code ベースの IDE でも、まもなくサポートが開始されます。
- リンター: CSS と HTML のリンターは、Baseline の対象バージョンよりも新しい機能を使用している場合に、事前に警告を発します。Baseline は、CSS 用 ESLint、HTML ESLint、Stylelint でサポートされています。
- 分析: RUMvision は、Baseline データと実際のユーザー指標を組み合わせて、ユーザーに最適な Baseline バージョンを戦略的に選択できるようにします。Google アナリティクスのユーザーは、Google アナリティクス ベースライン チェッカーにデータをアップロードして、ベースラインの推奨事項を取得できます。
- コンパイラ: browserslist-config-baseline を使用して、Babel や PostCSS などのコード コンパイル ツールにベースライン ターゲットをプラグインします。これにより、ソースコードで最新の機能を使用し、本番環境ビルドでコンパイルできます。
8. Web Platform Dashboard でウェブ機能のサポート状況を把握する
昨年、Google は Web Platform Dashboard を発表しました。これは、ウェブ プラットフォーム全体を機能のセットとしてマッピングする web-features データを探索する方法です。ウェブ機能データセットが 100% マッピングされたことで、AVIF から View Transitions まで、すべてのブラウザのすべての機能の Baseline ステータス（利用可能性や導入状況など）を初めて確認できるようになりました。最新情報を入手して、自信を持って構築しましょう。
9. 認証情報マネージャーによる効率的なログイン エクスペリエンスのデベロッパー トライアル
パスワード、ID 連携、パスキーなど、複数の認証方法がサイトのユーザーに不便をもたらす可能性があることは認識しています。Google の目標は、ユーザーに統一された簡単なログイン エクスペリエンスを提供することです。そのため、Android の認証情報管理の直感的なエクスペリエンスを Chrome に導入しています。まもなく、ユーザーが [ログイン] をクリックすると、Chrome でこのサイトで利用可能な認証情報（Google パスワード マネージャーのパスキーやパスワードなど）が表示され、シームレスにログインできるようになります。このエクスペリエンスに ID 連携も追加する予定です。ウェブ用の Credential Manager は現在デベロッパー トライアル中です。今年中にさらに詳しい情報をお届けしますので、お見逃しなく。
10. 送信審査をキャンセルできる機能により、Chrome 拡張機能のイテレーションを迅速化
Chrome 拡張機能の送信は、シームレスで、心配がなく、わくわくするものでなければなりません。ただし、保留中の送信で間違いをすばやく修正できないことが、摩擦の原因の一つになっていることは認識しています。今年の初めに、保留中の送信をキャンセルする機能を導入しました。これは、以前に公開したバージョンをロールバックする機能を基盤としており、変更をすばやく行って再送信できるようにすることを目的としています。
最新情報については、developer.chrome.com と web.dev をご覧ください。より強力なウェブを簡単に構築する方法について詳しく説明しています。X、YouTube、LinkedIn で Google とつながることもできます。次の I/O でお会いしましょう。
Deloitte とは、1 つ以上の Deloitte Touche Tohmatsu Limited（英国の保証有限責任会社（「DTTL」））、そのメンバー ファームのネットワーク、関連エンティティを指します。DTTL とそのメンバー ファームのそれぞれは、法的に分離された独立エンティティです。DTTL（「Deloitte Global」とも呼ばれます）はクライアントにはサービスを提供していません。米国では、Deloitte とは、DTTL の米国メンバー ファーム、米国で「Deloitte」という名称を使用して事業を行う関連エンティティ、およびそれぞれの関連会社を指します。特定のサービスは、公会計の規則および規制のために、クライアントの証明で利用できない場合があります。メンバー ファームのグローバル ネットワークについて詳しくは、www.deloitte.com/about をご覧ください。