Webアプリケーションの開発・デプロイを支えるフロントエンド基盤のVercel、json-renderを公開しAIをレンダリング層に直結

フロントエンド基盤を提供するVercelは、新たなオープンソースツール「json-render」を公開しました。これはVercelが提唱する「生成UI（Generative UI）」、すなわちAIがWebインターフェースを動的に生成する世界に向けた重要な布石と位置付けられています。VercelのCEOであるGuillermo Rauchは、LLMがテキストだけでなく「その場でUIを返せる」状態を目指し、AIをレンダリング層へ直接つなぎ込む取り組みだと説明しています。

json-renderでは、開発者がAIに許可するコンポーネント、アクション、データバインディングなどのガードレールを定義します。その上で、エンドユーザーが自然言語で要望を伝えると、AIがJSONを生成し、モデルの応答に合わせて段階的にレンダリングされます。Vercel Labsの実験プロジェクトとして展開されており、現時点では研究段階のプロトタイプですが、技術的な土台はすでに堅牢だとRauchは述べています。実際、軽量なオープンソースモデルをローカルで動かし、json-renderでUIを生成した事例も紹介されています。

この仕組みは、AIが過度に自由に振る舞ってブランドやデザインシステムを逸脱しないよう、あらかじめ用意されたコンポーネント群を組み合わせてUIを構築する点に特徴があります。エンジニアの役割は、ブランドの一貫性や見た目の品質を担保するコンポーネントの設計とキュレーションに移り、生成されるUIの“枠組み”を整えることになります。モデルやフレームワークに依存しない設計で、好みのJavaScriptフレームワークと組み合わせて利用できる点も強調されています。Rauchは、フロントエンド開発者に対し「エージェントを出荷すること」に注力すべきだと警鐘を鳴らしています。UIそのものを作る比重は下がる一方で、エージェントが適切なデータとコンテキストを持ち、正しく振る舞うよう設計・評価する仕事が重要になるという見立てです。これはShopifyのCEO Tobias Lütkeが言う「コンテキストエンジニアリング」に近い考え方です。

Vercelはこの1年でAI cloud、AI SDK、AI gatewayなど複数のAI関連機能を展開してきました。Rauchは、Vercelの第1章が「ページとピクセルのフロントエンドクラウド」だったのに対し、第2章は「トークンとエージェントのAIクラウド」になると述べています。さらに、エージェントが誤動作する可能性を前提に、信頼できる隔離環境としてVercel Sandboxのような実行基盤の重要性も語り、設定の煩雑さを排した“自動運転インフラ”という方向性を強調しました。

Vercelについて
Vercelは、Webアプリケーションの開発・デプロイを支えるフロントエンド基盤を提供する企業です。近年はAI SDKなどを通じて、モデル出力をUIへストリーミングし、エージェントを安全に動かすためのインフラ整備を進め、生成UIを含む次世代のWeb体験に向けたプラットフォーム戦略を強化しています。