【フルリモート/週5】Reactフロントエンドエンジニア(複雑なBtoB SaaS・高度な状態管理とSPA設計)

案件要件
- 職種
- エンジニア
- 業務内容
- システム開発・運用SES
- 報酬目安
- 4,400 ~ 4,700円/時
- 稼働時間目安
- 週5日 (時間目安 160時間)
- はたらく場所
- フルリモート
- スキル
【フルリモート/週5】Reactフロントエンドエンジニア(複雑なBtoB SaaS・高度な状態管理とSPA設計)
お任せしたいこと
自社で展開する業務要件の複雑なBtoB SaaSプロダクトにおいて、ReactとTypeScriptを用いたリッチで堅牢なシングルページアプリケーション(SPA)の設計・開発をお任せします。
「ただAPIから取得したデータを画面に並べるだけ」の単純な実装ではなく、数千行に及ぶデータテーブルや複雑な入力フォームといったエンタープライズ特有の要件に対し、クライアントサイドでの高度な状態管理とレンダリング最適化を駆使して、ユーザーがストレスなく操作できる「デスクトップアプリのような滑らかなUX」を泥臭く作り上げていくポジションです。
具体的な業務内容
・ReactおよびTypeScript(Viteベース)を用いた、複雑な業務フローを支えるSPAのフロントエンド設計・開発
・React Query(TanStack Query)を利用したサーバー状態のキャッシュ管理と、ZustandやJotaiを利用した複雑なクライアント状態(UIステート)の最適化
・React.memo、useMemo、useCallback等の適切な活用による、無駄な再レンダリングの徹底排除とパフォーマンスチューニング
・React Hook FormやZodを活用した、動的で複雑なバリデーションを含む堅牢なフォームコンポーネントの実装
・Figmaを用いたUI/UXデザインに基づき、再利用性と拡張性を考慮した独自のデザインシステム(UIコンポーネントライブラリ)の構築およびStorybook運用
・JestおよびReact Testing Libraryを利用した、カスタムフックや複雑なUIロジックに対する網羅的な単体テストの実装
・バックエンドエンジニアと連携した、フロントエンドのパフォーマンスを最大化するためのAPIスキーマ(RESTまたはGraphQL)の設計交渉
必須スキル・経験
・Reactを用いたWebアプリケーション(SPA)の開発実務経験(目安として3年以上)
・TypeScriptを用いた型安全なプログラミング、およびカスタムフックの設計経験
・複雑な状態管理(Redux, Zustand, Recoil, React Query等のいずれか)の実務運用経験
・Git / GitHubを用いたプルリクエストベースでのチーム開発、およびコードレビュー経験
歓迎スキル・経験
・BtoB SaaS、または管理画面などの複雑な業務システムのフロントエンド開発経験
・Webパフォーマンスの計測・改善(レンダリング最適化、バンドルサイズの削減等)の実務経験
・Webアクセシビリティ(WAI-ARIA)に関する基礎知識と実装経験
・PlaywrightやCypress等を利用したE2Eテストの自動化経験
・BFF(Backend for Frontend)層の設計、またはNode.jsを用いた開発経験
開発・業務環境
開発言語:TypeScript
フレームワーク:React (Vite)
状態管理・データフェッチ:TanStack Query, Zustand (または Jotai), React Hook Form
スタイリング:Tailwind CSS (または CSS Modules, Vanilla Extract)
テスト・CI/CD:Jest, React Testing Library, GitHub Actions
デザイン・管理:Figma, Storybook, GitHub, Jira, Slack, Zoom
プロジェクトチームについて
BtoBプロダクトのコア機能を担うフロントエンド開発チームへの配属となります。
「コンポーネントの分割単位」や「状態をどこに持たせるか(グローバルかローカルか)」といった設計論に対して、「なんとなく」ではなく「なぜそうするのか」を妥協なく議論する手堅いカルチャーです。過度な抽象化による「誰にも読めないブラックボックス化」を強く嫌い、将来の仕様変更に耐えうるシンプルで変更容易性の高いコードベースを維持するため、泥臭いリファクタリングを日常的に行っています。
求める人物像
・「Reactの魔法」に頼るのではなく、Reactのレンダリングサイクルやライフサイクル(仮想DOMの差分検知など)の裏側の仕組みを深く理解しようとする方
・ビジネス側の「とりあえずこの項目をフォームに追加して」という要望に対し、UI/UXの観点から「それは本当にユーザーにとって使いやすいか」を問い直せる方
・新しいライブラリ(Next.jsのApp Router等)に飛びつく前に、現在のSPAアーキテクチャの課題とビジネス要件を照らし合わせ、適切な技術選定ができる方
仕事の魅力
BtoB領域における「業務のデジタル化」の成否は、ユーザーが毎日使う画面(フロントエンド)の品質に直結します。複雑なドメイン知識を整理し、Reactのエコシステムを駆使して「絶対に破綻しないSPA」を構築する経験を通じて、単なるマークアップエンジニアを完全に脱却し、エンタープライズ領域で最も重宝される「複雑な状態管理を制するシニアフロントエンドエンジニア」としての確固たる市場価値を築くことができます。
働き方
リモート環境
[フルリモート] 基本的にフルリモートで働いていただけます。
株式会社Kaizen Tech Agent
株式会社Kaizen Tech Agentは、「人と技術をつなぐ」ことを企業理念に掲げ、日々向上していく『技術』と『人』を最適な形でむつび付け提供することで、
お客様にとって真にプラスとなる価値でありたいと考えております。
私たちはそれぞれの個性を尊重し、ほっとする和みの社風でありながら、変化する時代に対して受け身にならず、未来への挑戦心を宿しています。
事業領域は、WEBアプリ開発、業務システム開発、スマホアプリ開発、インフラ構築など幅広く展開しており、
フリーランス様に対して最適な案件をご提案させて頂いております。どんな些細な事でも結構ですので是非いつでもお気軽にご相談ください。
