03. Web制作における要件定義と要求定義
ヒアリングでいろいろ聞いたあとって、どう整理するの？
次は「要求定義」と「要件定義」っていう設計の土台作りをするんだよ！
✴️ 要求定義とは？
- クライアントやユーザーの“やりたいこと・してほしいこと”を整理したもの
- 感覚的・抽象的な「ニーズ」を言語化する段階
📌 例：
- 商品をもっと多くの人に知ってほしい
- 自社で簡単にブログを更新したい
- スマホでも見やすいサイトにしたい
✴️ 要件定義とは？
- 要求をもとに、実装すべき内容を具体化したもの
- 制作チームにとっての仕様書の元となる
📌 例：
- トップページにスライドバナーを設置
- WordPressを導入し、投稿機能を実装
- モバイル用レイアウトをレスポンシブで対応
✴️ 要求定義と要件定義の違い
| 項目 | 要求定義 | 要件定義 |
|---|---|---|
| 主語 | クライアント・ユーザー | 制作者（デザイナー・エンジニア） |
| 内容 | やりたいこと・困っていること | どう作るか・どこまで対応するか |
| 言語 | 日常的な言葉 | 技術的・構造的な言葉 |
| 目的 | ニーズの把握 | 実装仕様の決定 |
✴️ 要件定義の分類（機能要件と非機能要件）
-
機能要件：実装する機能そのもの
例：お問い合わせフォーム／ログイン機能／CMS導入など -
非機能要件：機能以外の条件
例：納期／予算／運用体制／セキュリティ／パフォーマンス
✴️ 要件定義書に書くべきこと（例）
| 項目 | 内容例 |
|---|---|
| 対象ページ一覧 | トップ／会社概要／お問い合わせ など |
| 各ページの内容 | テキスト、画像、レイアウトの指定など |
| ナビゲーション構成 | グローバルメニュー、フッターメニュー |
| 更新方法 | CMSの有無、編集範囲 |
| 使用技術 | HTML/CSS/JS、WordPressなど |
| 対応ブラウザ・端末 | Chrome／Safari／スマホ／タブレットなど |
| スケジュール | 提案日／確認日／納品日 |
✴️ 注意すべきポイント
- あいまいな表現はNG（「かっこよく」「なるべく早く」など）
- 書面化して共有（口約束で進めるとトラブルに）
- 優先順位をつける（必須／できれば／将来的に）
🌟 まとめ：成功するWeb制作は“定義”から始まる！
| 段階 | 内容 |
|---|---|
| 要求定義 | クライアントのやりたいことの明確化 |
| 要件定義 | 実装に必要な内容の具体化 |
| 成功の鍵 | あいまいさを排除し、全員で共有 |
最初にきちんと決めておくって大事なんだね！
うん！設計図がしっかりしていれば、後で慌てずにすむんだよ♪