8.4 画面遷移・状態

8.4.1 状態遷移図

画面やコンポーネントの状態変化を図示する。

要素記法
状態角丸矩形
遷移矢印
イベント矢印上のラベル
初期状態黒丸から矢印

8.4.2 状態定義例

フォームの状態遷移例:

状態説明遷移条件
初期未入力状態画面表示時
入力中データ入力中フォーカス時
検証中バリデーション実行中送信ボタン押下
エラー検証エラー表示検証失敗時
送信中API通信中検証成功時
完了処理完了API成功時