AI Chat Frontend with Vercel AI SDK

Vercel AI SDK の useChat を軸に、アプリ組み込みチャットUIを設計・実装するガイド。 前半は言語・フレームワークに依存しない抽象設計パターン、後半は AI SDK による具体実装。

言語非依存: アプリ組み込みAIチャットの設計パターン

この章は Vercel AI SDK に限らず、任意の言語・フレームワークで AI チャットを組み込む際に適用できる普遍的な設計原則をまとめたもの。

パターン1: ストリーミングファースト

LLM の応答は数秒〜数十秒かかる。一括返却だと体感待ち時間が長くなるため、トークン単位の逐次表示（ストリーミング）をデフォルトにする。