【フルリモート/週5】Vue.js / Nuxt 3 フロントエンドアーキテクト(大規模SPAのモダン化とVue 3への抜本的マイグレーション)

案件要件
- 職種
- エンジニア
- 業務内容
- システム開発・運用SES
- 報酬目安
- 4,400 ~ 4,700円/時
- 稼働時間目安
- 週5日 (時間目安 160時間)
- はたらく場所
- フルリモート
- スキル
【フルリモート/週5】Vue.js / Nuxt 3 フロントエンドアーキテクト(大規模SPAのモダン化とVue 3への抜本的マイグレーション)
お任せしたいこと
自社で展開する大規模なBtoC向けWebサービス、または複雑な業務フローを持つBtoB SaaSにおいて、Vue 3およびNuxt 3(TypeScript)を活用したモダンなフロントエンドアーキテクチャの設計、およびCore Web Vitals等のパフォーマンス指標の極限のチューニングをお任せします。
「学習コストが低いからVueを使う」という初学者的なスタンスを完全に脱却し、Vue 3のComposition APIの強みを活かしたロジックの分離(Composables)や、Reactに引けを取らない堅牢な型パズルの構築、そして多くの企業が直面している「Vue 2(Options API)+ Vuex」のレガシーコードから「Vue 3 + Pinia」への泥臭くも安全な大規模マイグレーションを牽引していただくポジションです。
具体的な業務内容
・Vue 3 および Nuxt 3 を活用した、スケーラブルで保守性の高いフロントエンドアプリケーションの設計・開発
・肥大化したレガシーなVue 2(Options API / Vuex)プロジェクトから、Vue 3(Composition API / Pinia)への段階的かつ安全なマイグレーション戦略の策定と実行
・Composablesを用いたビジネスロジックの適切なカプセル化と再利用性の向上、およびTypeScriptによる厳格な型定義の実装
・Nuxt 3の強力なレンダリングモード(SSR, SSG, ISR, CSR)の要件に応じた最適な使い分けと、Nitroエンジンを活用したBFF(Backend for Frontend)ルートの設計
・LighthouseやDatadog RUMを利用した、Core Web Vitals(LCP, CLS, INP等)の継続的な計測と、バンドルサイズの削減、不要な再レンダリングの徹底排除
・Headless UIやTailwind CSSを活用したデザインシステムの構築、およびStorybookを利用したUIコンポーネントのカタログ化
・Vitest、Vue Test Utilsを用いたロジックの単体テスト、およびPlaywright等を用いたE2Eテストの自動化とCI/CDへの組み込み
必須スキル・経験
・Vue.jsを用いたフロントエンド開発の実務経験(目安として3年以上)
・Vue 3(Composition API)および Nuxt.js(2または3)を用いた本番環境でのアプリケーション設計・開発経験
・TypeScriptを用いた高度な型定義、および堅牢なアプリケーションの実装経験
・ブラウザのレンダリング機構(DOMツリー、再描画の仕組み)やWebパフォーマンスに関する深い理解
・Git / GitHubを用いたプルリクエストベースでのチーム開発、およびコードレビュー経験
歓迎スキル・経験
・大規模なVue 2アプリケーションからVue 3へのマイグレーション(リライトまたは段階的移行)の実務経験
・Node.js(またはNitro等)を用いたBFF層の開発、およびAPI設計経験
・Vercel、AWS、またはCloudflareを利用したフロントエンドインフラの構築・運用経験
・TanStack Query(Vue Query)等を用いたサーバー非同期状態の管理経験
・Figmaを用いたデザイナーとの密な協業、およびWebアクセシビリティ(WAI-ARIA等)の実装経験
開発・業務環境
開発言語:TypeScript
UIライブラリ・フレームワーク:Vue 3, Nuxt 3
状態管理・データフェッチ:Pinia, Vue Query (TanStack Query), Nuxt useAsyncData
スタイリング:Tailwind CSS (または SCSS, CSS Modules)
インフラ・ホスティング:Vercel, AWS (または Cloudflare)
テスト・品質:Vitest, Vue Test Utils, Playwright, Storybook
監視・分析:Datadog RUM, Sentry, Vercel Analytics
コミュニケーション・管理:GitHub, Jira, Slack, Zoom
プロジェクトチームについて
ユーザー体験(UX)の最大化と開発者体験(DX)の向上を両立させる、フロントエンドコアプラットフォームチームへの配属となります。
「Options APIで書かれた数百行に及ぶ巨大なFat Component(神コンポーネント)」を極めて嫌い、ビジネスロジックとUIプレゼンテーションを明確に分離する手堅いカルチャーです。Vue 3のProxyベースのリアクティビティシステムの裏側(内部挙動)まで深く理解しており、原因不明の無限ループやメモリリークに直面した際にも、Vue Devtoolsやプロファイラを駆使してミリ秒単位・バイト単位で泥臭く原因を突き止める実直なメンバーが集まっています。
求める人物像
・「コンポーネントをマークアップするだけの作業者」ではなく、状態管理のアーキテクチャやコンポーネントの粒度設計にエンジニアとしての強いこだわりを持てる方
・Vueエコシステムの激しいアップデート(Vue 2のEOLやNuxt 3への破壊的変更)に対して文句を言うのではなく、公式ドキュメントやRFCを自ら読み込み、技術的負債の返済を楽しめる方
・デザイナーやバックエンドエンジニアと対等に議論し、実装難易度やパフォーマンスの観点から「より良いUXを提供するための代替案」を論理的に提案できる方
仕事の魅力
Vue 2のサポート終了に伴い、日本中の企業がVue 3への移行という巨大な壁に直面している現在において、そのモダナイゼーションを最前線で指揮する極めて需要が高く価値のあるポジションです。Nuxt 3の高度なレンダリング戦略やComposition APIによる複雑な状態管理を実社会の大規模プロダクトに適用する経験を通じて、単なる「Vueが書けるコーダー」を完全に凌駕し、今後のモダンWeb市場で最も高く評価される「Vueフロントエンド・アーキテクト」としての圧倒的な市場価値を築くことができます。
働き方
リモート環境
[フルリモート] 基本的にフルリモートで働いていただけます。
株式会社Kaizen Tech Agent
株式会社Kaizen Tech Agentは、「人と技術をつなぐ」ことを企業理念に掲げ、日々向上していく『技術』と『人』を最適な形でむつび付け提供することで、
お客様にとって真にプラスとなる価値でありたいと考えております。
私たちはそれぞれの個性を尊重し、ほっとする和みの社風でありながら、変化する時代に対して受け身にならず、未来への挑戦心を宿しています。
事業領域は、WEBアプリ開発、業務システム開発、スマホアプリ開発、インフラ構築など幅広く展開しており、
フリーランス様に対して最適な案件をご提案させて頂いております。どんな些細な事でも結構ですので是非いつでもお気軽にご相談ください。
