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

案件要件
- 職種
- エンジニア
- 業務内容
- システム開発・運用SES
- 報酬目安
- 5,800 ~ 6,600円/時
- 稼働時間目安
- 週5日 (時間目安 160時間)
- はたらく場所
- フルリモート
- スキル
【フルリモート/週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アプリケーション領域におけるトップ・フロントエンドアーキテクトとしての圧倒的な市場価値を獲得することができます。
働き方
リモート環境
[フルリモート] フルリモートで働いていただけます。
株式会社Kaizen Tech Agent
株式会社Kaizen Tech Agentは、「人と技術をつなぐ」ことを企業理念に掲げ、日々向上していく『技術』と『人』を最適な形でむつび付け提供することで、
お客様にとって真にプラスとなる価値でありたいと考えております。
私たちはそれぞれの個性を尊重し、ほっとする和みの社風でありながら、変化する時代に対して受け身にならず、未来への挑戦心を宿しています。
事業領域は、WEBアプリ開発、業務システム開発、スマホアプリ開発、インフラ構築など幅広く展開しており、
フリーランス様に対して最適な案件をご提案させて頂いております。どんな些細な事でも結構ですので是非いつでもお気軽にご相談ください。
