Vercel AI SDK で Next.js × LLM

Vercel AI SDK は、TypeScript で LLM 機能を最短実装するためのオープンソースのツールキットです。OpenAI・Anthropic・Google など多数のプロバイダを共通の APIで扱い、トークンを少しずつ画面に流すストリーミング、関数を呼ばせるツール呼び出し、型付きの構造化出力、そして React の useChat によるUI 連携までを、定型コードで書けるのが要です。

Under the Hood

2026年時点の最新は AI SDK 6（2025年12月リリース）。直前の AI SDK 5 が、React / Svelte / Vue / Angular 向けの型付きチャットとエージェントループの土台を入れ、6 でツール周りとエージェント実行が強化されました。本稿はこの世代を前提に「何が楽になり、どこは自分の責任か」を整理します。

FIG.1　画面 →（共通 API）→ 各プロバイダ。モデルを変えても画面側のコードはほぼそのまま

01何が楽になるのか

LLM を Web に組み込むと、毎回ぶつかる「面倒」がいくつかあります。AI SDK はそこを定型化します。