ID:79543さん

### プロジェクト概要 社内で使用されていた QA（Quality Assurance）管理システムにて、 旧システムは UI・設計ともに老朽化が進み、保守性・操作性に大きな課題を抱えていた。 また、CI/CD・自動テストフローなどの重要機能が手動運用だったため、GitHub Actionsベースへの移行を進め、 それに伴い UI/UX・構成の全面的な再設計・再実装が必要となった。 --- ### チーム情報 - 開発メンバー：2名（自身 + インフラエンジニア1名） - PMと仕様を擦り合わせながら実装 --- ### 使用技術 - Next.js / TypeScript / Docker / ESLint / GitHub Actions --- ### 実装内容・取り組み **背景・目的** - 旧QA管理システムは UI が煩雑かつ複数機能が分断されており、ユーザー体験・保守性に難があった - テストの進捗や実行結果などが手動管理されており、再現性・効率性に課題 - テスト・レビュー・マージ・結果可視化などを GitHub Actions ベースに統合し、CI/CDフローとUIの整合を取る必要があった **取り組み** - 実際の業務フロー（テスト結果、完了判定）に即したテーブル・一覧UIを設計・実装 - 旧構成の複雑なコード・状態管理を解体し、状態管理やページ構成をシンプルな構造へ再設計 - フロントエンドだけでなく、旧バックエンドのロジックを Next.js API Routes に置き換え、API整理・再実装 - デザイナーと共同し、ステータス表示や操作における UI 微調整を多数実施 - GitHub Actions 上で完結するテスト／レポートを UI に即時反映できるよう連携 --- ### 成果・実績 - 手動更新・複雑構成から脱却し、GitHub Actions への機能移行に伴うUI全面リプレイスをリード - 再設計・リファクタリングにより、新規開発者・委託メンバーも保守しやすい構成へ刷新