概要
React を用いたページ作成や再利用可能コンポーネントの設計・実装、テスト、フィードバック対応まで一貫して担当しました。
技術スタック
JavaScript
TypeScript
HTML
CSS
SCSS
Vue
Vuetify
Nuxt
React
Git
GitHub
XD
VS Code
📅
期間
2021年7月～2021年10月
🔗
ライブ
Service Discontinued
チーム構成
👤フロントエンドエンジニア: 1
👤デザイナー: 1
👤ディレクター: 1
主な機能
- 1Reactで新規ページをコーディングしインタラクティブUIを実現
- 2再利用可能なReactコンポーネントを設計・実装、ドキュメント化
- 3コンポーネント・ページのテストとバグ修正
- 4顧客・チームフィードバックに迅速対応
課題と解決策
運用中のサービスに影響を与えずにReactコンポーネントをリファクタリングし、将来の機能拡張に備えた設計が求められました。既存のVue/Vuetifyとの共存を考慮し、再利用可能なコンポーネントライブラリを構築しました。
成果
Reactコンポーネントの整理と共通化により、画面追加や修正時の実装工数を削減しました。ドキュメント整備を行ったことで、チーム内での開発・レビューがスムーズに進むようになりました。
