コマンドパレット

ページ・記事・アクションを検索できます。

Hiroki Tsuboi

LLM をプロダクトに組み込むフロントエンドエンジニア。チャット UI・業務エージェント・Generative UI の設計と実装。

About

アプリケーションに AI 機能を組み込むフロントエンドエンジニアです。ストリーミング応答のチャット UI、RAG 検索のフロントエンド統合、業務エージェントの承認フローなど、LLM をユーザーが触れるプロダクトとして仕上げる部分を担ってきました。

現在は、LLM が返す構造化データに応じてフロントエンドが適切な UI コンポーネントを自動で選択・描画する Generative UI のアーキテクチャに取り組んでいます。どのコンポーネントをいつ使うかをプロンプトとスキーマで制御し、自然言語の入力から動的に画面を構成する仕組みです。

AI が選びやすく、どう組み合わせても壊れないコンポーネント設計。それが、これからのフロントエンドに求められる力だと考えています。

Links

Tech Stack

ReactTypeScriptNext.jsTanStackBase UITailwind CSSMotionNode.jsPostgreSQLGitSupabaseFirebaseFlutterClaude AIMCPVercel

Experience

ReactTypeScriptNext.jsAWS BedrockTurborepoReact Flow
Next.jsTypeScriptTurborepoSupabaseDrizzle ORMHonoAI
ReactTypeScriptNext.jsGraphQLHasuraAWS Lambda
ReactTypeScriptNext.js
Next.jsTypeScriptSupabase
Nuxt.jsVue.jsFirebase

Blog