イチから全部作ってみよう（25）脳内シミュレーションを駆使し画面設計書を完成させる：山浦恒央の“くみこみ”な話（194）（3/3 ページ）

ソフトウェア開発の全工程を学ぶ新シリーズ「イチから全部作ってみよう」。第25回は、前回作成したECサイトのトップページに続き、カート画面、顧客情報＆支払情報入力画面、購入確認画面、購入完了画面画面設計書の画面設計書を作成する。

[山浦恒央 人間環境大学 環境情報学科 教授（工学博士），MONOist]

3.4 購入完了画面

3.4.1 画面情報

• 画面名：購入完了画面
• 概要：購入が正常に終了したことを表示する

3.4.2 遷移元／遷移先

• 遷移元：購入確認画面
• 遷移先：トップページボタンをクリックすると、トップページへ遷移する

3.4.3 画面レイアウト

　画面レイアウトを図4に示す。

図4　購入完了画面［クリックで拡大］

3.4.4 表示項目

　表示項目を表4に示す。

項目名	種別	入力範囲	エラー処理
トップページボタン	ボタン	-	-
表4　購入完了画面の表示項目

3.5 全体の画面遷移

　全体の画面遷移図を図5に示します。なお、遷移は正常系のみにしています。

図5　全体の画面遷移［クリックで拡大］

4．おわりに

　今回は、画面設計書の続きを作成しました。細かい話は割り切って作ったつもりですが、一通り作ってみると、改善の余地が見えてきます。

• （1）カート画面で数量を変更できないのか。合計金額は表示しないのか
• （2）ブラウザバックをした場合はどうするのか
• （3）支払方法は、代引きとクレジットだけで良いのか
• （4）配送日は設定できないのか
• （5）購入確認画面で、何日間も無入力の場合、どうするか。タイムアウトさせるのか

など、いろいろ考えられますね。このように、画面設計書を作成し、画面を紙芝居のように脳内シミュレーションすると、さまざまな課題が見つかるでしょう。これらを発注側へ共有し、すり合わせをしながら設計をすると、開発側も運用方法をイメージしつつ、発注側の要望を盛り込めます。（次回に続く）

山浦先生執筆の書籍が販売中です！

　本連載で取り上げた「ソフトウェア技術者のためのバグ百科事典」を大幅に加筆、修正した山浦恒央先生の書籍「ソフトウェア技術者のためのバグ検出テキスト」が日科技連出版から好評発売中です。連載でも取り上げた、「要求仕様書のバグ」「実装抜けのバグ」「テスト業務のバグ」など、バグを36種類に分類して解説しています。囲碁や将棋であれば、「相掛かり」「矢倉」「四間飛車」「藤井システム」のような戦法を網羅した内容になっています。

　前著「ソフトウェア技術者のためのバグ検出ドリル」（2019年11月刊行）も好評発売中です。実際にバグを含む要求仕様書、設計書、コーディング、デバッグ、保守を具体的に取り上げ、練習問題として31問を出題しました。同書は、囲碁や将棋における「次の一手」的な問題であり、ピンポイントの場面を取り上げ、実践力を鍛えることを目的としています。

画像クリックで出版社のWebサイトへ

　両書とも興味のある方は、Amazon.comや書店でチェックしてください！

【 筆者紹介 】

山浦 恒央（やまうら つねお）

人間環境大学 環境情報学科 教授（工学博士）

1977年、日立ソフトウェアエンジニアリングに入社、2006年より、東海大学情報理工学部ソフトウェア開発工学科助教授、2007年より、同大学大学院組込み技術研究科准教授、2016年より非常勤講師。2025年4月より、人間環境大学環境情報学科教授。

主な著書・訳書は、「Advances in Computers」 （Academic Press社、共著）、「ピープルウエア 第2版」「ソフトウェアテスト技法」「実践的プログラムテスト入門」「デスマーチ 第2版」「ソフトウエア開発プロフェッショナル」（以上、日経BP社、共訳）、「ソフトウエア開発 55の真実と10のウソ」「初めて学ぶソフトウエアメトリクス」（以上、日経BP社、翻訳）。