エンジニアフルリモート

【フルリモート/週5】React フロントエンド・プラットフォームアーキテクト(巨大SPAのMicro Frontends化とフロントエンド開発基盤の統制)

【フルリモート/週5】React フロントエンド・プラットフォームアーキテクト(巨大SPAのMicro Frontends化とフロントエンド開発基盤の統制)

案件要件

職種
エンジニア
業務内容
システム開発・運用
SES
報酬目安
4,700 ~ 5,300円/時
稼働時間目安
週5日 (時間目安 160時間)
はたらく場所
フルリモート
スキル

【フルリモート/週5】React フロントエンド・プラットフォームアーキテクト(巨大SPAのMicro Frontends化とフロントエンド開発基盤の統制)

お任せしたいこと

自社で展開する数十の開発チームが同時並行でコミットする巨大なSaaSプラットフォーム、または急激な事業拡大により肥大化した大規模Webアプリケーションにおいて、Reactエコシステムをベースとした「フロントエンド基盤(Platform Engineering)」の設計・構築と、Micro Frontendsアーキテクチャの導入をお任せします。
「ビルドに数十分かかる巨大なフロントエンド・モノリス」や「他チームの変更が原因で自分の画面が壊れる密結合なスパゲッティコード」を徹底的に排除し、TurborepoやNxを活用したMonorepo戦略から、Webpack Module Federation(またはRspack)を用いた泥臭いMicro Frontendsへの分割までを牽引することで、開発組織全体が自律的かつ爆速でデプロイできる次世代のフロントエンドプラットフォームを構築していただく中核的なポジションです。

具体的な業務内容

・React および Next.js / TypeScript を活用した、数十万行に及ぶ巨大SPAコードベースのアーキテクチャ見直しと、段階的なMicro Frontends(マイクロフロントエンド)化の推進
・Webpack Module Federation、または Rspack を利用した、独立したデプロイメントが可能なフロントエンド・モジュールの分割と、ランタイムでの動的統合基盤の実装
・Turborepo、Nx、pnpm Workspace 等を活用した Monorepo(モノレポ)環境の構築と、ビルドキャッシュ最適化によるCI/CDパイプラインの泥臭い高速化
・GraphQL(Apollo Client)や Node.js / Hono を利用した BFF(Backend for Frontend)の設計と、複数マイクロサービスからのデータをフロントエンド向けに集約するスキーマ駆動開発の統制
・社内の全チームが利用するデザインシステム(UIコンポーネントライブラリ)のアーキテクチャ設計と、Storybook / npm private registry を介したバージョン管理・配布の仕組み化
・Playwright や Cypress を用いた、複数ドメインにまたがる複雑なE2Eテストパイプラインの自動化と、Visual Regression Test(VRT)による意図しないUI崩れの防止
・Datadog RUM や Sentry を利用した、フロントエンドにおけるメモリリーク、エラーレート、および Core Web Vitals の継続的な監視と、ボトルネックの泥臭いプロファイリング
・複数のフロントエンドチーム(Squad)を横断する技術標準化(ESLint, Biome, TypeScriptの型定義ルール等)の策定と、開発者体験(DX)向上のためのCLIツール開発

必須スキル・経験

・React および TypeScriptを用いた大規模Webフロントエンドの設計・開発実務経験(目安として5年以上)
・Next.js等のフレームワークを利用した、SSR/SSGを含む複雑なアプリケーションの本番運用経験
・フロントエンドのビルドツール(Webpack, Vite, Rollup等)の内部仕様に関する深い知識とチューニング経験
・Git / GitHubを用いたチーム開発、および GitHub Actions 等を利用したCI/CDパイプラインの構築経験
・複数チームが関わる大規模プロジェクトでのテックリード、またはアーキテクトとしての技術牽引経験

歓迎スキル・経験

・Micro Frontends(Module Federation等)の本番環境への導入・運用経験
・Turborepo、Nx等のMonorepoツールを用いたプロジェクト管理経験
・GraphQL、BFF(Backend for Frontend)の設計・実装経験
・社内共通のデザインシステムやコンポーネントライブラリのゼロからの構築・布教経験
・Webアクセシビリティ(WAI-ARIA)やセキュリティ(CSP, XSS対策等)に関する高度な専門知識

開発・業務環境

開発言語:TypeScript, HTML, CSS
フレームワーク・ライブラリ:React, Next.js
アーキテクチャ:Micro Frontends, BFF, Monorepo (Turborepo / Nx)
ビルドツール:Webpack (Module Federation), Vite, Rspack, pnpm
データフェッチ・BFF:GraphQL (Apollo), Node.js (または Hono, Express)
テスト・品質管理:Playwright, Jest, Vitest, Storybook, Chromatic (VRT)
監視・可観測性:Datadog RUM, Sentry, Lighthouse
コミュニケーション・管理:GitHub, Jira, Figma, Slack, Zoom

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

「フロントエンドは単なる画面表示の仕組みではなく、高度なエンジニアリングが要求される分散システムの一部である」と確信し、開発者の認知負荷を下げて生産性を最大化することに執念を燃やすフロントエンド・プラットフォームチームへの配属となります。
「とりあえずanyで型エラーを潰す」「コンポーネントの依存関係を無視してプロップスバケツリレー(Prop Drilling)を行う」といった無秩序な開発を極めて嫌い、ドメイン境界を厳格に定義してモジュールを切り離す手堅いカルチャーです。Monorepoのビルド時間が5分を超えた際にも、単にCIマシンのスペックを上げるのではなく、依存グラフ(Dependency Graph)を泥臭く解析してキャッシュのヒット率を改善し、論理的にパズルを解き明かす実直なメンバーが集まっています。

求める人物像

・「ユーザー向けの機能(UI)を作ること」以上に、「機能を作るエンジニアが最高のパフォーマンスを発揮できる基盤(DX)を作ること」に強いエンジニアリングの美学を持てる方
・各開発チームの固有の要望やワガママに対して、単にルールを押し付ける(ゲートキーパーになる)のではなく、技術的な仕組み(LinterやCI)で自然と統制が取れるようにする泥臭い解決を楽しめる方
・激しく移り変わるフロントエンドエコシステム(React Server Components, 新興バンドラ等)の熱狂に踊らされることなく、自社の巨大なコードベースに本当に適した技術を冷静に選定し、血肉化できる知的好奇心を持った方

仕事の魅力

スタートアップが成長し、組織が数十名〜数百名規模になった際に必ず直面する「フロントエンド・モノリスの壁」を、最新のPlatform Engineeringの力で打破する極めて難易度が高く価値のあるポジションです。複数チームの利害を調整しながらMicro Frontends基盤を泥臭く構築する経験を通じて、単なる「UIが作れるReactエンジニア」を完全に凌駕し、今後のWeb業界においてメガベンチャーやグローバルテック企業が最も高額な条件で渇望する「シニア・フロントエンドアーキテクト」としての圧倒的な市場価値を築くことができます。

働き方

リモート環境

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


SNSでこの案件をシェア

株式会社Kaizen Tech Agent

株式会社Kaizen Tech Agent

株式会社Kaizen Tech Agentは、「人と技術をつなぐ」ことを企業理念に掲げ、日々向上していく『技術』と『人』を最適な形でむつび付け提供することで、
お客様にとって真にプラスとなる価値でありたいと考えております。
私たちはそれぞれの個性を尊重し、ほっとする和みの社風でありながら、変化する時代に対して受け身にならず、未来への挑戦心を宿しています。
事業領域は、WEBアプリ開発、業務システム開発、スマホアプリ開発、インフラ構築など幅広く展開しており、
フリーランス様に対して最適な案件をご提案させて頂いております。どんな些細な事でも結構ですので是非いつでもお気軽にご相談ください。

案件を公開しました

案件をシェアしませんか?(SNSシェアをすることで、求職者の応募数アップが期待できます。)

案件を公開しました

この案件は限定公開です。案件のURLを知っている人のみが案件情報を見ることができます。

応募が完了しました

アピールしたいポイントがあれば積極的にメッセージを送ってみましょう。