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 に関するニュース
デベロッパーの生産性
DevTools の AI アシスタンス
DevTools で Gemini とチャットします。このパネルから開始したスレッドには、検査対象のページの技術的な詳細に関するコンテキストが含まれています。
スタイル設定における AI アシスタント
AI アシスタント パネルを使用すると、ウェブサイトの全体的なレイアウトや特定の要素のスタイルを把握し、AI 生成の CSS バグの修正を取得できます。
AI アシスタントを使用する
レイアウトの理解から飛行機の修正まで、ページのスタイル設定を簡単にする 5 つの方法をご確認ください。
DevTools のコンソール分析情報
コンソールを使用して、オンデバイス 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 バイナリ ファイルについて説明します。