【フルリモート／週5／React】数千社が導入する人事評価・タレントマネジメントSaaSにおける複雑なUI開発およびパフォーマンスチューニング

【フルリモート／週5／React】数千社が導入する人事評価・タレントマネジメントSaaSにおける複雑なUI開発およびパフォーマンスチューニング ### お任せしたいこと ［役割］フロントエンドエンジニアとして、企業の経営層や人事担当者、一般社員など多様なユーザーが利用する「人事評価・タレントマネジメントSaaS」のReactを用いたSPA開発、および複雑な画面のパフォーマンス改善をお任せします。 ［役割に対して求める成果］動的に入力項目が増減する複雑な「評価シート」や、数万人の従業員データを階層表示する「組織図ツリー」など、フロントエンドの負荷が高くなりやすい画面において、不要な再レンダリングを徹底的に防ぎ、サクサクと動く快適な操作体験を実現すること。また、長期的な運用を見据え、React Hook Form等のライブラリを活用してフォームの状態管理を最適化し、保守性の高いコンポーネント設計へと継続的に改善していくこと。 ### 具体的な業務内容 ・ReactおよびTypeScriptを用いた、SaaSプロダクトの新機能開発と既存画面の継続的な改修 ・React Hook FormとZod（またはYup）を活用した、数十〜数百の入力フィールドを持つ動的で複雑なフォームの状態管理およびバリデーションの実装 ・数万件の従業員データを扱うデータグリッドや組織図における、仮想スクロール（Virtualization）の導入や`useMemo` / `useCallback`を活用したレンダリング遅延の解消 ・巨大化した既存コンポーネントの責務分割、およびビジネスロジックのカスタムフックス（Custom Hooks）への抽出といった着実なリファクタリング ・PdM（プロダクトマネージャー）やデザイナーと連携し、「ITリテラシーが様々である従業員全員が迷わず入力できるUI」の仕様検討と実装への落とし込み ・Storybookを用いた社内共通UIコンポーネントライブラリの保守、およびキーボード操作等に配慮したアクセシビリティの改善 ・バックエンドエンジニアと連携した、大量データを効率よく取得・更新するためのREST API（またはGraphQL）のインターフェース調整 ・JestやReact Testing Libraryを用いたコンポーネントテストの拡充によるデグレ（回帰バグ）の防止 ### 必須スキル・経験 ・Reactを用いたSPA（Single Page Application）の開発実務経験（3年以上） ・TypeScriptを用いた型安全なフロントエンド開発経験（2年以上） ・HTML/CSSに関する深い理解と、レスポンシブデザイン・UIコンポーネントの実装経験 ・Git/GitHubを用いたプルリクエストベースでのチーム開発経験 ### 歓迎スキル・経験 ・React Hook Form等のフォーム管理ライブラリを利用した、複雑なフォーム画面の実装経験 ・大量のデータを扱うテーブル（表）やツリー構造のUIにおいて、パフォーマンスチューニングを行った経験 ・Zustand、Jotai等の軽量な状態管理ライブラリ、またはReact Query（TanStack Query）等のデータフェッチライブラリの利用経験 ・BtoB SaaS、または人事・労務・会計などの業務システムの開発経験 ・Storybookを用いたコンポーネント設計・運用経験 ・Jest、React Testing Library等を用いたテストコードの実装経験 ・Webアクセシビリティ（WAI-ARIA等）に関する基礎的な知識と実装経験 ### 開発・業務環境 言語・フレームワーク：React, TypeScript 状態管理・通信：React Hook Form, Zod, Zustand, React Query スタイリング：Tailwind CSS (または CSS Modules) テスト・ツール：Jest, React Testing Library, Storybook インフラ・CI/CD：AWS, GitHub Actions デザイン・コミュニケーション：Figma, GitHub, Jira, Slack, Zoom ### プロジェクトチームについて プロダクト開発部のフロントエンドチームへの配属となります。「最新のライブラリを使ってみたい」といった技術的興味よりも、「エンドユーザーである一般社員が、半期に一度の評価入力をいかにストレスなく終えられるか」という実用性とユーザー体験を最優先する堅実なカルチャーです。複雑な状態管理やコンポーネントの分割方針については、独りよがりな実装にならないよう、PR上で意図を説明し合いながらチーム全体でコード品質を保っています。 ### 求める人物像 ・「とりあえず動く画面」を作るだけでなく、ユーザーの入力途中でのバリデーション発火タイミングなど、細かなインタラクションにまで気を配れる方 ・パフォーマンスの劣化や予期せぬバグを引き起こす「不要な再レンダリング」に対し、Reactのライフサイクルを深く理解した上で論理的に対処できる方 ・「レガシーなコードを全て書き直したい」という極端なアプローチではなく、稼働中のシステムを守りながら日々のタスクの中で少しずつコードを綺麗にしていくボーイスカウトルールを実践できる方 ### 仕事の魅力 企業の「人（人事評価や組織改編）」という、複雑かつ絶対にミスが許されないデータを扱うため、フロントエンドの設計力がダイレクトに試されるポジションです。特に、動的な巨大フォームや大量データの描画といった「Reactエンジニアが最も頭を悩ませる実践的な課題」に日々向き合うため、単なる画面作成にとどまらない、高度なパフォーマンスチューニングとアーキテクチャ設計のスキルを深く磨くことができます。 ### 働き方 #### リモート環境 **[フルリモート]** 基本的にフルリモートで働いていただけます。

1回