引越し業務管理アプリ(BtoB)
概要
グループ会社の開発チームに外部参画し、リモート環境で連携しながら、引越し業務向けWebアプリのリニューアルでフロントエンド実装を担当。
業務フローを理解し、UIの一部改善にも取り組みました。
課題
旧システムの技術的老朽化により、セキュリティリスクやパフォーマンス低下が発生し、業務効率に影響が出ていた。
また、既存機能の利便性にも課題があり、改善や新規機能追加が求められていた。
目的
安定したシステム運用基盤を再構築し、業務効率と生産性の向上に寄与する。
担当範囲
- Laravel APIとのデータ連携を含むフロントエンド実装
- 引越し業務に必要な各種マスタ管理画面の構築
- Reduxを用いた状態管理の設計および画面間データ共有の最適化
工夫した点
Reduxを用いてAPIデータの状態を一元管理し、不要な再取得を抑制することで、表示の安定性とパフォーマンス向上を図りました。
既存の業務フローを踏まえ、操作手順やデータの整合性に一貫性が出るよう、画面設計および実装を行いました。
成果
Reduxによる状態管理の整理により、データ連携の効率化と表示の安定性向上に貢献しました。
また、業務フローを踏まえた設計により、操作性とデータ整合性の改善につながりました。
使用技術
- React / TypeScript
- Redux
- Material UI
- Laravel(API連携・コード読解/一部修正)