Chrome の AI
ウェブ上で AI を活用した機能を構築します。
学習コース
AI 評価を作成する
評価(または evals)は、AI 機能のテストです。堅牢な evals パイプラインを作成すると、LLM ベースの機能がユーザーにとって使いやすくなります。これにより、自信を持って機能をリリースできます。
WebMCP による信頼性の高いエージェント通話
WebMCP は、構造化されたツールを公開するための標準的な方法を提供することを目的としています。これにより、AI エージェントはサイト上でより迅速、確実、かつ正確にアクションを実行できるようになります。
ステップ 1
サイトでツールを登録する
サイトは、エージェントが実行できるアクションを WebMCP ツールとして宣言します。各ツールには、名前、説明、JSON スキーマがあります。
// Imperative API document.modelContext.registerTool({ name: "bookSlot", title: "Book a consultation slot", description: "Reserve a 30-minute consultation.", inputSchema: { type: "object", properties: { date: { type: "string", format: "date" }, time: { type: "string" }, name: { type: "string" }, email: { type: "string", format: "email" } }, required: ["date", "time", "name", "email"] }, annotations: { readOnlyHint: false }, execute: async (input, client) => { return await api.book(input); } });
ステップ 2
ブラウザはそれらを公開します。
ブラウザは、ページの URL、タイトル、オリジン権限スコープとともに、これらのツールをユーザーの WebMCP 対応エージェントに収集して提示します。
ステップ 3
エージェントが行動を起こすため、推測する必要がない
エージェントはコントラクトを確認し、構造化された引数を指定します。残りの処理はコードが行います。ユーザーは権限と確認について常に把握できます。心配を解消。
// the agent's view { "tool": "bookSlot", "arguments": { "date": "2026-07-31", "time": "14:00", "name": "Jerry Jones", "email": "jerry.jones@example.com" } }
ウェブでの AI の高速化
Wasm、WebGPU、WebNN を使用して、コンピューティングとモデルのパフォーマンスを向上させます。
AI 向けに Wasm を最適化する
AI 推論で一般的に使用されるタスク向けの WebAssembly の改善について説明します。
WebGPU API
Chrome で WebGPU を見つけて、GPU での汎用コンピューティングのファーストクラス サポートを利用しましょう。
WebNN API
WebNN API を使用して、ブラウザで ML オペレーションを実行します。
学習コース
AI について学ぶ
会社の義務であれ、熱意であれ、AI のための AI は役に立ちません。優れた機能はユーザーのニーズから生まれ、提供する価値によって評価されます。
このコースでは、責任があり、使いやすく、価値のある AI システムを使用してウェブ アプリケーションを構築する方法を学びます。これにより、アプリケーションでテクノロジーの可能性を最大限に引き出すことができます。
AI ブラウザ ツール
DevTools の AI アシスタンス
DevTools で Gemini とチャットします。このパネルから開始したスレッドには、検査対象のページの技術的な詳細に関するコンテキストが含まれています。
スタイル設定における AI アシスタント
AI アシスタント パネルを使用すると、ウェブサイトの全体的なレイアウトや特定の要素のスタイルを把握し、AI 生成の CSS バグの修正を取得できます。
AI アシスタンスを使用する
レイアウトの理解から飛行機の修正まで、ページのスタイル設定を簡単にする 5 つの方法をご確認ください。
DevTools のコンソール分析情報
コンソールを使用して、オンデバイス AI の結果を表示してデバッグします。
AI と Gemini Nano に関するニュース
I/O でのウェブ AI
組み込みの AI API を使用して、Chrome の Gemini Nano のパワーを活用しましょう。
Chrome の Gemini Nano による実用的な組み込み AI
Chrome に搭載された組み込み AI API を使用して、ウェブアプリでユーザー向けのコンテンツの翻訳、要約、作成、書き換えを行う方法を学びます。ハイブリッド ワークロードを構築する方法と、ブラウザに組み込まれた AI の将来について説明します。
Gemini を搭載した Chrome 拡張機能
クライアントサイド AI とクラウド AI を構築して、ニーズや顧客のニーズに合わせてウェブとブラウザを最適化できます。
実際のウェブ AI のユースケースと戦略
MediaPipe、LiteRT、Transformers.js などのライブラリと、WebAssembly や WebGPU などの最先端の Web API を使用して、優れた AI ドリブンのエクスペリエンスを構築できます。