エンジニアフルリモート

【フルリモート/週5】Reactマイクロフロントエンドアーキテクト(巨大SPAの分割と大規模開発プラットフォームの構築)

【フルリモート/週5】Reactマイクロフロントエンドアーキテクト(巨大SPAの分割と大規模開発プラットフォームの構築)

案件要件

職種
エンジニア
業務内容
システム開発・運用
SES
契約の特徴
社員転向あり
報酬目安
4,200 ~ 4,900円/時
稼働時間目安
週5日 (時間目安 160時間)
はたらく場所
フルリモート
スキル

【フルリモート/週5】Reactマイクロフロントエンドアーキテクト(巨大SPAの分割と大規模開発プラットフォームの構築)

お任せしたいこと

自社で展開する急成長中の巨大なWebプラットフォーム、または複数のドメインが入り混じる大規模SaaSにおいて、Reactを用いた「マイクロフロントエンド(Micro-frontends)」アーキテクチャの設計・導入と、フロントエンド開発基盤(Platform Engineering)の構築をお任せします。
「数十人のフロントエンドエンジニアが一つのリポジトリを触り、ビルドに時間がかかりデプロイが詰まる」という巨大SPA(モノリス)特有の開発体験の悪化を徹底的に排除し、Webpack Module Federation等を駆使してフロントエンドを独立したアプリケーションに泥臭く分割・統合することで、各チームが自律的かつ安全にリリースできるスケーラブルな開発環境を牽引していただくポジションです。

具体的な業務内容

・巨大化・複雑化した既存のReact SPAから、ドメイン境界に基づいたマイクロフロントエンドへの段階的かつ安全な分割戦略の策定と実行
・Webpack Module Federation、またはVite等を活用した、複数アプリケーション間でのコンポーネント共有と動的ルーティングの設計
・NxやTurborepo等のモノレポ(Monorepo)管理ツールを利用した、依存関係の最適化とビルド時間の極限の短縮
・分割されたアプリケーション間で一貫したUI/UXを担保するための、Figmaと連動した社内共通デザインシステム(Reactコンポーネントライブラリ)の設計・運用
・グローバルな状態管理(認証情報など)とローカルな状態の適切な分離、およびCustom Events等を利用したマイクロアプリ間の疎結合な通信設計
・重複するパッケージのロード(バンドルサイズの肥大化)を防ぐための、依存パッケージの共有化とブラウザパフォーマンスの泥臭いチューニング
・各機能チームが独立してテスト・デプロイを行うための、GitHub Actionsを利用した高度なCI/CDパイプラインの構築とPlatform Engineeringの推進

必須スキル・経験

・ReactおよびTypeScriptを用いたフロントエンド開発の実務経験(目安として5年以上)
・Webpack、Vite等のバンドラツールに関する深い理解と、高度なカスタマイズ(プラグイン作成や設定ファイルのチューニング)経験
・Nx、Turborepo等のツールを用いたモノレポでの開発・運用経験
・フロントエンドのパフォーマンス最適化(バンドルサイズの削減、レンダリングチューニング)の実務経験
・Git / GitHubを用いた大規模チームでの開発フロー構築、およびリードエンジニアとしての経験

歓迎スキル・経験

・Webpack Module Federation等を用いたマイクロフロントエンドアーキテクチャの設計・運用経験
・BFF(Backend for Frontend)層の設計、またはNode.jsを用いたバックエンドAPIの開発経験
・Storybookを活用したデザインシステムの構築、および社内パッケージ(npm registry)としての配信・運用経験
・Web Components(Custom Elements等)を用いたフレームワーク非依存のコンポーネント設計経験
・数十名規模のエンジニア組織における、開発者体験(Developer eXperience: DX)向上のためのツール群開発・導入推進経験

開発・業務環境

開発言語:TypeScript
UIライブラリ:React
アーキテクチャ:Micro-frontends, Module Federation
ビルド・モノレポ:Webpack, Vite, Nx, Turborepo
スタイリング・UI:Tailwind CSS, 独自デザインシステム
テスト・品質:Vitest, Playwright, Storybook, ESLint
インフラ・CI/CD:AWS, Vercel, GitHub Actions
コミュニケーション・管理:GitHub, Jira, Slack, Zoom

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

全社のフロントエンドエンジニアの生産性を技術で底上げする、フロントエンド基盤(プラットフォーム)チームへの配属となります。
「機能開発を止めて半年間リプレイスする」というようなビジネスの歩みを止める提案を極めて嫌い、稼働中の巨大システムに対してストラングラーフィグ・パターンのように泥臭く、しかし確実にマイクロ化を浸透させていく手堅いカルチャーです。依存関係のコンフリクトやライブラリのバージョンアップ地獄に直面した際にも、一時的なワークアラウンドで逃げるのではなく、モノレポのツールチェーンの根幹に手を入れて仕組みで解決する実直なメンバーが集まっています。

求める人物像

・「画面のUIを作ること」以上に、「他のエンジニアが快適にUIを作れる環境・プラットフォームを設計すること」にエンジニアとしての喜びを感じる方
・流行りの技術(マイクロフロントエンド等)を無闇に導入するのではなく、組織の規模(コンウェイの法則)やデプロイの独立性というビジネス課題から逆算して、アーキテクチャの費用対効果を冷静に判断できる方
・各プロダクトチーム(数十人規模)の異なる要望や利害関係を調整し、時に泥臭い社内政治やドキュメント整備を通じて、新しいアーキテクチャへの移行を牽引できる推進力を持った方

仕事の魅力

プロダクトがメガベンチャー規模へと成長する過程で必ず直面する「フロントエンドのモノリス化」という巨大な壁に対し、世界最先端のアーキテクチャを用いて真正面から突破する、極めて難易度が高くやりがいのあるポジションです。ブラウザ上で複数のアプリケーションを統合する複雑な制御と、開発組織の生産性を掛け合わせる経験を通じて、単なる「Reactを書ける人」を完全に凌駕し、今後の大規模Web開発において最も渇望される「フロントエンド・プラットフォームアーキテクト」としての圧倒的な市場価値を築くことができます。

働き方

リモート環境

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


SNSでこの案件をシェア

株式会社Kaizen Tech Agent

株式会社Kaizen Tech Agent

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

案件を公開しました

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

案件を公開しました

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

応募が完了しました

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