【フルリモート/週5】React/Next.jsフロントエンドテックリード(大規模モノリスからのフロントエンド完全分離・App Router移行)

案件要件
- 職種
- エンジニア
- 業務内容
- システム開発・運用SES
- 報酬目安
- 4,300 ~ 4,900円/時
- 稼働時間目安
- 週5日 (時間目安 160時間)
- はたらく場所
- フルリモート
- スキル
【フルリモート/週5】React/Next.jsフロントエンドテックリード(大規模モノリスからのフロントエンド完全分離・App Router移行)
お任せしたいこと
自社で展開する大規模なWebサービスにおいて、既存のバックエンド密結合なレガシーフロントエンド(あるいはマルチページアプリケーション)を、React/Next.js(App Router)を用いたモダンなシングルページアプリケーション(SPA)/マルチページアプリケーション(MPA)へと完全刷新するプロジェクトの技術主導をお任せします。
単に新しいフレームワークを使って画面を書き換えるだけでなく、バックエンドとの境界線を明確にするためのAPI設計の主導や、Next.jsのレンダリング戦略(SSR/SSG/ISR/ISR/Client-side)をビジネス要件(SEOやインタラクションの頻度)に応じて適切に使い分ける、アーキテクチャ設計の泥臭い決断を担っていただくポジションです。
具体的な業務内容
・React / Next.js(App Router)およびTypeScriptを用いた、大規模なフロントエンドシステムのスクラッチ刷新・リプレイスのアーキテクチャ設計
・Server Components(RSC)とClient Componentsの適切な境界線の定義、およびデータフェッチ(キャッシュ戦略やStreaming、Suspenseの活用)の最適化
・バックエンドから完全に分離されたフロントエンド独自のCI/CDパイプライン(Vercel, AWS Amplify, Cloudflare Pages等)の構築・運用
・ビルドパフォーマンスおよびWebパフォーマンス(Core Web Vitals、特にLighthouseやCrUXのスコア)の計測と、バンドルサイズ削減・Dynamic Import等による徹底的な最適化
・複数チームが共通で利用できる、型安全で拡張性の高いデザインシステムおよび共通UIコンポーネント(Storybook、ヘッドレスUI等の活用)の設計
・型安全性を担保するための、OpenAPIやGraphQLスキーマからのTypeScript型自動生成(MSW等を用いたモック開発環境)の整備
・ジュニアエンジニアへの技術的なメンタリング、設計レビュー、およびフロントエンド領域全体の技術標準(ガイドライン)の策定
必須スキル・経験
・Reactを用いたWebアプリケーションの開発実務経験(目安として5年以上)
・Next.jsを用いた本番環境での開発・運用経験(App Router / Pages Router 問わず)
・TypeScriptを用いた厳格な型安全プログラミング、および共通コンポーネントの設計経験
・Lighthouse等のツールを用いたWebパフォーマンスの計測・具体的な改善実務経験
・Git / GitHubを用いた複数人でのチーム開発、および高度なコードレビュー経験
歓迎スキル・経験
・Next.jsのApp Routerを用いた大規模システムの構築、またはPages Routerからの移行(マイグレーション)経験
・モノリスなシステム(Rails、Java、PHP等)からフロントエンドを完全に分離・リプレイスした経験
・Vercel、AWS、Cloudflare等のインフラを活用したフロントエンド最適化の知見
・Turborepoなどを用いたモノレポ(Monorepo)環境での複数パッケージ管理・運用経験
・Webアクセシビリティ(WCAG 2.2、WAI-ARIA)の深い理解と本番実装経験
開発・業務環境
開発言語:TypeScript
フレームワーク:React, Next.js (App Router)
ツール・ビルド:Vite, Turborepo
スタイリング:Tailwind CSS, CSS Modules
テスト・品質:Vitest, Playwright, ESLint, Prettier
インフラ・デプロイ:Vercel (または AWS / Cloudflare), GitHub Actions
デザイン・ドキュメント:Figma, Storybook, Miro, Notion
コミュニケーション:GitHub, Jira, Slack, Zoom
プロジェクトチームについて
フロントエンド全体のアーキテクチャ刷新をミッションとする、プラットフォーム(あるいはコアフロントエンド)チームへの配属となります。
「Next.jsが流行っているから」という表面的な流行で技術を選ぶことを強く嫌い、「この画面においてSSRを採用するビジネス的な付加価値(SEO・初回表示速度)は、サーバーコストやインフラの複雑性の増加に見合うのか」を、データと事実に基づいてシビアにトレードオフを議論する手堅いカルチャーです。技術の移り変わりが激しいフロントエンド領域だからこそ、5年先でも破綻しないシンプルな関心の分離を泥臭く追求しています。
求める人物像
・「画面を動かすコードが書ける」段階を完全に脱却し、ブラウザのレンダリング仕組み、HTTP/2やHTTP/3のプロトコル特性まで踏まえてフロントエンドを最適化できる方
・ビジネスサイドやバックエンドエンジニアと対等に渡り合い、「フロントエンドの自律性を担保するために、どのようなAPIスキーマであるべきか」を論理的に交渉・推進できる方
・技術の破壊的変更(Reactのアップデート等)に対しても、公式のRFCやソースコードを泥臭く読み解き、チームを先導して安全にアップデートを完遂できる方
仕事の魅力
多くのWebサービスが直面している「レガシーモノリスからのフロントエンド完全分離」という、技術的にも組織的にも極めて難易度の高いアーキテクチャの転換期を、主導者として牽引できるエキサイティングなポジションです。React/Next.jsのポテンシャルをフルに引き出し、開発効率とユーザー体験を劇的に向上させる経験を通じて、モダンなテック企業が最上級の待遇で迎える「フロントエンド・チーフアーキテクト(テックリード)」としての圧倒的な市場価値を築くことができます。
働き方
リモート環境
[フルリモート] 基本的にフルリモートで働いていただけます(※複雑なシステム分離の設計や、デザインシステムの共通認識形成など、高度な抽象化を伴う意思決定において、密な同期コミュニケーションが頻繁に発生します)。
株式会社Kaizen Tech Agent
株式会社Kaizen Tech Agentは、「人と技術をつなぐ」ことを企業理念に掲げ、日々向上していく『技術』と『人』を最適な形でむつび付け提供することで、
お客様にとって真にプラスとなる価値でありたいと考えております。
私たちはそれぞれの個性を尊重し、ほっとする和みの社風でありながら、変化する時代に対して受け身にならず、未来への挑戦心を宿しています。
事業領域は、WEBアプリ開発、業務システム開発、スマホアプリ開発、インフラ構築など幅広く展開しており、
フリーランス様に対して最適な案件をご提案させて頂いております。どんな些細な事でも結構ですので是非いつでもお気軽にご相談ください。
