【フルリモート／週5】Reactフロントエンドエンジニア（BtoB SaaS・複雑な業務要件のUI/UX刷新とコンポーネント設計）

お任せしたいこと

自社で展開するBtoB向けSaaS（業務支援システム、管理ダッシュボード等）において、ReactおよびTypeScriptを用いたフロントエンド開発と、全社的なデザインシステム・コンポーネント基盤の構築をお任せします。
「ただ指示された画面を作る」のではなく、エクセルや紙の文化が根付く複雑な業務フローを紐解き、数千行に及ぶデータグリッドや複雑な入力フォームを「誰でも迷わず操作でき、かつ動作が重くならない」モダンなSPAへと昇華させるための、泥臭くも高度なUI/UXエンジニアリングにチームで取り組んでいただきます。

具体的な業務内容

・ReactおよびTypeScriptを用いた、BtoB SaaS向けの複雑なシングルページアプリケーション（SPA）の設計・開発
・Figma等のデザインカンプを元にした、再利用性・保守性の高いUIコンポーネントの設計、およびStorybookを用いたカタログ化（デザインシステムの構築）
・Zustand、Redux Toolkit、またはJotai等を利用した、複数の画面やコンポーネント間にまたがる複雑な状態管理（State Management）の最適化
・大量のデータ（テーブル、グラフ等）を描画する際のレンダリングパフォーマンスの改善、およびメモ化（useMemo, useCallback）の適切な運用
・Webアクセシビリティ（a11y）を意識したマークアップ、およびキーボード操作等に対応した堅牢なフォームの実装
・React Testing LibraryやJestを用いたコンポーネントの単体・結合テストの実装
・PdMやドメインエキスパート（業務知識を持つ社内メンバー）と連携し、複雑な業務要件をシンプルで直感的なUIに落とし込むための仕様調整

必須スキル・経験

・Reactを用いたSPA（シングルページアプリケーション）の実務開発経験（目安として3年以上）
・TypeScriptを用いた型安全な開発経験
・複雑な状態管理（Redux, Zustand等）、およびAPI連携の実装経験
・Git / GitHubを用いたプルリクエストベースでのチーム開発経験

歓迎スキル・経験

・BtoB SaaS、または大規模な業務システムのフロントエンド開発経験
・Storybookを用いたUIコンポーネントライブラリ、またはデザインシステムの構築・運用経験
・WAI-ARIA等のWebアクセシビリティ（a11y）に関する知識と実装経験
・フロントエンドのパフォーマンスチューニング（バンドルサイズ削減、レンダリング最適化等）の経験
・GraphQLを用いたAPI連携、およびApollo Client等の運用経験

開発・業務環境

言語・フレームワーク：React, TypeScript, Vite (または Next.js)
状態管理・データフェッチ：Zustand (または Redux Toolkit), TanStack Query
スタイリング・UI：Tailwind CSS (または MUI, Chakra UI)
コンポーネント管理：Storybook
テスト・CI/CD：Jest, React Testing Library, GitHub Actions
デザイン・コミュニケーション：Figma, GitHub, Jira, Slack, Zoom

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

BtoB SaaSフロントエンド開発チームへの配属となります。
「とりあえず動くからコピペで作る」といった場当たり的な実装を嫌い、「このコンポーネントのインターフェースはどうあるべきか」「propsが多すぎて密結合になっていないか」という、フロントエンドの設計の根幹について妥協なく議論する手堅いカルチャーです。ビジネス側の「とにかく入力項目を増やして」という要望に対しても、文句を言うのではなく「それだとユーザーの認知負荷が上がるため、ステップ入力に分けませんか」と、エンジニア目線でUI/UXの改善案を建設的に提示しています。

求める人物像

・「コンポーネントの再利用性」や「ディレクトリ構成の美しさ」といったフロントエンド特有の設計論に対し、チームの生産性を上げるための手段として前向きに探求できる方
・BtoB特有の「ドメイン知識（業務のルール）」を学ぶことを厭わず、複雑な仕様をパズルを解くように整理することにやりがいを感じる方
・特定のライブラリに固執するのではなく、プロジェクトの規模や要件に合わせてオーバーエンジニアリングにならない適切な技術選定ができる方

仕事の魅力

BtoCサービスとはまた異なる、BtoB特有の「極めて複雑な状態管理」や「大量データの描画」というフロントエンドのハードな課題に真っ向から挑戦できるポジションです。アクセシビリティを考慮した堅牢なコンポーネント設計や、全社的なデザインシステムの構築という経験を通じて、Reactエンジニアとして画面を作るだけのレベルを脱却し、大規模アプリケーションのアーキテクチャを牽引できる極めて市場価値の高いスキルを着実に磨くことができます。

働き方

リモート環境

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