スクール模擬案件完成
Webアプリケーション
お問い合わせ管理システム
問い合わせフォームの入力・確認・送信と、管理画面での問い合わせ情報の検索・詳細確認・削除を実装したWebアプリケーションです。管理者が必要な問い合わせを条件で絞り込み、一覧から内容を確認できるようにしました。
制作の背景
学習課題として、入力値検証を伴う問い合わせフォームと、認証が必要な管理画面での問い合わせ管理を実装しました。
主な実装内容
- 氏名、性別、メールアドレス、電話番号、住所、問い合わせ種別、内容を入力する問い合わせフォーム
- 入力内容を確認してから送信する確認画面と、送信完了画面
- Form Requestによる氏名、性別、メールアドレスの入力値検証
- Laravel Fortifyを利用したユーザー登録・ログイン
- 認証済みユーザーだけが閲覧できる管理画面
- 名前・メールアドレス、性別、問い合わせ種別、日付を条件にした問い合わせ検索
- 検索条件を維持するページネーション表示
- 一覧から問い合わせの詳細をモーダル表示し、確認後に削除する操作
設計上の課題と対応
課題
- 問い合わせ入力から確認、保存、管理画面での確認までを一貫した流れとして設計すること
- 複数の検索条件を扱いながら、ページを移動した後も条件を維持すること
対応
- 入力時と保存時に同じForm Requestを使い、確認画面を経由して問い合わせ情報を保存する構成にした
- 検索条件ごとにクエリを組み立て、ページネーションへリクエスト値を引き継ぐ構成にした
- 管理画面を認証ミドルウェアで保護し、詳細確認と削除の操作を一覧から行えるようにした
品質確認
- Feature Testで、お問い合わせフォームの表示が成功することを確認