
Chrome の AI
AI による次世代のウェブへようこそ。デベロッパーがウェブで優れたエクスペリエンスを簡単に構築できるよう、AI がどのように役立つかをご確認ください。
Chrome で Gemini Nano を使用する
Chrome の Gemini Nano でできることを再考。
組み込みの AI
Gemini エコシステムの最も効率的なモデルである Gemini Nano が Chrome に導入されます。
クライアントサイドで作業する
クライアントサイド AI は、データのプライバシーを保護し、レイテンシを改善しながら、強力なモデルをユーザーに提供します。
使ってみる
AI を組み込んだ機能やアプリケーションの構築を開始するための要件について学びます。
使用可能な API
Chrome で Gemini Nano で使用できる API とその提供状況を確認します。
組み込みの AI API
オリジン トライアルに参加して、これらの API を本番環境で使い始めましょう。
Translator API
ローカル AI モデルを使用して、ブラウザでテキストをリアルタイムで翻訳します。ユーザーは母国語で投稿できるようになりました。
Language Detector API
Language Detector API を使用して、特定のテキストで使用されている言語を特定します。
Summarizer API
さまざまな長さと形式(文、段落、箇条書きリストなど)でさまざまなタイプの要約を生成します。
拡張機能の Prompt API
Chrome 拡張機能の Prompt API の無限の可能性をご確認ください。
AI を組み込んで構築
ユースケースを解決します。
商品レビューを評価する
サーバーサイドの生成 AI を使用してレビューを評価する。推論はサーバー上で行われます。
ユーザーが有益なフィードバックを共有できるようにする
オンデバイス AI ソリューションで、洞察に満ちたレビューの投稿をサポートします。
AI によるオンデバイス翻訳
Translator API でグローバルなカスタマー サポートを強化します。
AI モデルをキャッシュに保存する
モデルをデバイスにキャッシュに保存して、アプリの起動を高速化します。
Prompt API によるセッション管理
このガイドでは、言語モデルを使用したセッション管理のベスト プラクティスについて説明します。
拡張機能と AI
ブラウザのカスタマイズとウェブ コンテンツの管理により、ブラウジング エクスペリエンスを向上させます。AI を使用して次世代の拡張機能を構築します。
おすすめの方法
AI モデルをキャッシュに保存する
モデルをデバイス上にキャッシュすることで、アプリケーションの起動を高速化します。
LLM レスポンスをストリーミングする
ストリーミングの概要と、AI と LLM でのストリーミングの仕組みを理解します。
LLM レスポンスをレンダリングする
以下のフロントエンドのベスト プラクティスに沿って、Gemini からストリーミングされた回答を表示します。
AI と Gemini Nano に関するニュース
組み込み AI チャレンジの受賞者
Updated 2025年1月13日
組み込み AI チャレンジで受賞したアプリと拡張機能をご覧ください。このチャレンジでは、Chrome の Gemini Nano でできることを再考していただきました。
動画のユーザー補助機能が Gemini API デベロッパー コンペティションのウェブ賞を受賞
Updated 2024年11月21日
Gemini API デベロッパー コンペティションのウェブ アワードに ViddyScribe が選ばれました。動画の音声による説明を生成することで、ウェブ上の動画をよりアクセスしやすくする方法について、Gemini を例に説明しました。
Translator API オリジン トライアルに参加する
Updated 2024年11月13日
ローカル AI モデルを使用して、ブラウザでテキストをリアルタイムで翻訳します。ユーザーは母国語で投稿できるようになりました。
Chrome 拡張機能の Prompt API オリジン トライアルに参加する
Updated 2024年11月12日
Chrome 拡張機能の Prompt API オリジン トライアルに参加して、Chrome で Gemini Nano にアクセスします。
Summarizer API オリジン トライアルに参加する
Updated 2024年11月12日
オリジン トライアルに参加して、ユーザーは長い記事や複雑なドキュメント、さらにはチャットでの活発な会話から、簡潔で洞察力に富んだ要約を作成できます。
Translation API が早期プレビュー版で利用可能に
Updated 2024年10月8日
Translation API が、組み込み AI 早期プレビュー プログラムの参加者にご利用いただけるようになりました。
デベロッパーの生産性
DevTools の AI アシスタンス
DevTools で Gemini とチャットします。このパネルから開始したスレッドには、検査対象のページの技術的な詳細に関するコンテキストが含まれています。
スタイル設定における AI アシスタント
AI アシスタント パネルを使用すると、ウェブサイトの全体的なレイアウトや特定の要素のスタイルを把握し、AI 生成の CSS バグの修正を取得できます。
AI アシスタントを使用する
レイアウトの理解から飛行機の修正まで、ページのスタイル設定を簡単にする 5 つの方法をご確認ください。
DevTools のコンソール分析情報
コンソールを使用して、オンデバイス AI の結果を表示してデバッグします。
組み込み AI チャレンジの受賞者
組み込み AI チャレンジの受賞者を参考に、組み込み AI のアイデアを見つけましょう。
Opale
日々の小さなタスクのプロンプトを作成、変更、削除できる、軽量で動的検索バー。
餅
読書障がい、ADHD、失読症のユーザーをサポートするようにウェブ コンテンツを調整します。
WP オンデバイス アシスタント
WordPress ブロック エディタに AI アシスタントを追加。
WebGPU
より高度な GPU 機能にアクセスできるウェブ グラフィック API の WebGPU で、AI への取り組みを後押ししましょう。
WebGPU の新機能
Chrome の WebGPU の最新情報をご確認ください。
概要
Chrome で WebGPU を確認し、GPU での一般的な計算処理を高度なサポートを得ることができます。
GPU にアクセスする
WebGPU を使用して GPU にアクセスする方法について説明します。
Google Colab でのウェブ AI モデルのテスト
クライアントサイドのブラウザベースの AI モデルを実際のブラウザ環境でテストする方法について説明します。
トラブルシューティングのヒントと修正
Chrome で WebGPU が動作しない理由と、その修正方法について説明します。
API リファレンス
MDN で API リファレンスを検索します。
WebAssembly
Chrome を使用してウェブページで高性能アプリケーションを有効にする
AI 推論の WebAssembly 最適化
AI 推論でよく使用されるタスクの WebAssembly の改善について説明します。
TensorFlow.js Wasm バックエンド
TensorFlow.js Wasm バックエンド WASM バックエンドと、XNNPACK ライブラリを使用してニューラル ネットワーク オペレータの実装を最適化する方法を学習します。
WebAssembly 用 ONNX Runtime Web
ONNX Runtime Web を本番環境にデプロイする方法と、アプリケーションに含める WebAssembly バイナリ ファイルについて説明します。