【フルリモート／週5／React】複雑な状態管理とレンダリング最適化を極める次世代グローバルコラボレーションSaaSのフロントエンドエンジニア

【フルリモート／週5／React】複雑な状態管理とレンダリング最適化を極める次世代グローバルコラボレーションSaaSのフロントエンドエンジニア ### お任せしたいこと ［役割］フロントエンドエンジニアとして、世界中のチームがリアルタイムで共同編集を行い、プロジェクト管理やドキュメンテーションをシームレスに行う次世代グローバルコラボレーションSaaSのコアフロントエンド開発をお任せします。 ［役割に対して求める成果］「ブラウザ上で動いているとは思えない」ほどのネイティブアプリに匹敵する圧倒的な操作感を実現するため、React 18以降の最新機能とTypeScriptを極限まで活用し、数千のDOMノードや複雑なコンポーネントツリーにおける無駄な再レンダリングを徹底的に排除した、超高速で堅牢なSPA（Single Page Application）アーキテクチャを構築すること。 ### 具体的な業務内容 ・React（React 18+）およびTypeScriptを用いた、極めてリッチでインタラクティブなSPAの詳細設計、実装、テスト ・Next.js（App Router / React Server Components）を活用した、初期ロード時間の短縮（Core Web Vitalsの最適化）および高度なルーティング設計 ・Zustand、Jotai、またはRedux Toolkitを利用した、複雑に絡み合うグローバルステートとローカルステートの美しい分離・管理 ・Yjs等のCRDT（Conflict-free Replicated Data Type）やWebSocketを利用した、複数人によるリアルタイムな同時編集ロジックと衝突解決の実装 ・Figma等で定義されたUI/UXをミリ単位で再現し、Storybookを用いた再利用可能でアクセシビリティ（a11y）に優れた自社デザインシステム・UIコンポーネント群の構築 ・Chrome DevTools（Performanceタブ）やReact Profilerを活用したメモリリークの特定と、レンダリングボトルネックの泥臭い解消 ・Jest、React Testing Libraryを用いた単体テスト、およびPlaywright（またはCypress）を用いたE2Eテストの自動化による継続的な品質担保 ### 必須スキル・経験 ・Reactを用いたSPA（Single Page Application）の開発・運用経験（3年以上） ・TypeScriptの高度な型システムを理解し、実務で活用した経験（2年以上） ・複雑な状態管理（Redux, Zustand, Recoil等）の設計およびパフォーマンスチューニングの実務経験 ・Git/GitHubを用いたチーム開発およびPull Requestベースのコードレビュー経験 ### 歓迎スキル・経験 ・Next.jsを用いた大規模Webアプリケーション（SSR / SSG / RSC等）の開発経験 ・WebSocketやWebRTCを用いたリアルタイム通信アプリケーションの実装経験 ・CRDT（Yjs等）やOperational Transformation（OT）を用いた共同編集機能の実装経験 ・Canvas API、WebGL、またはThree.js等を利用した高度なグラフィック描画・パフォーマンス最適化経験 ・マイクロフロントエンドアーキテクチャの設計・導入経験 ・Webアクセシビリティ（WCAG）に関する深い知識と実装経験 ・OSSへのコントリビュート経験、またはフロントエンド技術に関する積極的な発信活動 ### 開発環境 言語・フレームワーク：React 18+, TypeScript, Next.js 状態管理・通信：Zustand (または Jotai), React Query (TanStack Query), GraphQL / REST API, WebSocket スタイリング・UI：Tailwind CSS (または CSS-in-JS), Storybook, Radix UI CI/CD・テスト：GitHub Actions, Vercel, Jest, React Testing Library, Playwright その他ツール：GitHub, Figma, Jira, Slack, Notion ### 開発チームについて プロダクトマネージャー1名、UI/UXデザイナー2名、テックリード1名、フロントエンドエンジニア7名（今回募集枠含む）、バックエンドエンジニア6名、SRE2名の体制です。「わずかなカクつき（Jank）がユーザーの思考を妨げる」という強い危機感を持ち、不要な `useEffect` を憎み、メモ化（`useMemo`, `useCallback`）の正しい用法をチームで徹底的に議論し合う、フロントエンド技術への探求心に溢れた職人集団です。 ### 求める人物像 ・「とりあえず動くコード」ではなく、コンポーネントのライフサイクルとレンダリングの仕組みを深く理解し、ブラウザの限界を引き出すことにエンジニアリングの快感を覚える方 ・デザイナーが作成したFigmaの意図（マイクロインタラクションやタイポグラフィ）を汲み取り、ピクセルパーフェクトかつ滑らかなアニメーションで実装することに執念を持てる方 ・フルリモート環境下において、バックエンドエンジニアやデザイナーなど他職種とも自発的かつ円滑にテキストや通話でコミュニケーションが取れる方 ### 仕事の魅力 ブラウザという制約の中で、デスクトップアプリを超える複雑さとパフォーマンスが求められる「フロントエンド開発の最高峰」とも言えるドメインです。React Server Componentsやリアルタイム共同編集といった最先端のWeb技術を実戦投入し、数百万のユーザーが毎日触れるUIを極限まで磨き上げる経験は、国内のみならずグローバルでも通用するトップティアのフロントエンドエンジニアとしての市場価値を確固たるものにします。 ### 働き方 #### リモート環境 **[フルリモート]** フルリモートで働いていただけます。

1回