ウェブ上で AI を活用した機能を構築します。

組み込みの AI

AI が組み込まれているため、ブラウザが基盤モデルとエキスパート モデルを提供して管理します。
ブラウザで管理される AI モデルと API を使用して、ウェブサイトやウェブ アプリケーションで AI タスクを実行する方法を確認します。
AI を組み込んだ機能やアプリケーションの構築を開始するための要件について学びます。
Chrome の組み込み AI で使用する API とその利用状況を確認します。
学習コース

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

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

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

学習コース

会社の義務であれ、熱意であれ、AI のための AI は役に立ちません。優れた機能はユーザーのニーズから生まれ、提供する価値によって評価されます。

このコースでは、責任があり、使いやすく、価値のある AI システムを使用してウェブ アプリケーションを構築する方法を学びます。これにより、アプリケーションでテクノロジーの可能性を最大限に引き出すことができます。

AI ブラウザ ツール

DevTools で Gemini とチャットします。このパネルから開始したスレッドには、検査対象のページの技術的な詳細に関するコンテキストが含まれています。
AI アシスタント パネルを使用すると、ウェブサイトの全体的なレイアウトや特定の要素のスタイルを把握し、AI 生成の CSS バグの修正を取得できます。
レイアウトの理解から飛行機の修正まで、ページのスタイル設定を簡単にする 5 つの方法をご確認ください。
コンソールを使用して、オンデバイス AI の結果を表示してデバッグします。

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

組み込みの AI API を使用して、Chrome の Gemini Nano のパワーを活用しましょう。
Chrome に搭載された組み込み AI API を使用して、ウェブアプリでユーザー向けのコンテンツの翻訳、要約、作成、書き換えを行う方法を学びます。ハイブリッド ワークロードを構築する方法と、ブラウザに組み込まれた AI の将来について説明します。
クライアントサイド AI とクラウド AI を構築して、ニーズや顧客のニーズに合わせてウェブとブラウザを最適化できます。
MediaPipe、LiteRT、Transformers.js などのライブラリと、WebAssembly や WebGPU などの最先端の Web API を使用して、優れた AI ドリブンのエクスペリエンスを構築できます。

ウェブ AI のご紹介

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