---
title: 画面仕様書
---

# 全体構成図

```uiflows
[500 Error画面]
[404 Error画面]
[403 Error画面]

[ログイン画面](./login/index.html)
==> パスワード変更画面
==> 商品画面
エラー表示（ID/PWが不一致）

[パスワード変更画面](./login/change-password.html)
==> 商品画面
エラー表示（規定と異なる）

[商品画面](./product/index.html)
==> 商品編集画面

[商品編集画面]
==> 商品編集詳細画面

[商品編集詳細画面]
==> 商品カテゴリー選択ダイアログ

[個人設定画面](./settings/index.html)
==> 設定画面
```

## 共通パーツ

-   [共通ヘッダー](./common/header/common-header.html)

# ログインの流れ

```uiflows
[サイト内URLへアクセス]
ログイン済みの場合
==> 該当画面を表示
未ログインの場合
==> ログイン画面

[ログアウト]
==> ログイン画面

[ログイン画面](./login/index.html)
ログイン済みでアクセス
==> 商品画面
正しいID/PWでログイン
==> 商品画面
==> ログイン画面に自動遷移前にアクセスしようとした画面
間違ったID/PWでログイン
==> ログイン画面（エラーメッセージを表示）

[パスワード変更画面](./login/change-password.html)
正しいパスワード変更
==> 商品画面
設定ルール違反で変更
==> パスワード変更画面（設定ルール違反）
```

# ログアウトの流れ

```uiflows
[ヘッダー]
ログアウト
==> ログイン画面

[ログイン画面](./login/index.html)
```

# メニューによる遷移

```uiflows
[メニュー]
==> 商品画面

[商品画面]
```