【フルリモート/週5/React】生成AIを統合した次世代デザイン・コラボレーションSaaSのフロントエンド開発
作業内容
【フルリモート/週5/React】生成AIを統合した次世代デザイン・コラボレーションSaaSのフロントエンド開発 ### お任せしたいこと [役割]フロントエンドエンジニアとして、生成AIを活用してWebデザインやマーケティングクリエイティブを自動生成し、複数人でリアルタイムに共同編集できる次世代デザイン・コラボレーションSaaSのフロントエンド開発をお任せします。 [役割に対して求める成果]Figmaのような直感的なキャンバス操作と、CRDT(競合解決データ型)を用いた遅延のない複数人でのリアルタイム同期を実現しつつ、生成AIによる画像やUIコンポーネントのストリーミング出力をシームレスに画面に統合する、極めて高度でなめらかなユーザー体験(UX)の実現。 ### 具体的な業務内容 ・ReactおよびTypeScriptを用いた、SPAベースの高度なグラフィックエディタ・キャンバスUIの詳細設計・実装 ・YjsなどのCRDTライブラリとWebSocketを利用した、複数ユーザー間のリアルタイム共同編集機能(カーソルの同期、オブジェクトの排他制御など)の実装 ・Canvas APIやWebGLを用いた、大量のグラフィック要素(テキスト、画像、ベクターシェイプ)のブラウザ上での高速レンダリングおよびパフォーマンスチューニング ・Next.js(App Router)を活用したフロントエンドのアーキテクチャ設計と、Server-Sent Events (SSE) を利用した生成AIからのストリーミングレスポンス(UIの逐次生成)のハンドリング ・ZustandやJotaiを活用した、Undo/Redo(取り消し・やり直し)を含む極めて複雑なローカルステートの堅牢な管理と最適化 ・Framer Motion等を駆使した、ユーザーの操作を心地よくフィードバックするマイクロインタラクションの実装 ### 必須スキル・経験 ・Reactを用いたWebアプリケーションの設計・開発経験(3年以上) ・TypeScriptを用いた静的型付けでの実務経験(2年以上) ・REST APIまたはGraphQLを用いたバックエンドとの非同期通信の実装経験 ・Git/GitHubを用いたチーム開発およびPull Requestベースのコードレビュー経験 ### 歓迎スキル・経験 ・WebSocketやWebRTCを用いたリアルタイム通信・同期機能の開発経験 ・CRDT(Yjs, Automerge等)やOperational Transformation(OT)に関する知識、および実装経験 ・Canvas API、WebGL(PixiJS, Fabric.js等)を用いた高度な描画・画像処理アプリケーションの開発経験 ・Figmaプラグインの開発経験、またはデザインツールそのものの開発に携わった経験 ・Next.jsを用いたモダンなアーキテクチャ設計、および複雑な状態管理(Zustand, Jotai, Recoil等)の実務経験 ・アクセシビリティ(a11y)やWebパフォーマンス(Core Web Vitals)の最適化に関する深い知見 ### 開発環境 言語・フレームワーク:React, TypeScript, Next.js, Zustand / Jotai, Tailwind CSS, Framer Motion 通信・リアルタイム:GraphQL, WebSocket, Yjs (CRDT), SSE インフラ・CI/CD:Vercel, AWS, GitHub Actions ツール:GitHub, Figma, Storybook, Datadog, Sentry, Jira, Slack ### 開発チームについて プロダクトマネージャー1名、UI/UXデザイナー2名、AIリサーチャー1名、フロントエンドエンジニア5名(今回募集枠含む)、バックエンドエンジニア4名の体制です。「ブラウザ上で動くアプリケーションの限界を突破する」という強い技術的探求心を持ち、ショートカットキーの挙動ひとつや、ミリ秒単位のアニメーションの滑らかさにまで、デザイナーと共に徹底的にこだわるクラフトマンシップに溢れたチームです。 ### 求める人物像 ・「Figma」や「Notion」のような、世界中のクリエイターやワーカーの生産性を根本から変えるツールを自らの手で創り上げたいという野心をお持ちの方 ・複雑なDOMツリーや頻繁なステート更新によって発生するレンダリングのボトルネックを、Reactのプロファイラを用いて論理的に解決することに喜びを感じる方 ・フルリモート環境下において、デザイナーやAIエンジニアなど他職種とも自発的かつ円滑にテキストや通話でコミュニケーションが取れる方 ### 仕事の魅力 クリエイティブ制作のワークフローを生成AIの力で再定義する、グローバル市場を見据えた非常にチャレンジングなプロダクトです。リアルタイム同期(CRDT)やCanvasを用いた独自レンダリング、生成AIのストリーミング統合など、フロントエンドエンジニアにとって最高峰の技術的難易度を誇る領域に挑むことで、世界に通用する圧倒的なフロントエンドの専門性と市場価値を獲得することができます。 ### 働き方 #### リモート環境 **[フルリモート]** フルリモートで働いていただけます。
稼働条件
週5日 / フルリモート
契約形態
業務委託(フリーランス)
開発環境
React.js
募集回数
1回
スキル
企業名
株式会社Kaizen Tech Agent
サービス/プロジェクト名
詳細スケジュール/リリース時期
現場責任者の雰囲気
開発体制の詳細
詳細は面談でお伝えします。ご相談ください。
一部の情報は非公開の場合があります
案件について詳しく聞いてみませんか?
知りたい内容を選んでください(複数選択可)
