【フルリモート／週5】React / Next.js エッジ・アーキテクト（React Server Componentsの極限活用とBtoC超高速レンダリング基盤） お任せしたいこと 自社で展開する数千万PVを誇る大規模BtoCメディア、または巨大ECプラットフォームにおいて、Reactの最新パラダイム（React Server Components）を極限まで使い倒し、ユーザー体験とSEOを根本から変革する「エッジ・アーキテクト」をお任せします。 「とりあえずクライアントサイドで useEffect を使ってデータをフェッチする（思考停止のウォーターフォール）」や「JSバンドルの肥大化による致命的な初期表示の遅延」を徹底的に排除し、Next.js (App Router) とエッジコンピューティングを駆使したStreaming SSRや、Core Web Vitalsの限界突破を泥臭く牽引することで、フロントエンドを「ただの画面」から「ビジネスのコンバージョンを最大化する最速の武器」へと昇華させる中核的なポジションです。 具体的な業務内容 ・Next.js (App Router) および React Server Components (RSC) を活用した、クライアント／サーバー境界の厳格な設計と、ゼロバンドルサイズを目指した超高速アーキテクチャの構築 ・Vercel Edge Functions や Cloudflare Workers を利用した、エッジプレースメントでの Streaming SSR と、ユーザーの物理的距離に依存しない超低遅延レンダリングの実装 ・Server Actions と Reactの最新フックス (useActionState, useOptimistic等) を活用した、不要なBFF層（APIエンドポイント）の削減とミューテーションの最適化 ・Lighthouse や Datadog RUM (Real User Monitoring) を駆使した、Core Web Vitals（特にLCPとINP）のミリ秒単位の泥臭いプロファイリングと限界突破 ・React Suspense を用いた宣言的なローディング状態の制御と、クリティカルレンダリングパス（Critical Rendering Path）の徹底的な最適化 ・Next.js の Data Cache や Full Route Cache を複雑なビジネス要件に合わせて制御する、高度なキャッシュ戦略（Stale-While-Revalidate: SWR）の設計 ・Headless CMS や マイクロサービス群からのデータ集約時における、GraphQL または REST API のリクエスト並列化とバックエンド負荷の泥臭いオフロード ・Playwright を利用した E2E テストと、Chrome DevTools を用いたメインスレッドのブロッキング解消（Jank排除） 必須スキル・経験 ・React を用いた大規模 Web フロントエンドの開発実務経験（目安として4年以上） ・Next.js を用いた本番環境でのアーキテクチャ設計、および SSR / SSG / ISR の深い理解と運用経験 ・Core Web Vitals（LCP, FID/INP, CLS）に関する深い知識と、パフォーマンスチューニングの実務経験 ・TypeScript の高度な型定義を用いた、堅牢でスケールするコンポーネント設計能力 ・Git / GitHub を用いたチーム開発、および Vercel等のプラットフォームにおける CI/CD パイプライン構築経験 歓迎スキル・経験 ・Next.js App Router (React Server Components) の本番導入、またはレガシーSPAからのマイグレーション経験 ・Cloudflare Workers、Vercel Edge などのエッジコンピューティング環境での開発経験 ・Node.js (Express, Hono) や Go言語を用いたバックエンドAPIの開発経験 ・SEO（検索エンジン最適化）に関するテクニカルな知見と、クローラビリティの改善経験 ・大規模なトラフィックを捌く BtoC サービスのフロントエンドテックリード経験 開発・業務環境 開発言語：TypeScript, HTML, CSS (Tailwind CSS, CSS Modules) フレームワーク：React, Next.js (App Router) インフラ・エッジ：Vercel, Cloudflare, AWS (CloudFront, Lambda@Edge) 状態管理・データフェッチ：React Server Components, SWR, React Query, Apollo Client 監視・パフォーマンス分析：Datadog RUM, Sentry, Lighthouse, Chrome DevTools テスト：Playwright, Vitest, Testing Library コミュニケーション・管理：GitHub, Jira, Figma, Slack, Zoom プロジェクトチームについて 「初期表示の100ミリ秒の遅延は、数千万円の売上損失に直結する」という強烈なビジネス意識を持ち、ブラウザのレンダリング機構とネットワークの限界に技術で挑み続けるパフォーマンス・コアチームへの配属となります。 「とりあえず全部クライアントでレンダリングすれば楽」というSPAのレガシーな思考を極めて嫌い、サーバーサイドとクライアントサイドの境界（"use client"ディレクティブ）をどこに引くべきか、ミリバイト単位のJSバンドル削減のために論理的な議論を交わす手堅いカルチャーです。本番環境で INP (Interaction to Next Paint) が悪化した際にも、安易にリッチなUIアニメーションを取り下げるのではなく、フレームグラフを泥臭く読み解き、Reactの再レンダリングやサードパーティスクリプトの実行タイミングをパズルを解き明かすように最適化する実直なメンバーが集まっています。 求める人物像 ・「UIをコンポーネントに分割して並べること」以上に、ブラウザという制約の中でネットワークI/OとJavaScriptエンジンをハックし、ユーザーに「待たされている感覚」を一切与えないUXの極致にエンジニアとしての美学を持てる方 ・React Server Components というパラダイムの異なる技術に対して、古い手法に固執するのではなく、知的好奇心を持って公式ドキュメントやRFCを読み込み、自らの血肉にできる方 ・SEOやコンバージョン率といった「ビジネスの数字」に対して、フロントエンドエンジニアの枠を超えた圧倒的な当事者意識を持ち、泥臭いA/Bテストやチューニングを楽しめる方 仕事の魅力 Reactの歴史において最も巨大なアーキテクチャの転換点（SPAからRSCへ）にある現代において、この新パラダイムを大規模な本番環境でハックし、パフォーマンスを極限まで引き出せるフロントエンドアーキテクトは極めて希少です。数千万トラフィックのBtoCサービスでCore Web Vitalsの壁を泥臭く突破し、エッジコンピューティングを使い倒す経験を通じて、単なる「Reactコーダー」を完全に凌駕し、世界中のメガベンチャーやグローバルEC企業が最も高額な条件で渇望する「Next.js / エッジ・フロントエンドアーキテクト」としての圧倒的な市場価値を築くことができます。 働き方 リモート環境 [フルリモート] 基本的にフルリモートで働いていただけます。
