【フルリモート／週5／React】数十のチームが並行開発する巨大ECプラットフォームのマイクロフロントエンド基盤構築およびNext.js移行

お任せしたいこと

［役割］フロントエンド・アーキテクト（または基盤エンジニア）として、月間数千万人が利用する「巨大総合ECプラットフォーム」において、レガシーな巨大SPA（Single Page Application）からNext.js（App Router）およびマイクロフロントエンド・アーキテクチャへの刷新を牽引していただきます。
［役割に対して求める成果］数十の開発チーム（「検索」「商品詳細」「決済」「レビュー」など）が、互いのコードに干渉することなく独立してデプロイできるスケーラブルなフロントエンド基盤（Micro Frontends）を構築すること。また、React Server Components等の最新技術を駆使してCore Web Vitals（LCP、INP、CLSなど）の指標を劇的に改善し、コンバージョン率（CVR）とSEO評価の向上に直接的に貢献すること。

具体的な業務内容

・React、Next.js、およびTypeScriptを用いた、大規模BtoC向けWebフロントエンドの詳細設計、実装、テスト
・Webpack Module Federation、またはViteを利用した、マイクロフロントエンド・アーキテクチャの設計および各ドメイン（機能）の切り出し
・TurborepoやNx等を利用したモノレポ（Monorepo）環境の構築、およびビルド時間短縮に向けたCI/CDパイプラインの最適化
・Next.js（App Router / React Server Components）を活用した、レンダリング戦略（SSR, SSG, ISR, CSR）の最適な使い分けと初期ロード時間の極小化
・GraphQL（Apollo Client / Relay）を利用したBFF（Backend for Frontend）層の設計、および過剰なデータフェッチ（オーバーフェッチ）の解消
・LighthouseやDatadog RUMを利用したパフォーマンス計測、およびメインスレッドのブロッキング解消や画像・フォント読み込みの最適化
・全社横断で利用されるUIコンポーネントライブラリ（デザインシステム）の設計・開発、およびアクセシビリティ（WAI-ARIA準拠、キーボードナビゲーション等）の担保
・各フィーチャーチーム（機能開発チーム）に対する技術支援、コードレビュー、およびフロントエンド開発標準（ガイドライン）の策定

必須スキル・経験

・Reactを用いたSPA（Single Page Application）の開発実務経験（3年以上）
・Next.jsを用いたWebアプリケーションの開発・運用経験（2年以上）
・ブラウザのレンダリング機構、およびWebパフォーマンス（Core Web Vitals等）に関する極めて深い理解
・Git/GitHubを用いたプルリクエストベースでのチーム開発経験

歓迎スキル・経験

・マイクロフロントエンド（Module Federation等）の設計・本番環境での運用経験
・Turborepo、Nx等のモノレポツールを利用した開発基盤の構築経験
・GraphQLを用いたAPI連携、およびBFF（Backend for Frontend）層の設計・開発経験
・Webアクセシビリティ（a11y）に関する深い知識と実装経験
・Figma等のデザインツールを利用した、デザイナーとの高度な協業経験およびデザインシステムの構築経験
・Playwright、Cypress等を用いたE2Eテストの実装・運用経験
・Vercel、またはAWS（CloudFront, ECS等）を利用したフロントエンドインフラの構築経験

開発・業務環境

言語・フレームワーク：React, Next.js (App Router), TypeScript
アーキテクチャ・通信：Micro Frontends, GraphQL, REST
ビルド・基盤：Turborepo (または Nx), Webpack (Module Federation), Vite
スタイリング：Tailwind CSS (または CSS Modules)
テスト・CI/CD：Jest, Playwright, Storybook, GitHub Actions
インフラ・監視：Vercel (または AWS), Datadog RUM, Sentry
デザイン・コミュニケーション：Figma, GitHub, Jira, Slack, Zoom

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

プラットフォーム開発部のフロントエンド基盤チームへの配属となります。「フィーチャーチームがビジネスロジックの開発に専念できるよう、複雑な設定やビルド環境を隠蔽し、最高に快適な開発者体験（DX）を提供する」ことをミッションとする技術志向の組織です。単に新しいフレームワークを導入するのではなく、「この技術を採用することで、全社のデプロイ頻度がどう上がるか」「ユーザーの体感速度が何ミリ秒早まるか」という費用対効果（ROI）を冷静に分析し、データドリブンにアーキテクチャを選定するカルチャーです。

求める人物像

・「動く画面を作る」フェーズから一歩抜け出し、多数のエンジニアが関わる巨大なコードベースをいかに秩序立ててスケールさせるか（ソフトウェアアーキテクチャ）に強い関心を持つ方
・フィーチャーチームからの「ビルドが遅い」「コンポーネントの使い勝手が悪い」といった不満に真摯に耳を傾け、横断的な課題解決に喜びを感じるサーバントリーダーシップを持った方
・最新のReactやNext.jsのエコシステムを盲信するのではなく、ブラウザの標準APIやWebの基本原則（HTML/CSSの仕様、HTTPプロトコル等）に立ち返って技術的な意思決定ができる方

仕事の魅力

日本を代表する規模のECトラフィックを捌きながら、フロントエンド開発における最大の課題とも言える「組織とコードのスケール（マイクロフロントエンド化）」に最前線で取り組むことができます。Next.jsの高度な活用や、Core Web Vitalsの極限のチューニングなど、単なるUI実装にとどまらない「Webフロントエンド・アーキテクト」として、市場で極めて希少価値の高い経験とスキルを確立することができます。

働き方

リモート環境

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