【フルリモート／週5】Reactフロントエンドエンジニア（高難易度・大規模SPAのアーキテクチャ設計と状態管理最適化）

お任せしたいこと

自社で展開する複雑な業務要件を持つBtoB SaaS、またはリッチなインタラクションが求められるWebアプリケーションにおいて、ReactおよびTypeScriptを用いた大規模シングルページアプリケーション（SPA）の設計・開発をお任せします。
単に「Figmaのデザイン通りにコンポーネントを作る」段階を脱却し、ブラウザ上で動作する一つの巨大なソフトウェアとして、複雑に絡み合うクライアントサイドの状態（Global State / Server State）を適切に分離し、数十人のエンジニアが触っても破綻しないスケーラブルでパフォーマンスの高いフロントエンド基盤を泥臭く構築していただくポジションです。

具体的な業務内容

・React（React 18以降）およびTypeScriptを用いた、堅牢で拡張性の高い大規模SPAのフロントエンド開発
・Redux Toolkit、Zustand、Jotai等をビジネス要件に合わせて使い分ける、複雑なクライアントステートの設計・リファクタリング
・TanStack Query（React Query）やSWRを用いた、非同期データフェッチ（サーバーキャッシュ）の最適化およびエラーハンドリングの実装
・React Profiler等を用いたレンダリングのボトルネック特定、および不要な再レンダリング（Re-render）を徹底排除するパフォーマンスチューニング
・Storybookを活用した、再利用性が高くアクセシビリティ（WAI-ARIA等）に配慮された共通UIコンポーネント群（デザインシステム）の構築
・React Testing Library、Vitest、およびPlaywright（またはCypress）を用いた、コンポーネントテストからE2Eテストまでの自動化とCI/CDパイプラインへの組み込み
・バックエンドエンジニアと連携した、フロントエンドの関心事に合わせたBFF（Backend for Frontend）層の設計、またはGraphQL（Apollo Client等）の導入推進

必須スキル・経験

・Reactを用いたWebアプリケーションの開発実務経験（目安として3年以上）
・TypeScriptを用いた型安全なプログラミング、および高度なコンポーネント設計の実務経験
・React Hooksの内部的な挙動（依存配列の管理、クロージャーのトラップ等）に関する深い理解
・Redux等のグローバル状態管理ライブラリ、またはTanStack Query等のデータフェッチライブラリを用いた本番運用経験
・Git / GitHubを用いたプルリクエストベースでのチーム開発、および高度なコードレビュー経験

歓迎スキル・経験

・複雑なドメイン知識を持つSaaSプロダクト、または管理画面（ダッシュボード等）の大規模SPA開発経験
・Reactのレンダリング最適化（useMemo, useCallbackの適切な利用や、Virtual DOMの理解）に関する高度な実践経験
・Feature Sliced Design（FSD）やClean Architecture等の設計思想をフロントエンドに適用した経験
・Figma等のデザインツールを深く理解し、UI/UXデザイナーと対等に仕様を議論・改善した経験
・WebGL（Three.js）やCanvas APIを用いたリッチな描画処理の実装経験

開発・業務環境

開発言語：TypeScript
UIライブラリ：React
状態管理・データフェッチ：Zustand (または Jotai, Redux Toolkit), TanStack Query
ビルドツール：Vite (または Webpack)
スタイリング：Tailwind CSS, CSS Modules (または 既存のCSS-in-JSからの移行)
テスト・品質：Vitest, React Testing Library, Playwright, ESLint
デザイン・ドキュメント：Figma, Storybook, Notion
コミュニケーション・管理：GitHub, Jira, Slack, Zoom

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

ユーザーの業務効率をダイレクトに左右する、フロントエンドコア開発チームへの配属となります。
「Next.js等のフルスタックフレームワークが流行っているから」という理由で無闇に技術を切り替えることを嫌い、要求されるインタラクションの複雑さと初回ロードのトレードオフをシビアに見極め、「純粋なReact SPA」のポテンシャルを極限まで引き出す手堅いカルチャーです。コンポーネントの再利用性やpropsのバケツリレー（Prop Drilling）といった泥臭い課題に対し、安易にグローバルステートに逃げるのではなく、設計の力で関心を分離する実直なメンバーが集まっています。

求める人物像

・「動くコード」を書くだけでなく、Reactの公式ドキュメントやソースコードのレベルまで踏み込み、フレームワークの思想を正しく理解して実装できる方
・肥大化した巨大コンポーネントや複雑なHooksの絡み合いに直面した際、文句を言うのではなく、テストコードを書いてから安全にリファクタリングを楽しめる方
・デザイナーからのUI要件に対して「実装が難しいから」と諦めるのではなく、パフォーマンスとUXのバランスを考慮した現実的な代替案を論理的に提案できる方

仕事の魅力

ブラウザという制約の多い環境下で、デスクトップアプリケーションに匹敵する複雑なソフトウェアをReactを用いて構築する、フロントエンドエンジニアリングの最前線を体感できるポジションです。状態管理の複雑性やパフォーマンスの壁を技術力で突破する経験を通じて、流行り廃りの激しいツールチェーンに依存しない、どの時代・どの企業でも通用する「本質的なフロントエンドアーキテクト」としての圧倒的な市場価値を築くことができます。

働き方

リモート環境

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