【フルリモート／週5】Reactフロントエンドエンジニア（BtoB SaaS・複雑な業務UI開発と状態管理）

お任せしたいこと

自社で展開するBtoB向けSaaSプロダクト（管理画面や業務ダッシュボードなど）における、ReactおよびTypeScriptを用いたフロントエンド開発をお任せします。
「見た目を綺麗に整える」こと以上に、数百項目の入力フォームや、大量のデータが並ぶデータグリッド、複雑なユーザー権限に基づく表示切り替えなど、BtoB特有のヘビーな業務要件をブラウザ上で破綻なく動かし、ユーザーの業務効率を最大化するための泥臭いUI設計と状態管理にチームで取り組んでいただきます。

具体的な業務内容

・ReactおよびTypeScriptを用いた、SPA（Single Page Application）の設計・開発・テスト
・react-hook-formやZod等を用いた、複雑なバリデーションを含む大規模入力フォームの実装
・ZustandやJotai（またはRedux）を利用したクライアントサイドの複雑な状態管理、およびTanStack Query等を利用したデータフェッチの最適化
・数千件〜数万件のデータ行を描画するテーブルUIに対する、仮想化（Virtualization）やメモ化（memo, useMemo）を用いたパフォーマンス・レンダリング最適化
・OpenAPI等のスキーマ定義に基づいた、バックエンドAPIとの堅牢な繋ぎ込みとエラーハンドリング
・JestやReact Testing Libraryを用いた、複雑な業務ロジックやUIコンポーネントの自動テスト実装
・PdMやデザイナーと連携し、要件に対して「こちらの標準UIパーツを流用した方が実装コストが低く、保守も容易になる」といった技術的な提案と仕様調整

必須スキル・経験

・React等のモダンフレームワークを用いたSPAの開発実務経験（目安として3年以上）
・TypeScriptを用いた開発経験、および型安全なコード設計の知見
・複雑な状態管理、または大規模な入力フォームの実装・運用経験
・Git / GitHubを用いたプルリクエストベースでのチーム開発経験

歓迎スキル・経験

・BtoB SaaS、または管理画面・ダッシュボード等のエンタープライズ向けWebシステムのフロントエンド開発経験
・Reactのレンダリングライフサイクルに対する深い理解と、パフォーマンスチューニングの実務経験
・TanStack Query、react-hook-form、Zod等のモダンなエコシステムの利用経験
・MUI、Chakra UIなどのUIライブラリを用いた開発、または独自デザインシステムの構築経験
・アジャイル / スクラムでのチーム開発経験

開発・業務環境

言語・フレームワーク：React, TypeScript (Vite等のバンドラを利用したSPA構成)
状態管理・データフェッチ：TanStack Query, Zustand (または Jotai, Redux)
フォーム・バリデーション：react-hook-form, Zod
スタイリング：Tailwind CSS (または MUI等のコンポーネントライブラリ)
テスト・CI/CD：Jest, React Testing Library, GitHub Actions
デザイン・コミュニケーション：Figma, GitHub, Jira, Slack, Zoom

プロジェクトチームについて

BtoBプロダクトのフロントエンド開発チームへの配属となります。
「とにかく凝ったリッチなアニメーションを作りたい」というよりも、「毎日100件のデータを登録する担当者が、いかにマウスを使わずキーボードだけでサクサク入力できるか」「途中で通信エラーが起きても入力データが消えないか」といった、業務システムとしての『堅牢性』と『実用性』に最も価値を置く手堅いカルチャーです。コードレビューでは、将来的な保守性を考慮し、不要な再レンダリングを招く設計になっていないか、カスタムフックの切り出し粒度が適切かといった観点でフラットな意見交換を行っています。

求める人物像

・デザイナーから渡されたFigmaをただコーディングするのではなく、「この仕様だとデータ量が増えた時にブラウザが固まる」といったリスクを事前に検知し、代替案を出せる方
・少し古いコードや肥大化したコンポーネントに対しても、文句を言うのではなく地道にテストを書きながらリファクタリングしていける方
・「自分のタスクだけ終わればいい」ではなく、ビジネスサイドの要望に対してエンジニア目線で建設的に仕様の取捨選択をリードできる方

仕事の魅力

企業の基幹業務を支える、非常に社会性の高いプロダクトです。BtoB特有の複雑なドメイン知識をUIに落とし込み、フロントエンドにおける「状態管理の複雑さ」や「レンダリングパフォーマンスの限界」といったハードな技術的課題に立ち向かう経験を通じて、Reactエンジニアとして一段上の汎用性が高いアーキテクチャ設計スキルを着実に磨くことができます。

働き方

リモート環境

[フルリモート] 基本的にフルリモートで働いていただけます。