【フルリモート／週5／React】ブラウザの限界を突破し、クリエイターの表現力を解放するクラウドネイティブ動画・映像編集プラットフォームのフロントエンドエンジニア

【フルリモート／週5／React】AIが動的にUIを生成する「Generative UI」で業務のあり方を変革する次世代AIエージェントSaaSのフロントエンドエンジニア ### お任せしたいこと ［役割］フロントエンドエンジニアとして、単なるテキストのチャットボットを超え、ユーザーのプロンプトに応じてAIが最適なグラフ、入力フォーム、ダッシュボード等のコンポーネントをリアルタイムに生成・提供する「Generative UI（生成型UI）」を備えた次世代AIエージェントプラットフォームのコアフロントエンド開発をお任せします。 ［役割に対して求める成果］React（React 18/19+）およびNext.js（App Router）の最先端機能を駆使し、サーバー側からストリーミングされるLLMの応答を遅延やレイアウトシフト（CLS）を一切起こさずに滑らかに描画すること。そして、AIが動的に構成する複雑なインタラクティブ・コンポーネント群を、破綻のない状態管理と極めて高いパフォーマンスで動作させること。 ### 具体的な業務内容 ・ReactおよびTypeScriptを用いた、AIチャットインターフェースと動的ダッシュボード（Generative UI）の高度なSPA詳細設計、実装、テスト ・Next.js（App Router / React Server Components）およびVercel AI SDK等を活用した、Server-Sent Events（SSE）による超低遅延なLLMストリーミング応答とコンポーネントの動的レンダリング処理 ・ZustandやJotaiを利用した、肥大化するチャット履歴や、AIが生成した複数のウィジェット間で連携する複雑なグローバルステート・ローカルステートの美しい状態管理 ・LLMがハルシネーション（意図しないコンポーネント出力）を起こした場合でもフロントエンド全体がクラッシュしないための、堅牢なError Boundary設計とフォールバックUIの実装 ・Radix UIやshadcn/uiをベースにした、AIが「組み立てやすい（コンポーザブルな）」、アクセシビリティ（a11y）に優れた独自の高度なデザインシステム・UIコンポーネント群の設計とStorybook運用 ・React Profilerを活用した、無限にスクロールされるチャットログにおけるDOMノードの仮想化（Virtualization）や、タイピングエフェクト時の不要な再レンダリングの徹底排除 ・Jest、Testing Libraryを用いた単体テスト、およびPlaywrightを用いた、非決定的なAIの出力を伴う複雑なE2Eテスト環境の構築とCI/CD運用 ### 必須スキル・経験 ・Reactを用いたSPA（Single Page Application）の開発・運用経験（3年以上） ・TypeScriptの高度な型システムを理解し、実務で活用した経験（2年以上） ・Next.jsを用いたWebアプリケーションの開発・本番運用経験 ・Git/GitHubを用いたチーム開発およびPull Requestベースのコードレビュー経験 ### 歓迎スキル・経験 ・Vercel AI SDK、LangChain.js等を用いた生成AI（LLM）連携アプリケーションの実装経験 ・Server-Sent Events（SSE）やWebSocketを用いたリアルタイム・ストリーミングUIの実装経験 ・React Server Components (RSC) やSuspenseを用いた最新のReactアーキテクチャの設計・実装経験 ・大規模なチャットUI、または無限スクロール等を伴うリスト描画のパフォーマンスチューニング経験 ・複雑なステートマシン（XState等）を用いた状態遷移の実装経験 ・Webアクセシビリティ（WCAG準拠）に関する深い知識と実装経験 ### 開発環境 言語・フレームワーク：React 18/19+, TypeScript, Next.js (App Router) AI・状態管理：Vercel AI SDK, OpenAI API / Anthropic API, Zustand (または Jotai), React Query スタイリング・UI：Tailwind CSS, Storybook, Radix UI, shadcn/ui, Framer Motion CI/CD・テスト：GitHub Actions, Vercel, Vitest, Playwright その他ツール：GitHub, Figma, Jira, Slack, Notion ### 開発チームについて プロダクトマネージャー1名、UI/UXデザイナー2名、AI/MLエンジニア2名、テックリード1名、フロントエンドエンジニア6名（今回募集枠含む）、バックエンドエンジニア多数の体制です。「テキストだけの対話は、AIのポテンシャルの10%も引き出せていない」という強烈なモチベーションを持ち、AIエンジニアが構築したモデルの出力を、いかに直感的で「触れる」UIに変換しユーザー体験を最大化するかについて、チーム全員で探求するハッカーカルチャーです。 ### 求める人物像 ・ChatGPTやClaudeなどの生成AIツールを日常的に使い倒し、「自分ならこのUIをもっとこうするのに」と常に新しいユーザー体験（UX）のパラダイムに知的好奇心を持てる方 ・ストリーミング中のテキストのガタつき（レイアウトシフト）や、不自然なローディングアニメーションをユーザーに対する罪と捉え、ピクセルパーフェクトで滑らかな描画に執念を持てる方 ・フルリモート環境下において、AIエンジニアやデザイナーなど他職種とも自発的かつ円滑にテキストや通話でコミュニケーションが取れる方 ### 仕事の魅力 現在のテック業界における最大のトレンドである「Generative AI」の最前線において、単なるAPIのつなぎ込みではなく「Generative UI」という全く新しいフロントエンドの設計パラダイムを開拓するエキサイティングなポジションです。React Server Componentsやストリーミング描画といった最先端のReactエコシステムを実戦で極限まで使い倒すことで、次世代のAIアプリケーション領域におけるトップ・フロントエンドアーキテクトとしての圧倒的な市場価値を獲得することができます。 ### 働き方 #### リモート環境 **[フルリモート]** フルリモートで働いていただけます。

1回