概要
UX向けの修正依頼フィードバックツールの開発し、ページ上でコメントを入力し、範囲を選択してフィードバックできる機能を実装しました。
技術スタック
JavaScript
TypeScript
PHP
HTML
CSS
SCSS
Vue
Nuxt
Tailwind
Pinia
Laravel
MySQL
Storybook
Git
GitHub
Figma
VS Code
📅
期間
2023年2月～2024年3月
🔗
ライブ
Coming Soon
チーム構成
👤フロントエンドエンジニア: 2
👤バックエンドエンジニア: 2
👤デザイナー: 2
👤テスター: 1
👤ディレクター: 1
主な機能
- 1Vue.jsとNuxt.jsを使用して再利用可能なUIコンポーネントを開発
- 2Piniaによる状態管理でデータの一貫性を確保しUX向上
- 3Tailwind CSSでスタイリングを実施
- 4フロントエンドリーダーとしてチームのタスク管理・進捗確認・技術支援
- 5LaravelでバックエンドAPIを作成しデータ連携を効率化
- 6コードレビューで品質保証、テストとバグ修正を実施
- 7顧客フィードバックに迅速対応し、要求に応じて調整
- 8タスク優先順位付けと進捗管理でプロジェクト推進をサポート
課題と解決策
ページ上での範囲選択とリアルタイムフィードバック入力という複雑なUXを実現するため、Piniaでの状態管理設計が重要でした。フロントエンドリーダーとして、タスクの優先順位付けと進捗管理を行いながら、チーム全体の技術力向上にも取り組みました。
成果
Piniaによる状態管理で開発がスムーズに進み、Tailwind CSSによりスタイリングの効率化を実現しました。コードレビュー体制を整えることで品質向上とナレッジ共有に貢献しました。
