AI Deck

TanStack AI ─ 複数のAIプロバイダーを型安全に扱える、フレームワーク非依存のTypeScript AI SDK

TanStack Query や TanStack Router で知られる TanStack が開発する、AIアプリケーション構築のためのオープンソースTypeScript SDK。2025年11月に登場し、OpenAI・Anthropic・Gemini・Ollama といった複数のAIプロバイダーを同一のAPIで扱えるのが最大の特徴である。ストリーミングチャット、ツール呼び出し、構造化出力、マルチモーダル入出力といった「AI機能を実装するときに毎回必要になる部品」を型安全な形で提供し、React・Vue・Svelte・Solid など主要なUIフレームワークへのバインディングも揃えている。ホスティングサービスや独自のストリーム形式に縛られない、いわゆる「ヘッドレス」な設計思想を取っている。

主な特徴

  • プロバイダー非依存の統一API: OpenAI・Anthropic・Gemini・Groq・Mistral・Ollama など10種類以上のアダプターが公式に用意されており、同じコードのままモデル提供元を切り替えられる。OpenAI互換エンドポイント用の汎用アダプターもあるため、対応表にないサービスも扱いやすい
  • TypeScript による型安全な設計: Zod・ArkType・Valibot・素のJSON Schema などでスキーマを定義すると、そこから入出力の型が推論される。構造化出力もこの仕組みの上に乗るため、レスポンスを手作業でパースして型を当てる手間が減る
  • アイソモーフィックなツール呼び出し: toolDefinition() でツールの契約を一度だけ定義し、.server() または .client() で実装を与える。サーバー側で動かすツールとブラウザ側で動かすツールを、同じ型定義から一貫して扱える
  • ストリーミングとエージェントループ: トークン単位のストリーミング表示に標準対応。エージェントの実行ループは中身を読んで差し替えられる形で公開されており、ツール実行前に人間の承認を挟む「割り込み」も組み込まれている
  • マルチフレームワーク対応: React・Vue・Svelte・Solid・Preact・Angular 向けのバインディングと、フレームワークなしで使えるコアパッケージが提供される。React 向けには useChat フックが用意されている
  • マルチモーダルとMCP: テキストだけでなく画像・音声・動画・ドキュメントの入出力に対応。Model Context Protocol(MCP)経由での外部ツール接続もサポートし、デバッグ用のDevtoolsも同梱される

料金

プラン料金主な特徴
オープンソース版$0(MITライセンス)全機能を利用可能。npm から導入し、自分のインフラで動かす

TanStack AI 自体は無料で使えるが、実際にAIを動かすにはOpenAIやAnthropicなど各AIプロバイダーのAPI利用料が別途かかる。料金は2026年8月時点の情報です。最新の情報は公式サイトをご確認ください。

メリット・デメリット

メリット

  • プロバイダーを乗り換えてもアプリ側のコードをほとんど書き換えずに済み、モデル選定を後から見直しやすい
  • TypeScript の型推論が全体に効くため、ツールの引数や構造化出力の取り違えをビルド時に検出できる
  • ホスト型のゲートウェイや独自ストリーム形式に依存しないため、インフラの主導権を手放さずに済む
  • MIT ライセンスのオープンソースで、商用利用も含めて導入のハードルが低い
  • TanStack Query など既存の TanStack 製ライブラリと設計思想が揃っており、既にそれらを使っているチームには馴染みやすい

⚠️ デメリット

  • 2026年8月時点でリリース候補(RC)段階にあり、安定版に向けてAPIが変わる可能性がある
  • 開発者向けのライブラリであり、ノーコードで使えるチャットツールではない。TypeScript の知識が前提になる
  • 登場から日が浅く、日本語の解説記事や実運用の事例は他の主要SDKに比べて少ない
  • 認証・課金・ログ管理といった周辺機能は含まれないため、本番運用では自前で組み立てる必要がある

類似サービスとの比較

比較項目TanStack AIVercel AI SDKLangChain.jsMastra
提供元TanStackVercelLangChainMastra
ライセンスMIT(オープンソース)オープンソースオープンソースオープンソース
主眼型安全なプリミティブ提供UI統合とDXの手厚さ抽象度の高いチェーン/エージェント構築エージェントとワークフローの実装
UIバインディングReact・Vue・Svelte・Solid ほかReact・Vue・Svelte・Angular ほか標準では持たないReact 向け連携あり
ホスト型サービスなし(自前運用が前提)Vercel との親和性が高いLangSmith などの連携サービスありクラウド運用の選択肢あり

こんな人におすすめ

  • 特定のAIプロバイダーにロックインされず、モデルを後から差し替えられる構成にしたい開発者
  • TypeScript の型安全性を重視し、AI連携部分も型で守りたいチーム
  • 既に TanStack Query・TanStack Router を使っており、同じ設計思想でAI機能を足したい人
  • React 以外(Vue・Svelte・Solid など)でAIチャット機能を実装したいフロントエンドエンジニア
  • ホスト型サービスに依存せず、自社インフラ上でAI機能を完結させたい組織

まとめ

TanStack AI は、AI機能の実装に必要な部品を型安全なプリミティブとして提供し、プロバイダーもUIフレームワークも自由に選ばせる方針のSDKである。特定のプラットフォームに寄せず「持ち込んだスタックの上で動く」ことを重視した設計は、長期運用を見据えたプロダクトと相性がよい。一方で2026年8月時点ではリリース候補段階のため、本番投入する場合はバージョン更新に伴う変更を追える体制を用意しておきたい。まずは小さなチャット機能で試し、ツール呼び出しや構造化出力まで手応えを確かめてから範囲を広げるのが現実的だ。

関連リンク

← ブログ