ゼロディレシステム開発編150725
- 1. ⽇日 本 デ ィ レ ク シ ョ ン 協 会 主 催
0からのWebディレクション講座
システム開発編
- 22. 画⾯面仕様書(例例)
ーTwitterの登録フォームー
22
▼⼊入⼒力力定義
No ⼊入⼒力力内容 ⼊入⼒力力チェック エラーメッセージ
① 名前 必須チェック 名前を⼊入⼒力力してください。
桁数チェック 名前は15⽂文字以内で⼊入⼒力力してください。
② メールアドレス 必須チェック メールアドレスを⼊入⼒力力してください。
重複チェック メールアドレスが既に登録されています。
メールアドレス
チェック
メールアドレスは正しく⼊入⼒力力してくださ
い
③ ユーザー名 必須チェック ユーザー名を⼊入⼒力力してください。
桁数チェック
ユーザー名は8⽂文字以内で⼊入⼒力力してくだ
さい。
重複チェック ユーザー名が既に登録されています。
半⾓角英数チェック
ユーザー名は半⾓角英数字で⼊入⼒力力してくだ
さい
④ パスワード 必須チェック パスワードを⼊入⼒力力してください。
桁数チェック
パスワードは5⽂文字以上で⼊入⼒力力してくだ
さい。
⑤ チェックボックス ー
- 26. テーブル≒エクセルのシート
26
店舗名
都道府県
市区町村
番地
建物名等
函館昭和店
北海道
函館市
昭和1-31-1ノースフィールド1F
フレスポ帯広稲田店
北海道
帯広市
稲田町南9線西11-1
フィール旭川店
北海道
旭川市
1条通8-108
オーロラタウン店
北海道
札幌市
中央区
大通西2丁目
札幌パルコ店
北海道
札幌市
中央区
南1条西3-3
札幌駅前通店
北海道
札幌市
中央区
北3条西3-1-47
麻生店
北海道
札幌市
北区
麻生町5-1-8
新さっぽろduo店
北海道
札幌市
厚別区
厚別中央2条5-6-3
イオンモール札幌苗穂店
北海道
札幌市
東区
東苗穂二条3-1-1
札幌元町店
北海道
札幌市
東区
北27条東15-1-20
イオンタウン平岡店
北海道
札幌市
清田区
平岡2条5-2-50
白石店
北海道
札幌市
白石区
南郷通り1丁目北2-32
イオンモール札幌発寒支店
北海道
札幌市
西区
発寒8条12-1
札幌発寒店
北海道
札幌市
西区
発寒7条12-3-17
イオン江別店
北海道
江別市
幸町35
釧路昭和店
北海道
釧路市
昭和中央3-3-1
- 27. カラム(列列)とレコード(⾏行行)
27
店舗名
都道府県
市区町村
番地
建物名等
函館昭和店
北海道
函館市
昭和1-31-1ノースフィールド1F
フレスポ帯広稲田店
北海道
帯広市
稲田町南9線西11-1
フィール旭川店
北海道
旭川市
1条通8-108
オーロラタウン店
北海道
札幌市
中央区
大通西2丁目
札幌パルコ店
北海道
札幌市
中央区
南1条西3-3
札幌駅前通店
北海道
札幌市
中央区
北3条西3-1-47
麻生店
北海道
札幌市
北区
麻生町5-1-8
新さっぽろduo店
北海道
札幌市
厚別区
厚別中央2条5-6-3
イオンモール札幌苗穂店
北海道
札幌市
東区
東苗穂二条3-1-1
札幌元町店
北海道
札幌市
東区
北27条東15-1-20
イオンタウン平岡店
北海道
札幌市
清田区
平岡2条5-2-50
白石店
北海道
札幌市
白石区
南郷通り1丁目北2-32
イオンモール札幌発寒支店
北海道
札幌市
西区
発寒8条12-1
札幌発寒店
北海道
札幌市
西区
発寒7条12-3-17
イオン江別店
北海道
江別市
幸町35
釧路昭和店
北海道
釧路市
昭和中央3-3-1
- 28. データベース仕様書<サンプル>
28
テーブル名称 店舗
TABLE名称 shop
№ カラム名 項⽬目 キー 初期値 備考
1id 店舗ID ○ ⾃自動⽣生成
2shopname 店舗名
3pref 都道府県
4city 市区町村
5town 番地
6building 建物名等
7deleted 削除 0 削除=1
8create_̲date 登録⽇日 ⾃自動⼊入⼒力力
9modified_̲date 更更新⽇日 ⾃自動⼊入⼒力力
- 29. テーブル名称 店舗
TABLE名称 shop
№ カラム名 項⽬目 キー 初期値 備考
1id 店舗ID ○ ⾃自動⽣生成
2shopname 店舗名
3pref 都道府県
4city 市区町村
5town 番地
6building 建物名等
7deleted 削除 0 削除=1
8create_̲date 登録⽇日 ⾃自動⼊入⼒力力
9modified_̲date 更更新⽇日 ⾃自動⼊入⼒力力
データベース仕様書≒エクセルの項⽬目
29
- 30. テーブル名称 店舗
TABLE名称 shop
№ カラム名 項⽬目 キー 初期値 備考
1id 店舗ID ○ ⾃自動⽣生成
2shopname 店舗名
3pref 都道府県
4city 市区町村
5town 番地
6building 建物名等
7deleted 削除 0 削除=1
8create_̲date 登録⽇日 ⾃自動⼊入⼒力力
9modified_̲date 更更新⽇日 ⾃自動⼊入⼒力力
フォームから⼊入⼒力力した値以外の項⽬目
30
- 31. データベース仕様書(例例)
ーTwitterのユーザーテーブル
31
テーブル名称 ユーザー
TABLE名称 user
№ カラム名 項⽬目 キー 初期値 備考
1id ユーザーID ○ ⾃自動⽣生成
2username ユーザー名
3name 名前
4email メールアドレス ○
5password パスワード
6profile プロフィール
7deleted 削除 0 削除=1
8create_̲date 登録⽇日 ⾃自動⼊入⼒力力
9modified_̲date 更更新⽇日 ⾃自動⼊入⼒力力
10last_̲access 最終アクセス⽇日時
ログイン時
に更更新
- 32. データベース仕様書(例例)
ーTwitterのユーザーテーブル
32
テーブル名称 ユーザー
TABLE名称 user
№ 物理理名 論論理理名 キー 初期値 備考
1id ユーザーID ○ ⾃自動⽣生成
2username ユーザー名
3name 名前
4email メールアドレス
5password パスワード
6profile プロフィール
7deleted 削除 0 削除=1
8create_̲date 登録⽇日 ⾃自動⼊入⼒力力
9modified_̲date 更更新⽇日 ⾃自動⼊入⼒力力
10last_̲access 最終アクセス⽇日時 ⾃自動⼊入⼒力力
ログイン時
に更更新
- 35. 出⼒力力系仕様書
35
▼出力定義
No 項目
取得元
取得条件
1 ユーザー一覧
Userテーブル
入力されたキーワードと部分一致、登
録日時降順、20件取得
1-‐‑‒1 ヘッダー画像
User.headerimg
1-‐‑‒2 アイコン画像
User.iconimg
1-‐‑‒3 名前
User.name
1-‐‑‒4 ユーザー名
User.username
1-‐‑‒5 プロフィール
User.profile
件数が多い場合は必ずページネーションをつけよう!