【フルリモート／週5／Vue】複雑なデータ可視化を伴う分析SaaSのフロントエンド開発およびVue 3 / Nuxt 3へのモダナイゼーション

お任せしたいこと

［役割］フロントエンドエンジニアとして、大手小売・EC事業者が利用する「大規模データ分析・マーケティングSaaS」の管理画面（ダッシュボード）において、Vue.jsを用いた高度なUI開発およびVue 2からVue 3（Composition API）への段階的な移行をお任せします。
［役割に対して求める成果］数百万件のデータポイントを扱う複雑なデータグリッドやチャート描画において、ブラウザのメインスレッドをブロックしないレンダリングの最適化を行うこと。また、長年の機能追加で肥大化したVue 2（Options API）およびVuexベースのレガシーコードを、稼働中のシステムを止めることなくVue 3（<script setup>）、Pinia、TypeScriptを用いた型安全で保守性の高いモダンなアーキテクチャへと刷新すること。

具体的な業務内容

・Vue.js（Vue 3 / Nuxt 3）およびTypeScriptを用いた、BtoB向けSaaSダッシュボードの詳細設計、実装、テスト
・既存のVue 2（Options API）で構築された巨大なSPAの、Vue 3（Composition API）およびVite環境への段階的なマイグレーション
・VuexからPiniaへの状態管理ロジックの移行、および不要なグローバルステートの廃止とコンポーネントレベルでの適切な状態分割
・Chart.jsやD3.js等を利用した複雑なデータビジュアライゼーションの実装、および大量データを扱うテーブルコンポーネントの仮想スクロール（Virtual Scroll）等を用いたパフォーマンス・チューニング
・Storybookを活用した、全社で再利用可能なUIコンポーネントライブラリ（デザインシステム）の設計と構築
・VitestやVue Test Utilsを用いたコンポーネントテストの拡充による、リファクタリング時のデグレ（回帰バグ）防止
・バックエンドエンジニアと連携した、OpenAPI（Swagger）ベースのスキーマ駆動開発およびAPIモックを利用した並行開発の推進
・SentryやDatadog RUMを利用した、本番環境におけるフロントエンドのエラー監視およびユーザー体験（Core Web Vitals）の継続的な改善

必須スキル・経験

・Vue.jsを用いたSPA（Single Page Application）の開発実務経験（3年以上）
・HTML/CSS、およびJavaScript（ES6+）に関する深い理解
・RESTful API、またはGraphQLを利用したバックエンドとの連携開発経験
・Git/GitHubを用いたプルリクエストベースでのチーム開発経験

歓迎スキル・経験

・Vue 3（Composition API）、およびNuxt 3を用いた開発・本番運用経験
・Vue 2からVue 3への大規模なマイグレーション（リプレイス）を主導した経験
・TypeScriptを用いた型安全なフロントエンド開発経験
・Vite、Webpack等のビルドツールのチューニング経験
・Pinia（またはVuex）を用いた複雑な状態管理の設計経験
・Storybookを用いたUIコンポーネントのカタログ化・運用経験
・Vitest、Jest、Cypress等を用いたテストコードの実装経験
・Figma等を利用したデザイナーとの協業、およびUI/UXに対する深い関心

開発・業務環境

言語・フレームワーク：Vue.js (Vue 3, 一部 Vue 2), Nuxt 3, TypeScript
状態管理・ビルド：Pinia, Vite (一部 Webpack)
スタイリング・UI：Tailwind CSS, Storybook
テスト・CI/CD：Vitest, Vue Test Utils, GitHub Actions
インフラ・監視：AWS (CloudFront, S3等), Sentry, Datadog RUM
デザイン・コミュニケーション：Figma, GitHub, Jira, Slack, Zoom

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

プロダクト開発部のフロントエンドチームへの配属となります。「とりあえず動く画面を作る」フェーズは終わり、プロダクトの持続的な成長に向けて「開発者体験（DX）の向上」と「技術的負債の返済」に大きく舵を切っているカルチャーです。コードレビューでは、Options API特有の「this」への依存やFatなコンポーネントを指摘し合い、Composition APIのカスタムフックス（Composables）を用いたロジックの再利用性や、TypeScriptの型定義の厳密さについて活発な議論が行われています。

求める人物像

・「Vue 2のサポート終了」という技術的な転換期において、レガシーコードを嘆くのではなく、影響範囲を慎重に調査しながら段階的にモダン化していく泥臭いプロセスを楽しめる方
・Composition APIの強み（関心の分離）を正しく理解し、コンポーネントからビジネスロジックを美しく切り出すアーキテクチャ設計にこだわりを持てる方
・データ分析というドメインにおいて、「ユーザーがいかにストレスなく大量のデータを閲覧・操作できるか」というUI/UXの細部にまで気を配れる方

仕事の魅力

現在のVue.js界隈において最もニーズが高く、かつ難易度も高い「大規模なVue 2からVue 3（Nuxt 3）へのマイグレーション」という技術的課題に最前線で取り組むことができます。複雑な状態管理の刷新やViteによるビルド最適化、デザインシステムの構築など、モダンなフロントエンド環境をゼロベースに近い形で再構築する経験は、Vue.jsスペシャリストとして極めて高い市場価値をあなたにもたらします。

働き方

リモート環境

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