【フルリモート／週5／React】固定化された画面構成を捨て去る。AIの意図をリアルタイムに解釈し、UIを動的生成する「次世代Generative UI基盤」のフロントエンドアーキテクト

お任せしたいこと

［役割］フロントエンドエンジニアとして、「事前に定義された画面（ルーティング）にJSONをマッピングする」という従来のWebアプリケーションの常識を覆し、ユーザーとAIの対話文脈に応じて最適なUIコンポーネントをリアルタイムに生成・描画する「次世代AIネイティブ・ワークスペース（Generative UI基盤）」のコア開発をお任せします。
［役割に対して求める成果］LLM（大規模言語モデル）から非同期にストリーミングされる不確実なデータストリームを、React 19のServer Components（RSC）とServer-Sent Eventsを駆使して遅延なく受け取り、安全かつインタラクティブなDOMへと変換すること。「AIの生成待ち時間」というユーザー最大のストレスを、useOptimisticやスケルトンスクリーンの極限の最適化によって完全に隠蔽し、まるで魔法のような滑らかな操作体験を実現すること。

具体的な業務内容

・React 19およびNext.js（App Router）を用いた、React Server Components（RSC）とClient Componentsの境界を極限まで最適化した高度なアーキテクチャの設計、実装、テスト
・Vercel AI SDK等を活用した、LLMからのServer-Sent Events（SSE）ストリームの受信と、テキストだけでなく「実行可能なReactコンポーネント」をリアルタイムにストリーミング・レンダリングするロジックの実装
・AIが生成した抽象構文木（AST）やJSONスキーマを、セキュリティ（XSS対策等）を担保しつつ、自社のUIデザインシステム（Tailwind CSS / Radix UI）に準拠した美しいコンポーネントへと動的にマッピングするレンダリングエンジンの構築
・Zustand等を利用した、AIが保持するリモートステート（対話履歴や文脈）と、ユーザーが操作するローカルステート（入力フォーム、選択状態）の複雑な同期と競合解決
・useTransitionやuseOptimisticを活用した、非決定的なAIのレスポンスに対する楽観的UI（Optimistic UI）の実装と、極めてスムーズなマイクロインタラクションの追求
・Chrome DevToolsやReact Profilerを用いた、動的生成される膨大なコンポーネントツリーにおける不要な再レンダリングの徹底排除と、ハイドレーション（Hydration）エラーの未然防止
・Playwrightを用いた、AIの出力が確率的にブレることを前提とした、脆くない（Flakyでない）堅牢なE2Eテストパイプラインの構築

必須スキル・経験

・Reactを用いたSPA（Single Page Application）の開発・本番運用経験（3年以上）
・TypeScriptの高度な型システムを理解し、実務で活用した経験（2年以上）
・ブラウザのレンダリングパイプラインの深い理解と、パフォーマンスチューニングの実務経験
・Git/GitHubを用いたチーム開発およびPull Requestベースのコードレビュー経験

歓迎スキル・経験

・Next.js（App Router）およびReact Server Components（RSC）を用いた本番環境でのプロダクト開発経験
・Vercel AI SDK、LangChain.js等を用いた生成AIアプリケーション（LLM連携アプリ）のフロントエンド開発経験
・Server-Sent Events（SSE）やWebSocketを利用した、リアルタイム・ストリーミングデータ処理の実装経験
・抽象構文木（AST）の操作、または独自マークアップからのReactコンポーネント動的生成ロジックの実装経験
・Tailwind CSS、Radix UI等を用いた、アクセシビリティ（WAI-ARIA）を考慮したUIコンポーネント設計経験
・Edge Computing（Vercel Edge Functions, Cloudflare Workers等）上でのアプリケーション実行・最適化経験

開発環境

言語・フレームワーク：React 19, TypeScript, Next.js (App Router)
AI連携・非同期処理：Vercel AI SDK, Server-Sent Events (SSE), OpenAI API / Anthropic API
状態管理・通信：Zustand, SWR (または TanStack Query)
スタイリング・UI：Tailwind CSS, Radix UI, Storybook, Framer Motion
CI/CD・テスト：GitHub Actions, Vercel, Vitest, Playwright
その他ツール：GitHub, Figma, Jira, Slack, Notion

開発チームについて

プロダクトマネージャー1名、UI/UXデザイナー2名、テックリード1名、フロントエンドエンジニア6名（今回募集枠含む）、AI/MLエンジニア3名の体制です。「画面はデザイナーとエンジニアが静的に作るもの」というパラダイムシフトの最前線に立ち、「AIがUIを記述する時代に、フロントエンドエンジニアの真の価値はどこにあるのか？」という深遠なテーマについて、コードレベルで白熱した議論を交わす非常にアグレッシブで知的なハッカー集団です。

求める人物像

・「APIから返ってきたJSONを画面に表示するだけ」の定型的なフロントエンド開発に飽き足らず、生成AIという全く新しい非決定的なシステムとの統合に強い知的好奇心を持てる方
・Server ComponentsやActionsといったReactの最新パラダイムを「単なる流行」ではなく「Webの構造的な課題を解決する必然」として理解し、積極的にプロダクトへ投入できる方
・フルリモート環境下において、AIエンジニアやデザイナーなど他職種とも自発的かつ円滑にテキストや通話でコミュニケーションが取れる方

仕事の魅力

現在のテックトレンドにおける最大のフロンティアである「Generative UI（生成AIによる動的UI）」を、エンタープライズ水準のプロダクトでゼロから設計・実装できる極めて希少なポジションです。React 19のエコシステムとLLMのストリーミング処理を高い次元で融合させる経験を積むことで、旧来のSPA開発の枠を完全に超えた、AI時代の「トップ・フロントエンドアーキテクト」としての圧倒的な市場価値を獲得することができます。

働き方

リモート環境

[フルリモート] フルリモートで働いていただけます。