Hiroki Tsuboi
LLM をプロダクトに組み込むフロントエンドエンジニア
About
アプリケーションに AI 機能を組み込むフロントエンドエンジニアです。ストリーミング応答のチャット UI、RAG 検索のフロントエンド統合、業務エージェントの承認フローなど、LLM をユーザーが触れるプロダクトとして仕上げる部分を担ってきました。
現在は、LLM が返す構造化データに応じてフロントエンドが適切な UI コンポーネントを自動で選択・描画する Generative UI のアーキテクチャに取り組んでいます。どのコンポーネントをいつ使うかをプロンプトとスキーマで制御し、自然言語の入力から動的に画面を構成する仕組みです。
AI が選びやすく、どう組み合わせても壊れないコンポーネント設計。それが、これからのフロントエンドに求められる力だと考えています。
Links
Tech Stack
Experience
ReactTypeScriptNext.jsAWS BedrockTurborepo
Next.jsTypeScriptTurborepoSupabaseDrizzle ORMHonoAI
ReactTypeScriptNext.jsGraphQLHasuraAWS Lambda
ReactTypeScriptNext.js
Next.jsTypeScriptSupabase
FlutterNuxt.jsVue.jsFirebase
Slides
TanStack Start — クライアントファーストという選択SSR/RSC全盛の時代に Router-first / Client-first という設計軸を読み解く2026年5月
Code Mode — AIにツールを呼ばせるな、コードを書かせろツール呼び出しからプログラム的オーケストレーションへ、TanStack AI を中心に読み解く2026年4月
Generative UI を支えるプロトコル群A2UI・AG-UI・MCP Apps の設計思想2026年3月
TanStack AI — Vercel AI SDK の次の選択肢アーキテクチャと設計哲学の比較分析2026年1月
ヘッドレスUIライブラリの系譜思想、歴史、アーキテクチャの進化2025年12月
エンタープライズRAGの実装課題と解決策受託開発で得た高精度化の知見2025年12月