エンジニアフルリモート

【フルリモート/週5/React】マイクロフロントエンド構成による大手メディアサイトのReact 19リプレイス&Web Vitals改善案件

【フルリモート/週5/React】マイクロフロントエンド構成による大手メディアサイトのReact 19リプレイス&Web Vitals改善案件

案件要件

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

【フルリモート/週5/React】マイクロフロントエンド構成による大手メディアサイトのReact 19リプレイス&Web Vitals改善案件

お任せしたいこと
[役割]
React 19 / Next.js(App Router)および TypeScript を用いた、月間数億PV規模の大規模Webメディア基盤のフロントエンドアーキテクチャ設計・新機能開発および Core Web Vitals の劇的改善
[役割に対して求める成果]
レガシーなモノリシックフロントエンドのマイクロフロントエンド(Module Federation)化推進、および LCP(Largest Contentful Paint)/ CLS(Cumulative Layout Shift)のスコア改善(Google Web Vitals 全項目グリーン達成)

具体的な業務内容
React 19 / Next.js (App Router) / TypeScript を活用した、高トラフィックな記事詳細・動画プレイヤー・リアルタイムニュース更新画面のフロントエンド実装
Module Federation や Webpack / Vite を活用した、複数チームによるマイクロフロントエンド並行開発基盤の構築・最適化
React Server Components (RSC) や Suspense、Server Actions を活用したサーバーサイドレンダリング(SSR)およびストリーミング配信の高速化
Core Web Vitals(LCP, INP, CLS)の定期的な計測および、画像最適化・JavaScriptバンドルサイズ削減・サードパーティタグの非同期制御
Storybook を用いたコンポーネント駆動開発(CDD)および、Vitest / Playwright による自動テスト環境の運用

必須スキル・経験
React を用いた 大規模 Web アプリケーションのフロントエンド開発・運用実務経験(5年以上)
TypeScript を用いた型安全なアーキテクチャ設計および開発実務経験(3年以上)
Next.js(App Router)または SSR / SSG を用いたパフォーマンス最適化(Core Web Vitals改善)の推進実績
Webpack / Vite などのビルドツールのカスタマイズおよびバンドル最適化の実務経験

歓迎スキル・経験
マイクロフロントエンド(Module Federation)構成での大規模開発・アーキテクチャ設計実績
React 19(Server Components, Compiler, Actions 等)を実践投入・評価した経験
CDN(CloudFront, Fastly 等)を活用したエッジキャッシュ設計やサードパーティースクリプト最適化の知見
Playwright を用いた Visual Regression Testing(視覚的リグレッションテスト)の導入・運用経験

開発環境
言語/ライブラリ: TypeScript, React 19, Next.js (App Router), Vite
アーキテクチャ: Module Federation (Micro-frontends), Server Components
スタイリング/UI: Tailwind CSS, Radix UI, Storybook
テスト/ツール: Vitest, React Testing Library, Playwright, Biome
インフラ/Edge: Fastly, AWS (S3, CloudFront), Vercel, GitHub Actions
コミュニケーション: Slack, Notion, Figma, Jira

開発チームについて
共通基盤チーム(フロントエンドアーキテクト1名、シニアReactエンジニア3名/今回募集枠含む)、各フィーチャー開発チーム(計12名)で構成されています。
「表示速度の1ミリ秒短縮がメディアの収益とユーザー体験に直結する」という意識を持ち、最新のWeb標準技術を検証・導入するカルチャーです。

求める人物像
Chrome DevTools や Lighthouse を駆使し、ボトルネックの特定から改善まで数値(定量データ)に基づいてアプローチできる方
複数チームが関わる大規模コードベースにおいて、共通基盤やモジュール境界のクリーンさを追求できる方
フルリモート環境において、FigmaやSlackでデザイナーや他チームのエンジニアとスムーズに連携できる方

仕事の魅力
日本有数のトラフィックを誇るWebメディアにおいて、React 19 や Next.js App Router、マイクロフロントエンドといった先進的なフロントエンド技術を主導できます。
Core Web Vitals の劇的改善や大容量トラフィック配下でのWebパフォーマンス最適化など、Webフロントエンドのトッププレイヤーとしての実績が得られる案件です。

働き方
リモート環境
[フルリモート] フルリモートで働いていただけます。


SNSでこの案件をシェア

株式会社Kaizen Tech Agent

株式会社Kaizen Tech Agent

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

案件を公開しました

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

案件を公開しました

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

応募が完了しました

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