【フルリモート／週5／React】月間数千万PV規模のBtoCメディア・EC連携プラットフォームにおけるNext.js開発およびパフォーマンス（Core Web Vitals）改善

【フルリモート／週5／React】月間数千万PV規模のBtoCメディア・EC連携プラットフォームにおけるNext.js開発およびパフォーマンス（Core Web Vitals）改善 ### お任せしたいこと ［役割］フロントエンドエンジニアとして、月間数千万人が訪れる自社の「BtoCメディアおよびEC連携プラットフォーム」において、Next.jsを用いたWebアプリケーションの開発、およびSEO・パフォーマンスの継続的な改善をお任せします。 ［役割に対して求める成果］マーケティング施策に伴うランディングページ（LP）や新機能の実装を、既存の画面の表示速度を落とすことなく安全に行うこと。また、ビジネスの売上に直結するLCP、CLS、INPといった「Core Web Vitals」の数値を常に監視・改善し、検索エンジンからの評価（SEO）とユーザーの離脱率低下（UX）の両面をフロントエンド技術によって担保し続けること。 ### 具体的な業務内容 ・React、Next.js（App Router / Pages Router）、TypeScriptを用いた、高トラフィックなBtoCフロントエンドの詳細設計、実装、テスト ・LighthouseやDatadog RUMを活用したパフォーマンスボトルネックの特定、および不要なJavaScriptの削減や画像の最適化（WebP/AVIF対応など）による表示速度の改善 ・SEO要件を満たすための、SSR（Server Side Rendering）、SSG（Static Site Generation）、ISR（Incremental Static Regeneration）の適切な使い分けとアーキテクチャ設計 ・バックエンドAPIのレスポンスをフロントエンド向けに集約・整形する、BFF（Backend For Frontend）層の開発およびGraphQL/RESTでのデータフェッチ最適化 ・Google Tag Manager（GTM）を利用した、マーケティング用トラッキングタグの安全な組み込みと、それに伴うパフォーマンス低下の防止 ・マーケターやPdMと連携したA/Bテストのフロントエンド側への組み込み、および数字（コンバージョン率等）に基づいたUI/UXの継続的なブラッシュアップ ・Storybookを用いた社内共通UIコンポーネントの保守、および幅広いデバイス（古いスマートフォンなど）に耐えうるレスポンシブ対応 ### 必須スキル・経験 ・Reactを用いたWebアプリケーションの開発実務経験（3年以上） ・Next.jsを用いたSSR/SSG環境での開発・本番運用経験（1年以上） ・TypeScriptを用いた型安全なフロントエンド開発経験（2年以上） ・Core Web Vitals（LCP, CLS, INP等）やブラウザのレンダリングの仕組みに関する基礎的な理解 ・Git/GitHubを用いたプルリクエストベースでのチーム開発経験 ### 歓迎スキル・経験 ・月間数百万PV以上の高トラフィックなBtoCサービス（メディア、EC等）におけるフロントエンド開発経験 ・Lighthouseスコアの改善など、Webパフォーマンスチューニングにおける具体的な成功体験 ・Node.jsを用いたBFF層、またはGraphQLサーバーの開発経験 ・マーケティング施策（SEO、A/Bテスト、アクセス解析タグの運用など）に関する実務的な知見 ・Jest、Playwright、Cypress等を用いたE2Eテスト・単体テストの実装経験 ・Webアクセシビリティ（WAI-ARIA）に関する実践的な知識と実装経験 ### 開発・業務環境 言語・フレームワーク：React, Next.js, TypeScript 状態管理・通信：SWR (または React Query), GraphQL (Apollo Client等) スタイリング：Tailwind CSS (または CSS Modules) テスト・ツール：Jest, Playwright, Storybook, Lighthouse インフラ・CI/CD：Vercel, AWS (CloudFront, S3), GitHub Actions 監視・分析：Datadog RUM, Google Analytics デザイン・コミュニケーション：Figma, GitHub, Jira, Slack, Zoom ### プロジェクトチームについて 自社プロダクト開発部のフロントエンドチームへの配属となります。「機能が動けば良い」という発想ではなく、「0.1秒の描画遅延がどれだけのユーザー離脱と売上低下を招くか」を常に意識する、ビジネス貢献への意識が高い実直なカルチャーです。マーケターやSEOスペシャリストとの距離が近く、コードレビューにおいても「このコンポーネントの読み込みは非同期（Dynamic Import）にすべきではないか」「このタグの追加はメインスレッドをブロックしないか」といったパフォーマンスに関する建設的な議論が日常的に行われています。 ### 求める人物像 ・「Reactが書ける」というレベルにとどまらず、ブラウザの仕組みやネットワークの基礎から理解してフロントエンドのアーキテクチャを語れる方 ・ビジネス指標（PV、コンバージョン率、直帰率など）に関心を持ち、技術的な改善が事業の成長に直結することに知的な喜びを感じる方 ・マーケティングやデザインなど、他職種のメンバーの要望をそのまま鵜呑みにするのではなく、パフォーマンスの観点から代替案を提案できるコミュニケーション能力を持った方 ### 仕事の魅力 BtoBの業務システムとは異なり、数千万人の一般ユーザーが日常的に触れるメディア・ECプラットフォームの開発であるため、自分が改善した表示速度やUIの工夫が、ダイレクトにアクセス数や売上といった巨大な数字を動かす手触り感を得られます。Next.jsを用いた高度なSEO対策やCore Web Vitalsのチューニングなど、BtoCフロントエンドエンジニアとして極めて市場価値の高い「ビジネスを勝たせるためのパフォーマンス最適化スキル」を深く磨くことができます。 ### 働き方 #### リモート環境 **[フルリモート]** 基本的にフルリモートで働いていただけます。

1回