1. はじめに （今回の目的）
はじめまして。
これまで断片的にPHPやMySQLを触ってきましたが、
「0から設計して実装する」となると、どこから手を付ければいいのか迷うことが多くありました。
そこで今回、アンケートフォームを題材に、設計から実装までの流れを整理しながら進めていこうと思い、この連載を始めました。
未来の自分が見返したときに「こう進めればいいのか」と思い出せるよう、メモ的な感覚で記録していきます。
同じように「設計ってどう始めればいいの？」と悩んでいる方の参考にもなれば嬉しいです。
コードを書くより日本語を書くほうが難しい…なんて頭を抱えながらですが、一歩ずつ進めてみます。
少しずつでも続けていこうと思いますので、よろしくお願いいたします。
2. 今回のゴール（設計編）
今回は実装を始める前に、まずは設計から行います。
- 画面構成の整理
- 画面遷移図の作成
- 処理の流れの整理
3. 画面構成
- 入力画面（index.php）：ユーザーが情報を入力する画面
- 確認画面（confirm.php）：入力内容を確認し、送信可否を判断する画面
- 完了画面（complete.php）：データ登録完了を表示する画面
- 一覧画面（list.php）：登録されたデータを一覧表示する画面
- 詳細画面（detail.php）：選択したデータの詳細を表示する画面
- 編集画面（edit.php）：既存データを編集する画面
- 削除処理（delete.php）：データ削除を行う処理
4. 処理の流れ
- 入力画面でユーザーが情報を入力
- 確認画面で入力内容を確認
- 問題なければデータを登録
- 完了画面を表示
5. 設計で考えたこと
- 入力内容の誤送信を防ぐため、確認画面を挟む構成にした
- 登録後のデータ操作を考慮し、一覧・詳細・編集・削除の画面を分離した
- ユーザーが操作に迷わないよう、各画面から「戻る」導線を設けた
- 削除処理は誤操作を防ぐため、画面遷移とは分けて独立した処理とした
6. 悩んだポイント・詰まった点
- 実装したい機能を次々と思いつき、どこまで設計に含めるべきか迷った
→ 今回は「基本機能（入力・確認・登録、一覧表示）」に絞り、追加機能は後から拡張する方針にした
- 画面遷移図の線が複雑になり、見づらくなってしまった
→ 画面ごとの役割を整理し、不要な線を減らすことで見やすさを意識して書き直した
7. 次にやること（次回予告）
- 入力画面の作成（フォーム構築・レイアウト設計・ユーザー入力の受け取り処理）
まとめ
- ファイル一覧を整理することで、作成すべき機能や画面が明確になった
- 画面構成や処理の流れを考えることで、実装のイメージを持つことができた
- 全体像を把握することで、どこから手を付けるべきか迷いが減った
ソースコード
今回作成したコードはこちらで公開しています。