【フルリモート／週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エンジニアが最も頭を悩ませる実践的な課題」に日々向き合うため、単なる画面作成にとどまらない、高度なパフォーマンスチューニングとアーキテクチャ設計のスキルを深く磨くことができます。

働き方

リモート環境

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