1. 今回の作業概要

アサーションCheckのStep 6として、画面構成とルーティングの整理を実施した。

これまでは、ホーム画面に分析入力フォームと分析結果が存在していたが、UI設計書に合わせてそれぞれ独立した画面に分離した。

また、認証済みユーザー向けの共通レイアウトを作成し、ヘッダーや下部ナビゲーションを各画面で共通利用できる構成に変更した。

今回の目的

2. 画面構成の整理

変更前

これまでは、ホーム画面に分析入力フォームと分析結果を表示していた。

ホーム画面
  ├── 分析入力フォーム
  ├── AI分析処理
  └── 分析結果表示

この構成でもAI分析は実行できるが、今後、分析履歴やマイページなどの機能を追加することを考えると、画面ごとの役割を明確にする必要があった。

変更後

ログイン画面
    ↓
ホーム画面
    ├── 新規作成画面
    │      ↓
    │   AI分析実行
    │      ↓
    │   分析結果画面
    │
    └── マイページ

各画面の役割