【フルリモート／週5／Vue.js】Vue 3 × Nuxt 3 (SSR/SSG) 採用リアルタイムダッシュボード＆フロントエンド高速化案件

お任せしたいこと
［役割］
Vue 3 / Nuxt 3 (Composition API / Script Setup) および TypeScript を用いた、SaaS型リアルタイムデータアナリティクス基盤のWebフロントエンド設計・開発およびパフォーマンス改善
［役割に対して求める成果］
Nuxt 3 の SSR / ISR レンダリング最適化および WebSocket データストリームの軽量化による、Core Web Vitals (INP/LCP) の改善および画面描画レスポンス 40% 高速化の達成

具体的な業務内容
Vue 3 / Nuxt 3 (Composition API, <script setup>) を活用した、インタラクティブなリアルタイムダッシュボード・データ可視化画面の構築
Pinia を用いたグローバル状態管理の最適化および、Pinia Colada や TanStack Query Vue によるサーバー状態のキャッシュ効率化
WebSocket / Server-Sent Events (SSE) を用いた、秒間数百件の高速データ更新に耐えうるキャンバス・チャート（Chart.js / ECharts）描画最適化
Zod を活用した型安全なフォーム・API入力バリデーションおよび、Tailwind CSS / Headless UI によるデザインシステムコンポーネントの構築
Vitest / Playwright による単体・コンポーネント・E2Eテストの自動化と、Storybook を用いたUIカタログ管理

必須スキル・経験
Vue.js (Vue 3 / Composition API) を用いた Web フロントエンドの開発・運用実務経験（3年以上）
Nuxt.js (Nuxt 3) を用いた SSR / SSG アプリケーションの開発・運用実績（1年以上）
TypeScript を用いた型安全なコンポーネント設計および状態管理（Pinia 等）の実務経験
パフォーマンスチューニング（Re-render最適化, Web Worker活用, バンドルサイズ削減等）の実績

歓迎スキル・経験
Option API から Composition API へのリファクタリング・大規模コード移行の導入知見
Web Accessibility (WCAG 2.1) や UI インタラクション改善の実践経験
Vite プラグインのカスタマイズや Node.js / Nitro サーバーエンジンのパフォーマンスチューニング経験
GraphQL (Apollo Client / Urql) や tRPC を用いたバックエンド連携の実装実績

開発環境
言語/環境: Vue 3, Nuxt 3, TypeScript 5.x, Vite
状態管理/通信: Pinia, TanStack Query Vue, WebSocket, REST API
UI/スタイル: Tailwind CSS, Headless UI, Chart.js / ECharts
テスト/ツール: Vitest, Playwright, Storybook, Biome
インフラ/CI: Vercel, AWS, GitHub Actions
コミュニケーション: Slack, Notion, Figma, GitHub

開発チームについて
フロントエンドチームは、フロントエンドリード（1名）、Vue/Nuxtシニアエンジニア（3名/今回募集枠含む）、UI/UXデザイナー（1名）で構成されています。
Vue 3 / Nuxt 3 のモダンな記法（Composables パターン）を活用し、ロジックの再利用性と可読性の高いフロントエンド構成を追求するチーム文化です。

求める人物像
リアクティブシステム（ref / reactive / computed）の内部挙動を深く理解し、不要な再レンダリングを防ぐ効率的な設計ができる方
複雑なデータ可視化要件に対して、デザイナーやバックエンドエンジニアと積極的にアプローチを議論できる方
フルリモート環境において、Figma や GitHub PR でわかりやすいテキストコミュニケーションができる方

仕事の魅力
Vue 3 や Nuxt 3 のポテンシャルをフルに発揮できる、高度なリアルタイムダッシュボード開発に携われます。
大規模データの描画最適化やモジュール設計を通して、Vue エコシステムにおける最高峰のスペシャリティを獲得できるプロジェクトです。

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