Webシステムを作る上で、画面設計書を作成する事は多々あると思うんだけど、みんなどうやってるんだろうか。 取り敢えず、僕はこんな感じで作ってるよってのを紹介したいと思います。 小規模のプロジェクトで、ドキュメントIDとかプロジェクトIDとか使わなくてもいいような、管理が複雑でないプロジェクトを想定しています。 ルールとしては以下を守ってます。 画面設計書には画面遷移図の情報を含めない。 画面設計書は単一の画面の設計を掲載すべきと考える。 DBの操作、ビジネスロジック層に関する処理は画面設計書に記載しない。 別途アクション設計等に作成するべき。 Excel方眼紙を使わない。(←重要) 詳しくは後述。 参考にしたのは、以下のサイト。 [画面設計]画面の構造は物理的・論理的に示す http://itpro.nikkeibp.co.jp/article/COLUMN/20090108/322455
![僕はこうやって画面設計書を作ってる(Webシステムにおける簡潔な画面設計書の例) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/90d4378960c9983219e5bf114af0e1158afc3803/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUU1JTgzJTk1JUUzJTgxJUFGJUUzJTgxJTkzJUUzJTgxJTg2JUUzJTgyJTg0JUUzJTgxJUEzJUUzJTgxJUE2JUU3JTk0JUJCJUU5JTlEJUEyJUU4JUE4JUFEJUU4JUE4JTg4JUU2JTlCJUI4JUUzJTgyJTkyJUU0JUJEJTlDJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgyJThCJUVGJUJDJTg4V2ViJUUzJTgyJUI3JUUzJTgyJUI5JUUzJTgzJTg2JUUzJTgzJUEwJUUzJTgxJUFCJUUzJTgxJThBJUUzJTgxJTkxJUUzJTgyJThCJUU3JUIwJUExJUU2JUJEJTk0JUUzJTgxJUFBJUU3JTk0JUJCJUU5JTlEJUEyJUU4JUE4JUFEJUU4JUE4JTg4JUU2JTlCJUI4JUUzJTgxJUFFJUU0JUJFJThCJUVGJUJDJTg5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz02YjYwZjVjMGE2NzE5ZGUwY2U1OGQ4ODkzMjZjNTNkOA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB1c3VnaXRhX3NhbiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9Mjg5ZGZlOTMxOGY4YTE3OTMyYjc0MGY5YWFlMTVjNjg%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dc7849d3ff4d1f250e53e0ee79f1d67d6)