Category: software design – screen transition diagram

[ログイン]
id, password
==>トップ

[トップ]
お知らせ
--
アカウント一覧
==>アカウント一覧
プロフィール詳細
==>プロフィール詳細
アカウント新規登録
==>アカウント新規登録

[プロフィール詳細]
id, role, 

[アカウント一覧]
アカウント一覧
--
プロフィール登録
パスワード

あら、ちょっとわかってきたw 横に伸びるのがめんどくさいなw

とりあえずguiflowが終わったので、トンマナとワイヤーの作成に入ります。トンマナはワイヤーを1枚作って作成、残りのワイヤーは、画面設計書と同時並行で作成していきます。
トンマナを作るのは、一番使われるページか。

1画面から2画面に飛ぶとき、どう書けばいいんだ？

[アカウント一覧]
アカウント登録

[hoge]
hogehoge

[プロフィール詳細]
id, role, 

[login]
id, password
==>top

[top]
トップ
==>プロフィール詳細
==>アカウント一覧

github issuesを見てみる
https://github.com/hirokidaichi/guiflow/issues?q=is%3Aopen+is%3Aissue

おいおい、何も記載がないぞ。

業務フローの作成が終わったので、画面遷移図をつくります。
Excelだとつまらないので、guiflowというjsで作られたツールを使ってみたいと思います。

https://github.com/hirokidaichi/guiflow

railsの参考になったらしい。
https://signalvnoise.com/posts/1926-a-shorthand-for-designing-ui-flows

jsでinputされた値を読み込んで、if value == [] {}でdisplayしているのかな？