Vercel AI SDK 6.x : イントロダクション

by

AI SDK は TypeScript ツールキットで、React, Next.js, Vue, Svelte, Node.js 等を使用して、AI で強化されたアプリケーションやエージェントを開発者が構築する支援をするように設計されています。

Vercel AI SDK 6.x : イントロダクション

作成 : Masashi Okumura (@classcat.com)
作成日時 : 12/26/2025
バージョン : ai@6.0.3

* 本記事は ai-sdk.dev/docs の以下のページを参考にしています :

* サンプルコードの動作確認はしておりますが、必要な場合には適宜、追加改変しています。
* ご自由にリンクを張って頂いてかまいませんが、sales-info@classcat.com までご一報いただけると嬉しいです。

 

 

Vercel AI SDK 6 : イントロダクション

AI SDK は TypeScript ツールキットで、React, Next.js, Vue, Svelte, Node.js 等を使用して、AI で強化されたアプリケーションやエージェントを開発者が構築する支援をするように設計されています。

 

Why use the AI SDK?

大規模言語モデル (LLM) をアプリケーションに統合することは複雑で、使用する特定のモデルプロバイダーに大きく依存します。

AI SDK はサポートされるプロバイダーにわたる人工知能 (AI) モデルの統合を標準化します。これは開発者が、技術的な詳細に時間を浪費することなく、優れた AI アプリケーションを構築することに集中することを可能にします。

例えば、AI SDK を使用して様々なモデルを使用してテキストを生成する方法は以下のとおりです :

 
GPT-5 nano

Gateway

import { generateText } from "ai";

const { text } = await generateText({
  model: "openai/gpt-5-nano",
  prompt: "What is love?",
});

出力例

Love is the foundation of trust, understanding, and acceptance that allows us to be vulnerable with another person.

Provider

import { generateText } from "ai";
import { openai } from "@ai-sdk/openai";

const { text } = await generateText({
  model: openai("gpt-5-nano"),
  prompt: "What is love?",
});

Custom

import { generateText } from "ai";
import { yourProvider } from "your-custom-provider";

const { text } = await generateText({
  model: yourProvider("your-model-id"),
  prompt: "What is love?",
});

 
Claude Sonnet 4.5

Gateway

import { generateText } from "ai";

const { text } = await generateText({
  model: "anthropic/claude-sonnet-4.5",
  prompt: "What is love?",
});

出力例

Love is an intense feeling of deep affection and emotional attachment that binds us to others in meaningful relationships.

Provider

import { generateText } from "ai";
import { anthropic } from "@ai-sdk/anthropic";

const { text } = await generateText({
  model: anthropic("claude-sonnet-4-5"),
  prompt: "What is love?",
});

Custom

import { generateText } from "ai";
import { yourProvider } from "your-custom-provider";

const { text } = await generateText({
  model: yourProvider("your-model-id"),
  prompt: "What is love?",
});

 
AI SDK は 2 つの主要なライブラリを含みます :

  • AI SDK Core : テキスト生成、構造化オブジェクト、ツール呼び出し、そして LLM を使用したエージェント構築のための統一 API。

  • AI SDK UI : チャットやジェネレーティブ・ユーザインターフェイスを素早く構築するための、フレームワークに依存しないフックのセット。

 

モデル・プロバイダー

AI SDK は 複数のモデルプロバイダー をサポートします。

 

テンプレート

様々なユースケース、プロバイダーとフレームワークに対応した AI SDK 統合を含むいくつかのテンプレートを構築しました。これらのテンプレートを仕様して AI 強化されたアプリケーションの開発を始められます。

 

スターターキット

 

機能探求

 

フレームワーク

 

ジェネレーティブ UI

 

セキュリティ

  • ボット対策 – Kasada, OpenAI GPT-4, AI SDK と Next.js を使用します。

  • レート制限 – Vercel KV, OpenAI GPT-4, AI SDK Next.js を使用します。

 

llms.txt (for Cursor, Windsurf, Copilot, Claude 等)

ai-sdk.dev/llms.txt でマークダウン形式の AI SDK ドキュメント全体にアクセスできます。これは、最新のドキュメントに基づいて、LLM (十分に大きいコンテキスト・ウィンドウを持つと仮定) に AI SDK について質問をするために使用できます。

 

使用例

例えば、AI SDK についての質問で LLM に指示するには :

  1. ai-sdk.dev/llms.txt からドキュメントの内容をコピーします。

  2. 以下のプロンプト形式を使用します :

    Documentation:
{ここにドキュメントを貼り付けます}
---
Based on the above documentation, answer the following:
{your question}

 

以上