概要
経営計画書作成サービスの開発を担当しました。フロントエンド・バックエンドの両方を実装し、レスポンシブで効率的な操作性を実現。
技術スタック
JavaScript
TypeScript
PHP
HTML
CSS
SCSS
Vue
Nuxt
React
Vuetify
Laravel
MySQL
Storybook
Git
GitHub
Figma
VS Code
📅
期間
2022年2月～2024年2月
🔗
ライブ
Service Discontinued
チーム構成
👤フロントエンドエンジニア: 2
👤デザイナー: 2
👤ディレクター: 1
主な機能
- 1Vue.jsおよびReactで再利用可能なUIコンポーネントを開発
- 2Vuetifyを用いたUI設計とスタイリングを実施
- 3Nuxt.jsでページ作成、動的コンテンツやルーティングを実装
- 4LaravelとAxiosを使用してバックエンドAPIとのデータ連携を管理
- 5コンポーネント・ページのテストとバグ修正を実施
- 6社内メンバーからのフィードバックに迅速対応し調整を実施
課題と解決策
VueとReactの両方を使用する構成で、各フレームワークの特性を考慮した設計が必要でした。Vuetifyコンポーネントのカスタマイズ、Laravel APIとのデータ連携、フレームワーク間でのスタイル統一に取り組みました。
成果
各フレームワークの特徴を活かした実装により、開発を柔軟に進めることができました。Vuetify活用で開発効率が向上し、APIとの連携もスムーズに行えました。社内ユーザーから操作性について良い評価をいただきました。
