【フルリモート/週5/React】SaaS・B2Bマルチテナント向けワークフロー自動化&フォームビルダー開発

案件要件
- 職種
- エンジニア
- 業務内容
- システム開発・運用SES
- 報酬目安
- 4,200 ~ 5,000円/時
- 稼働時間目安
- 週5日 (時間目安 160時間)
- はたらく場所
- フルリモート
- スキル
【フルリモート/週5/React】SaaS・B2Bマルチテナント向けワークフロー自動化&フォームビルダー開発
お任せしたいこと
[役割]
React 18+ / TypeScript / React Flow を用いた、B2B SaaS プラットフォームにおけるノーコード・ワークフロー構築および動的フォームビルダー UI のフロントエンド開発
[役割に対して求める成果]
React Flow によるノード・エッジの描画パフォーマンス最適化および HTML5 Drag and Drop API / Dnd Kit の状態更新最適化により、100 以上の複雑な分岐ノードを持つ大型ワークフローキャンバス上でも描画遅延を 16ms 未満(60fps)に抑え、快適な操作性を達成
具体的な業務内容
React 18+ / TypeScript / React Flow を用いた、ドラッグ&ドロップで視覚的に条件分岐を構築できるワークフローキャンバスの開発
Dnd Kit / React Hook Form を活用した、バリデーションルールを動的に定義可能な高度フォームビルダーコンポーネントの実装
Zustand / TanStack Query を用いた、キャンバス上の複雑なノード接続状態・変更履歴(Undo/Redo)の効率的な状態管理
Tailwind CSS / Radix UI / Shadcn UI を用いた、B2B ユーザー向けのレスポンシブかつアクセシブルなデザインシステムコンポーネントの実装
Vitest / Playwright を用いた、ノード接続ロジックおよび動的フォーム入力値の E2E 自動テスト構築
必須スキル・経験
React および TypeScript を用いた Web アプリケーションの開発・運用経験(3年以上)
React Hook Form, Zod 等を用いた複雑なフォーム状態管理・動的バリデーションの実装実績
Zustand, Redux Toolkit 等を用いた状態管理アーキテクチャの設計・パフォーマンス最適化経験
Dnd Kit, React Flow 等のキャンバス/ドラッグ&ドロップライブラリを用いた開発実績
歓迎スキル・経験
B2B SaaS、ワークフローオートメーション、ノーコード/ローコードツール領域での開発実績
HTML5 Canvas / SVG 描画ライブラリ(Konva, D3.js 等)を活用した UI 実装知見
Undo / Redo 機能(Yjs や Immer 等を活用した不変データ構造処理)の構築経験
Vite, Storybook を用いたコンポーネントライブラリの開発基盤運用実績
開発環境
言語/環境: React 18+, TypeScript 5.x, React Flow, Dnd Kit, React Hook Form
通信/状態: Zustand, TanStack Query, Zod, REST API
ビルド/ツール: Vite, Storybook, Vitest, Playwright, Biome
インフラ/CI: Vercel, AWS (S3, CloudFront), GitHub Actions
コミュニケーション: Slack, Notion, Figma, GitHub
働き方
リモート環境
[フルリモート] フルリモートで働いていただけます。
株式会社Kaizen Tech Agent
株式会社Kaizen Tech Agentは、「人と技術をつなぐ」ことを企業理念に掲げ、日々向上していく『技術』と『人』を最適な形でむつび付け提供することで、
お客様にとって真にプラスとなる価値でありたいと考えております。
私たちはそれぞれの個性を尊重し、ほっとする和みの社風でありながら、変化する時代に対して受け身にならず、未来への挑戦心を宿しています。
事業領域は、WEBアプリ開発、業務システム開発、スマホアプリ開発、インフラ構築など幅広く展開しており、
フリーランス様に対して最適な案件をご提案させて頂いております。どんな些細な事でも結構ですので是非いつでもお気軽にご相談ください。
