【フルリモート／週5】React / Next.js フロントエンドアーキテクト（App Router移行とWebパフォーマンス極限最適化）

お任せしたいこと

自社で展開する大規模なBtoC向けWebメディア、または高トラフィックなSaaSアプリケーションにおいて、ReactおよびNext.jsを用いたモダンなフロントエンドアーキテクチャの設計、およびCore Web Vitals等のパフォーマンス指標の極限のチューニングをお任せします。
「流行っているからNext.jsを使う」という表面的な技術選定ではなく、React Server Components（RSC）のパラダイムを正しく理解し、サーバーとクライアントの境界（Network Boundary）を適切に設計することで、従来のSPA（Single Page Application）が抱えていた初期ロードの遅延やSEOの課題を泥臭く解決し、ユーザーに最高の体験（UX）を提供するポジションです。

具体的な業務内容

・React（18以降）および Next.js（App Router）を活用した、スケーラブルでパフォーマンスの高いフロントエンドアプリケーションの設計・開発
・既存の巨大なReact SPA（または Pages Router のNext.js）から、App RouterおよびReact Server Componentsへの段階的かつ安全なマイグレーション戦略の策定と実行
・Lighthouse、Vercel Analytics、Datadog RUM等を利用した、Core Web Vitals（LCP, CLS, INP等）の継続的な計測と泥臭いボトルネック解消
・サーバーサイドレンダリング（SSR）、静的サイト生成（SSG）、および Partial Prerendering 等のレンダリング戦略のビジネス要件に合わせた最適な使い分け
・BFF（Backend for Frontend）としてのRoute Handlers（API Routes）の設計、およびバックエンドAPI（GraphQLやREST）の効率的なデータフェッチ処理の実装
・ZodやReact Hook Formを活用した堅牢なフォーム状態管理と、Server Actionsを用いたクライアント/サーバー間のシームレスなデータミューテーション
・Figmaを用いたデザイナーとの協業によるデザインシステムの構築、およびStorybookを活用したUIコンポーネントのカタログ化とテスト自動化（Playwright, Vitest等）

必須スキル・経験

・Reactを用いたフロントエンド開発の実務経験（目安として3年以上）
・Next.jsを用いた本番環境でのアプリケーション開発・運用経験（目安として1年以上）
・TypeScriptを用いた高度な型定義（Generics, Utility Types等）の実装経験
・ブラウザのレンダリング機構やDOM操作に関する基礎知識、およびWebパフォーマンス最適化（Core Web Vitals等）の実務経験
・Git / GitHubを用いたプルリクエストベースでのチーム開発、およびコードレビュー経験

歓迎スキル・経験

・Next.js App Router（React Server Components）を用いた本番環境での開発・運用経験
・Node.js等を用いたBFF層の開発、またはバックエンドAPIの設計・開発経験
・Vercel、AWS（Amplify, CloudFront等）、またはCloudflareを利用したフロントエンドインフラの構築・運用経験
・Webアクセシビリティ（WAI-ARIA, WCAG等）に関する深い知見と実装経験
・大規模なフロントエンドコードベースにおけるリファクタリング、またはモノレポ（Turborepo等）の運用経験

開発・業務環境

開発言語：TypeScript
UIライブラリ・フレームワーク：React, Next.js
スタイリング：Tailwind CSS (または CSS Modules)
状態管理・データフェッチ：Server Components, React Query (TanStack Query), Zustand
インフラ・ホスティング：Vercel, AWS (または Cloudflare)
テスト・品質：Vitest, React Testing Library, Playwright, Storybook
監視・分析：Vercel Analytics, Datadog RUM, Sentry
コミュニケーション・管理：GitHub, Jira, Slack, Zoom

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

プロダクトの顔となるフロントエンドのユーザー体験（UX）を牽引するコアチームへの配属となります。
「リッチなUI」と「表示速度」というしばしばトレードオフになる要素に対し、どちらかを妥協するのではなく、技術の力で両立させることに執念を燃やす手堅いカルチャーです。コンポーネントの再レンダリング問題や、サードパーティスクリプトによるメインスレッドのブロックといった泥臭い課題に対しても、プロファイラを駆使してミリ秒単位での改善を積み重ねる実直なメンバーが集まっています。

求める人物像

・「コンポーネントを組み立てるだけの作業者」ではなく、ブラウザの裏側で何が起きているか（レンダリングツリーの構築やネットワークレイテンシ）を深く理解してコードを書ける方
・Next.jsやReactのエコシステムの進化（破壊的変更を含む）に対して文句を言うのではなく、公式ドキュメントやRFCを自ら読み込み、プロダクトにどう活かせるかを楽しんで検証できる方
・デザイナーやPdMと対等に議論し、実装難易度やパフォーマンスの観点から「より良いUXを提供するための代替案」を論理的に提案できる方

仕事の魅力

Reactエコシステムの最先端であるNext.js（App Router）を実社会の大規模プロダクトに適用し、ミリ秒単位のパフォーマンス改善がダイレクトにユーザーの離脱率低下やCVR向上（ビジネスへの貢献）に直結するダイナミズムを体感できるポジションです。クライアントとサーバーの境界を最適化する高度なフロントエンドアーキテクチャの経験を通じて、単なる「画面を作るエンジニア」を完全に凌駕し、世界的なテック企業で最も渇望される「モダンフロントエンド・アーキテクト」としての確固たる市場価値を築くことができます。

働き方

リモート環境

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