ウェブサイトやウェブアプリケーション向けの AI ソリューションを見つけて構築しましょう。
ローカルモデルを使用して AI タスクを実行する、ブラウザに組み込まれたタスクベースの API を発見してください。
WebMCP ツールを作成し、サイトが AI エージェントによる信頼性の高い動作をサポートできるようにする。
Wasm、WebGPU、WebNN を使用して、コンピューティングとモデルのパフォーマンスを向上させます。
学習コース

評価(または evals)は、AI 機能のテストです。堅牢な evals パイプラインを作成すると、LLM ベースの機能がユーザーにとって使いやすくなります。これにより、自信を持って機能をリリースできます。

このコースでは、LLM-as-a-judge パターンを使用して主観的な品質を測定する方法、最小限の設定でジャッジを作成する方法、トップレベルのドメイン エキスパートのように考えるカスタム ジャッジを開発するための高度な手法について学びます。ビルド時間と本番環境で evals を実行して、回帰を早期に検出できます。

ブラウザ上でローカルに推論を実行する

基盤モデルやエキスパートモデルなど、ブラウザに組み込まれた AI を活用した機能を Web 上で構築します。
AI を組み込んだ機能やアプリケーションの構築を開始するための要件について学びます。
Chrome の組み込み AI で使用する API とその利用状況を確認します。
組み込みの AI タスク API ポリフィルを使用すれば、ブラウザのサポート状況を気にすることなく AI 機能を構築できます。
Chrome に組み込まれた AI を活用した開発におけるベストプラクティスを学びましょう。
ブラウザでモデルをキャッシュして推論を高速化する方法を学びましょう。
API を使用する前に、基となるモデルをダウンロードする必要があります。これらのダウンロードには時間がかかるため、必ずユーザーにその旨を通知してください。

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 推論で一般的に使用されるタスク向けの WebAssembly の改善について説明します。

Chrome で WebGPU を見つけて、GPU での汎用コンピューティングのファーストクラス サポートを利用しましょう。

WebNN API を使用して、ブラウザで ML オペレーションを実行します。

学習コース

企業の指示によるものであれ、熱意によるものであれ、AI のための AI は役に立たない。最高の機能はユーザーのニーズから生まれ、それがもたらす価値によって評価される。

このコースでは、責任感があり、使いやすく、価値のある AI システムを用いた Web アプリケーションを構築するための考え方を学び、アプリケーションが AI 技術の可能性を最大限に発揮できるようにします。

コーディング支援

AI コーディングエージェントのスキルをダウンロードして、最新かつ高性能なエクスペリエンスへと導くための生成プロセスを支援しましょう。
DevTools で Gemini とチャットします。このパネルから開始したスレッドには、検査対象のページの技術的な詳細に関するコンテキストが含まれています。
コンソールを使用して、オンデバイス AI の結果を表示してデバッグします。

チームのご紹介

Chrome ウェブ デベロッパー リレーションズ チームと組み込み AI プロダクト マネージャーが、ウェブと AI について、組み込みから WebMCP まで幅広くご相談に応じます。アジア、ヨーロッパ、アメリカにメンバーがいます。

AI と Gemini Nano に関するニュース

ウェブ AI のご紹介

AI とも呼ばれるさまざまな新しいテクノロジーの基本と定義を理解します。
ウェブの実務担当者として、新しいテクノロジーを慎重に、責任を持って構築することが重要です。
低レイテンシ、サーバーサイド費用の削減、ユーザー プライバシーの強化などのメリットがあるクライアントサイド AI を使用する手法について学びます。