【フルリモート/週5/Vue.js】自社展開するEC構築・店舗管理プラットフォームの管理画面フロントエンド開発およびVue 3移行

案件要件
- 職種
- エンジニア
- 業務内容
- システム開発・運用SES
- 報酬目安
- 5,600 ~ 6,700円/時
- 稼働時間目安
- 週5日 (時間目安 160時間)
- はたらく場所
- フルリモート
- スキル
【フルリモート/週5/Vue.js】自社展開するEC構築・店舗管理プラットフォームの管理画面フロントエンド開発およびVue 3移行
お任せしたいこと
[役割]フロントエンドエンジニアとして、数万の事業者が日々の店舗運営や商品管理に利用する「マルチテナント型EC構築プラットフォーム」の事業者向け管理画面(ダッシュボード)における新機能開発、およびVue 3への継続的なマイグレーションをお任せします。
[役割に対して求める成果]事業側からの要望(複雑な商品バリエーション登録機能、高度な売上分析グラフなど)を、既存の画面の挙動を壊すことなく安全に実装すること。また、数年前から運用されている巨大なVue 2(Options API)のコードベースを、業務への影響を出さずにVue 3(Composition API / <script setup>)およびTypeScriptへと段階的に移行し、フロントエンドの保守性と開発者体験を高めること。
具体的な業務内容
・Vue.jsを用いた、SaaSプロダクト(事業者向け管理画面)の新機能に関する詳細設計、実装、テスト
・既存のVue 2 / Options APIで書かれたFatなコンポーネントの責務を見直し、Vue 3 / Composition APIへの書き換えおよびロジックの共通化(Composablesへの抽出)
・レガシーなVuexからPiniaへの状態管理の移行、および不要なグローバルステートの削減
・JavaScriptで書かれた既存コードに対する、段階的なTypeScriptの導入と型安全性の向上
・WebpackからViteへのビルドツール移行サポート、およびビルド時間の短縮やホットリロード(HMR)環境の改善
・PdM(プロダクトマネージャー)やデザイナーと連携した、入力項目が多い管理画面における「迷わず操作できるUI」の仕様検討とFigmaベースでのすり合わせ
・VitestやVue Test Utilsを用いた単体テスト・コンポーネントテストの拡充によるデグレ(回帰バグ)の防止
・バックエンドエンジニアと連携したREST API仕様の策定、およびエラーハンドリングの適切な実装
必須スキル・経験
・Vue.jsを用いたSPA(Single Page Application)の開発実務経験(2年以上)
・HTML/CSSに関する深い理解と、UIコンポーネントの実装経験
・既存のコードベースを読み解き、影響範囲を調査しながら開発を進めた経験
・Git/GitHubを用いたプルリクエストベースでのチーム開発経験
歓迎スキル・経験
・Vue 2からVue 3へのマイグレーション、またはOptions APIからComposition APIへのリファクタリング経験
・TypeScriptを用いた型安全なフロントエンド開発経験
・Vuex、Piniaを用いた複雑な状態管理の経験
・Nuxt.jsを用いたアプリケーション開発・運用経験
・大量の入力フォームやデータグリッド(表)を多用する、BtoB業務システムや管理画面の開発経験
・Vitest、Jest等を用いたテストコードの実装経験
・Storybookを用いたコンポーネントライブラリの保守・運用経験
開発・業務環境
言語・フレームワーク:Vue.js (Vue 2 / Vue 3混在), TypeScript, JavaScript
状態管理:Pinia, Vuex
ビルドツール:Vite (一部Webpack)
スタイリング:SCSS (または Tailwind CSS)
テスト・ツール:Vitest, Vue Test Utils, Storybook
CI/CD・インフラ:GitHub Actions, AWS (S3, CloudFront)
デザイン・コミュニケーション:Figma, GitHub, Jira, Slack, Zoom
プロジェクトチームについて
プロダクト開発部のフロントエンドチームへの配属となります。「すべてを一から作り直す」という理想論ではなく、毎日稼働している事業者の業務を絶対に止めないことを最優先とし、日々の機能開発と並行して少しずつVue 3やTypeScriptへの移行を進める(ボーイスカウトルール)実直なカルチャーです。コンポーネントの分割単位や型の定義方針などについては、PRのレビューを通じてチーム内で丁寧に議論し、足並みを揃えて開発を進めています。
求める人物像
・ユーザーの目に見える部分(UI/UX)に責任を持ち、業務システムならではの「使い勝手(Tabキーでの移動、入力補助など)」に細やかな気配りができる方
・過去のJavaScript/Vue 2のコードを否定するのではなく、「なぜこの設計になったのか」を紐解きながら、より保守性の高いモダンな構造へと改善していく泥臭い作業を楽しめる方
・複雑なビジネスロジックをフロントエンドで抱え込まず、バックエンド側と適切に責務を切り分けるためのコミュニケーションが取れる方
仕事の魅力
事業者が毎日長時間を過ごす管理画面であるため、UIのちょっとした改善やレスポンスの向上が、顧客の業務効率化にダイレクトに貢献する手触り感のあるポジションです。また、現在多くの企業が直面している「大規模なVue 2アプリケーションのVue 3移行」という非常に実践的で難易度の高い課題にチームで取り組むため、フロントエンドエンジニアとして極めて市場価値の高いマイグレーションスキルを着実に磨くことができます。
働き方
リモート環境
[フルリモート] 基本的にフルリモートで働いていただけます。
株式会社Kaizen Tech Agent
株式会社Kaizen Tech Agentは、「人と技術をつなぐ」ことを企業理念に掲げ、日々向上していく『技術』と『人』を最適な形でむつび付け提供することで、
お客様にとって真にプラスとなる価値でありたいと考えております。
私たちはそれぞれの個性を尊重し、ほっとする和みの社風でありながら、変化する時代に対して受け身にならず、未来への挑戦心を宿しています。
事業領域は、WEBアプリ開発、業務システム開発、スマホアプリ開発、インフラ構築など幅広く展開しており、
フリーランス様に対して最適な案件をご提案させて頂いております。どんな些細な事でも結構ですので是非いつでもお気軽にご相談ください。
