【フルリモート/週5】React / Next.jsフロントエンドリードエンジニア(大規模BtoCサービス・Core Web Vitals最適化とアーキテクチャ設計)

案件要件
- 職種
- エンジニア
- 業務内容
- システム開発・運用SES
- 報酬目安
- 4,400 ~ 4,700円/時
- 稼働時間目安
- 週5日 (時間目安 160時間)
- はたらく場所
- フルリモート
- スキル
【フルリモート/週5】React / Next.jsフロントエンドリードエンジニア(大規模BtoCサービス・Core Web Vitals最適化とアーキテクチャ設計)
お任せしたいこと
数百万人のユーザーが利用する大規模なBtoC向けWebサービスにおいて、ReactおよびNext.jsを用いたフロントエンド開発、および中長期的なアーキテクチャの刷新を牽引するリードエンジニア業務をお任せします。
「Figmaのデザイン通りに画面をマークアップして終わり」といった表面的な実装ではなく、Next.js(App Router等)のレンダリング機構を深く理解し、Core Web Vitals(LCP, CLS, INP等)の数値を極限までチューニングすることで、SEO要件とリッチなユーザー体験(UX)を高い次元で両立させる泥臭くも高度なエンジニアリングにチームで取り組んでいただきます。
具体的な業務内容
・React、Next.jsおよびTypeScriptを用いた、高トラフィックなBtoC向けWebアプリケーションの設計・開発
・Server Side Rendering (SSR)、Static Site Generation (SSG)、またはISRを要件に合わせて適切に使い分けた、レンダリングアーキテクチャの設計
・Lighthouse等の計測ツールを用いたパフォーマンスボトルネックの特定、およびバンドルサイズの削減、画像の最適化、不要な再レンダリングの徹底排除
・Zustand、Jotai、またはReact Query(TanStack Query)を利用した、サーバー状態とクライアント状態の複雑な管理設計
・デザイナーと連携した、Figmaを起点とする全社共通デザインシステム(UIコンポーネントライブラリ)の構築およびStorybookでの運用
・WAI-ARIAの適切な設定をはじめとする、Webアクセシビリティ(a11y)を担保した堅牢なコンポーネント実装
・JestやReact Testing Libraryを用いた単体テスト、およびPlaywright等を用いたE2Eテストによる継続的な品質保証(CI/CDへの組み込み)
必須スキル・経験
・Reactを用いたWebアプリケーションの実務開発経験(目安として3年以上)
・TypeScriptを用いた型安全なプログラミング、およびNext.jsを用いた開発・運用経験
・フロントエンドのパフォーマンスチューニング(Core Web Vitalsの改善など)の実務経験
・Git / GitHubを用いたプルリクエストベースでのチーム開発、およびコードレビュー経験
歓迎スキル・経験
・BtoC向けの大規模Webサービスにおけるフロントエンド開発・アーキテクチャ設計経験
・フロントエンド領域におけるテックリード、または開発チームのマネジメント経験
・GraphQLを用いたBFF(Backend for Frontend)の設計、またはApollo Client等の運用経験
・WAI-ARIA等のWebアクセシビリティに関する深い知識と実践経験
・Vercel、AWS(Amplify, CloudFront等)、またはCloudflareを利用したフロントエンドインフラの運用経験
開発・業務環境
言語:TypeScript
フレームワーク:React, Next.js
状態管理・データフェッチ:TanStack Query, Zustand (または Jotai, Recoil)
スタイリング:Tailwind CSS (または CSS Modules, Vanilla Extract)
テスト・CI/CD:Jest, React Testing Library, Playwright, GitHub Actions
デザイン・管理:Figma, Storybook, GitHub, Jira, Slack, Zoom
プロジェクトチームについて
BtoCプロダクトの中核を担う、フロントエンド開発チームへの配属となります。
「新しいライブラリが出たからとりあえず導入しよう」といったバズワード駆動開発を強く嫌い、「その技術は本当に今のLCPを改善するのか? チームの認知負荷を無駄に上げないか?」をデータと事実に基づいて妥協なく議論する手堅いカルチャーです。ビジネス側からの「もっとアニメーションを派手にして」という要望に対しても、ただ迎合するのではなく「それだとINPが低下してSEOに悪影響が出るため、CSSアニメーションで軽量に代替しませんか」と、エンジニアの観点からUXを守るための建設的な提案を行っています。
求める人物像
・「動けばいい」というコードで満足せず、ブラウザのレンダリングの仕組み(DOMツリーの構築やリペイント処理)まで裏側を深く探求できる方
・コンポーネントの粒度やディレクトリ構成といった設計論に対して、チーム全体の生産性を向上させるための「手段」として前向きに取り組める方
・「自分の担当はフロントエンドだけ」と境界線を引かず、時にはAPIのレスポンス改善のためにバックエンドエンジニアと泥臭く交渉できる方
仕事の魅力
わずかな表示遅延がコンバージョン率(CVR)や売上にダイレクトに影響を与えるシビアなBtoC領域において、フロントエンド技術の限界に挑むことができるポジションです。Next.jsのモダンなエコシステムを駆使し、数百万トラフィックを捌きながら「圧倒的に速くて使いやすいUI」を実現する経験を通じて、画面を作るだけのコーダーを脱却し、大規模アプリケーションのフロントエンド・アーキテクチャを設計できる極めて希少で市場価値の高いスキルを着実に磨くことができます。
働き方
リモート環境
[フルリモート] 基本的にフルリモートで働いていただけます。
株式会社Kaizen Tech Agent
株式会社Kaizen Tech Agentは、「人と技術をつなぐ」ことを企業理念に掲げ、日々向上していく『技術』と『人』を最適な形でむつび付け提供することで、
お客様にとって真にプラスとなる価値でありたいと考えております。
私たちはそれぞれの個性を尊重し、ほっとする和みの社風でありながら、変化する時代に対して受け身にならず、未来への挑戦心を宿しています。
事業領域は、WEBアプリ開発、業務システム開発、スマホアプリ開発、インフラ構築など幅広く展開しており、
フリーランス様に対して最適な案件をご提案させて頂いております。どんな些細な事でも結構ですので是非いつでもお気軽にご相談ください。
