Enviar pesquisa
Carregar
ゼロディレ システム開発編150419
•
Transferir como PPTX, PDF
•
4 gostaram
•
1,946 visualizações
Asami Yanagida
Seguir
0からのWebディレクション講座:開発編 https://www.street-academy.com/myclass/4058
Leia menos
Leia mais
Engenharia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 39
Baixar agora
Recomendados
ゼロディレシステム開発編150725
ゼロディレシステム開発編150725
Asami Yanagida
160130 0dir system
160130 0dir system
aizawa_yoshikazu
『「ペーパープロトタイピング」に学ぶユーザー中心設計(UCD)』すくすくスクラム
『「ペーパープロトタイピング」に学ぶユーザー中心設計(UCD)』すくすくスクラム
満徳 関
UX/UCD in 201X
UX/UCD in 201X
Tarumoto Tetsuya
コンテンツの検討(ワイヤーフレーム製品一覧)
コンテンツの検討(ワイヤーフレーム製品一覧)
a-mama
リーンUX入門
リーンUX入門
Tarumoto Tetsuya
0からのディレクション講座設計編(140426開催)
0からのディレクション講座設計編(140426開催)
Motoho Jitsukawa
Three20
Three20
Sayaka Saito
Recomendados
ゼロディレシステム開発編150725
ゼロディレシステム開発編150725
Asami Yanagida
160130 0dir system
160130 0dir system
aizawa_yoshikazu
『「ペーパープロトタイピング」に学ぶユーザー中心設計(UCD)』すくすくスクラム
『「ペーパープロトタイピング」に学ぶユーザー中心設計(UCD)』すくすくスクラム
満徳 関
UX/UCD in 201X
UX/UCD in 201X
Tarumoto Tetsuya
コンテンツの検討(ワイヤーフレーム製品一覧)
コンテンツの検討(ワイヤーフレーム製品一覧)
a-mama
リーンUX入門
リーンUX入門
Tarumoto Tetsuya
0からのディレクション講座設計編(140426開催)
0からのディレクション講座設計編(140426開催)
Motoho Jitsukawa
Three20
Three20
Sayaka Saito
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
Yusuke Kojima
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
Kenta Nakamura
0からのウェブディレクション講座:制作・開発編
0からのウェブディレクション講座:制作・開発編
Yusuke Kojima
0からのwebディレクション講座 製作・開発編5.0
0からのwebディレクション講座 製作・開発編5.0
Kazuki Iwai
リンクに依存しないSEO内部改善のポイント forスクー
リンクに依存しないSEO内部改善のポイント forスクー
Motoho Jitsukawa
デバイス多様化の時代のWeb制作
デバイス多様化の時代のWeb制作
masaaki komori
Webディレクターの実績を可視化する方法
Webディレクターの実績を可視化する方法
Yasuji Takase
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
Yasuji Takase
0からのwebディレクション講座 福岡 設計編_150117
0からのwebディレクション講座 福岡 設計編_150117
direkyo-kyusyu
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
Satoru MURAKOSHI
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
witstudio
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
schoowebcampus
なれる!IL
なれる!IL
Hiroshi Maekawa
株式会社TAPP 会社説明資料
株式会社TAPP 会社説明資料
ssuser03fc35
Visual Studio 拡張機能の作り方
Visual Studio 拡張機能の作り方
Yuki Igarashi
VISIONARYJAPAN_engineer_Recruitbook202404
VISIONARYJAPAN_engineer_Recruitbook202404
KayaSuetake1
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
KayaSuetake1
mod_perlプログラマーがYAPCで語るレガシー開発論
mod_perlプログラマーがYAPCで語るレガシー開発論
鉄次 尾形
Yapc asia 2011
Yapc asia 2011
onagatani
関西で働くという生き方
関西で働くという生き方
Manabu Yamamoto
去年はやったもの、今年はやりそうなものMeetup App Osaka @5出張版!
去年はやったもの、今年はやりそうなものMeetup App Osaka @5出張版!
Chuki ちゅき
なれる!フリーランス
なれる!フリーランス
leverages_event
Mais conteúdo relacionado
Destaque
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
Yusuke Kojima
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
Kenta Nakamura
0からのウェブディレクション講座:制作・開発編
0からのウェブディレクション講座:制作・開発編
Yusuke Kojima
0からのwebディレクション講座 製作・開発編5.0
0からのwebディレクション講座 製作・開発編5.0
Kazuki Iwai
リンクに依存しないSEO内部改善のポイント forスクー
リンクに依存しないSEO内部改善のポイント forスクー
Motoho Jitsukawa
デバイス多様化の時代のWeb制作
デバイス多様化の時代のWeb制作
masaaki komori
Webディレクターの実績を可視化する方法
Webディレクターの実績を可視化する方法
Yasuji Takase
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
Yasuji Takase
0からのwebディレクション講座 福岡 設計編_150117
0からのwebディレクション講座 福岡 設計編_150117
direkyo-kyusyu
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
Satoru MURAKOSHI
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
witstudio
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
schoowebcampus
Destaque
(12)
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
0からのウェブディレクション講座:制作・開発編
0からのウェブディレクション講座:制作・開発編
0からのwebディレクション講座 製作・開発編5.0
0からのwebディレクション講座 製作・開発編5.0
リンクに依存しないSEO内部改善のポイント forスクー
リンクに依存しないSEO内部改善のポイント forスクー
デバイス多様化の時代のWeb制作
デバイス多様化の時代のWeb制作
Webディレクターの実績を可視化する方法
Webディレクターの実績を可視化する方法
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
0からのwebディレクション講座 福岡 設計編_150117
0からのwebディレクション講座 福岡 設計編_150117
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
Semelhante a ゼロディレ システム開発編150419
なれる!IL
なれる!IL
Hiroshi Maekawa
株式会社TAPP 会社説明資料
株式会社TAPP 会社説明資料
ssuser03fc35
Visual Studio 拡張機能の作り方
Visual Studio 拡張機能の作り方
Yuki Igarashi
VISIONARYJAPAN_engineer_Recruitbook202404
VISIONARYJAPAN_engineer_Recruitbook202404
KayaSuetake1
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
KayaSuetake1
mod_perlプログラマーがYAPCで語るレガシー開発論
mod_perlプログラマーがYAPCで語るレガシー開発論
鉄次 尾形
Yapc asia 2011
Yapc asia 2011
onagatani
関西で働くという生き方
関西で働くという生き方
Manabu Yamamoto
去年はやったもの、今年はやりそうなものMeetup App Osaka @5出張版!
去年はやったもの、今年はやりそうなものMeetup App Osaka @5出張版!
Chuki ちゅき
なれる!フリーランス
なれる!フリーランス
leverages_event
株式会社TAPP会社説明会資料
株式会社TAPP会社説明会資料
ssuser03fc35
株式会社TAPP 会社紹介
株式会社TAPP 会社紹介
ssuser03fc35
Semelhante a ゼロディレ システム開発編150419
(12)
なれる!IL
なれる!IL
株式会社TAPP 会社説明資料
株式会社TAPP 会社説明資料
Visual Studio 拡張機能の作り方
Visual Studio 拡張機能の作り方
VISIONARYJAPAN_engineer_Recruitbook202404
VISIONARYJAPAN_engineer_Recruitbook202404
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
mod_perlプログラマーがYAPCで語るレガシー開発論
mod_perlプログラマーがYAPCで語るレガシー開発論
Yapc asia 2011
Yapc asia 2011
関西で働くという生き方
関西で働くという生き方
去年はやったもの、今年はやりそうなものMeetup App Osaka @5出張版!
去年はやったもの、今年はやりそうなものMeetup App Osaka @5出張版!
なれる!フリーランス
なれる!フリーランス
株式会社TAPP会社説明会資料
株式会社TAPP会社説明会資料
株式会社TAPP 会社紹介
株式会社TAPP 会社紹介
ゼロディレ システム開発編150419
1.
日 本 デ
ィ レ ク シ ョ ン 協 会 主 催 0からのWebディレクション講座 システム開発編
2.
講師紹介 柳田 亜沙美(あさみん) 株式会社凛 代表取締役 エンジニア・Webディレクター •
新卒OL時代にエクセルVBAとAccessに 出会い、生産管理・在庫管理システムを 構築。 • プログラマに転職。 • 2008年、株式会社凛を設立。 • 女性向けプログラミングスクール 「GeekGirlLabo」運営。 • 来週から企業の新人社員研修開始!
3.
INDEX 13:00〜 第一部 1. 講義 2.
ワークショップ 3. 発表 15:30〜 第二部 1. 講義 2. ワークショップ 3. 発表 17:00〜 懇親会
4.
よく聞かれること 4 ディレクターもプログラム書けたほう がいいですか?
5.
よく聞かれること 5 ディレクターもプログラム書けたほう がいいですか? 必要ありません。
6.
なぜプログラミングが出来るほうがいいのか? 6 無茶ぶりをしないから
7.
具体的には? 7 • 仕様を確定してくれる • 仕様変更が少ない •
仕様変更であることを認識している • 仕様変更の対応に時間がかかることを 知っている
8.
システムのつくりかた (3)システムが動く (2)エンジニアがコンピュータに伝える (1)仕様をエンジニアに伝える 8 大事なのはここ!
9.
ダメな例(1) 9 食べログみたいな やつ作ってよ! 任せたからよろしく! 丸投げかよ
10.
ダメな例(2) 10 ん〜見てみないと わかんない ここの仕様、AとB どっちがいいですか
11.
結果。 11 ここ、こうなって ないんだけど? そんな仕様、 知りません。
12.
仕様変更するとどうなる? 12 1.スケジュールが遅れる 2.コストが発生する 3.バグが発生しやすくなる
13.
丸投げSTOP! エンジニアは 魔法使いではありません 丸投げはダメ。ゼッタイ。 13
14.
システムのつくりかた システムが動く エンジニアがコンピュータに伝える 仕様をエンジニアに伝える 14 そのために仕様書 をつくろう
15.
よく使う仕様書 • 画面機能一覧 • 画面遷移図 •
画面仕様書 • データベース仕様書 15
16.
画面機能一覧 画面や機能が一覧になっているもの 16 分類 機能 備考 ユーザー画面
商品 一覧 詳細 カート 決済 見積 デザイン・レイアウト選択 ロゴをアップロード 会員 会員登録 会員情報編集 静的ページ トップページ 特定商取引法 プライバシーポリシー 会社概要
17.
画面遷移図 画面遷移を図にしたもの 17 トップペー ジ 会員ログ イン ご注文履 歴 会員情報 編集 商品一覧 商品詳細 カートへ 入れる ご購入 ページ 決済
18.
画面仕様書(表示) • 各画面に表示する項目や、各項目に対する詳細な仕様を記 入する。 • 一覧表示する場合は、以下を指定する。 1.
表示件数 2. 並べ替え項目と昇順/降順、 3. 絞り込み条件等 18 ▼出力定義 No 表示内容 取得条件 表示順 ⑩ 店舗一覧 削除=0の店舗を10件 登録日時降順
19.
画面仕様書(動作) • 各画面に表示する項目や、各項目に対する詳細な仕様を記 入する。 • ボタンを押した時や、セレクトボックスを選択した時にど んな動きをするのか、など。 19 ▼動作定義 No
動作 遷移先 チェック ⑦ 選択時にAjaxで⑧を更新 ー ー ⑨ Ajaxで選択した条件で⑩を絞り込み、更新 店舗が存在しない場合は「店舗が存在しませ ん」と表示 ー 必須チェック ⑦ ⑧ ⑨
20.
画面仕様書(入力) 入力チェックを定義する。エラーだった場合の表示 メッセージも決めておく。 1. 必須チェック 2. 桁数チェック 3.
半角チェック 4. 数値チェック 5. 重複チェック 20
21.
画面仕様書(例) 21
22.
画面仕様書(例) ーTwitterの登録フォームー 22 ▼入力定義 No 入力内容 入力チェック
エラーメッセージ ① 名前 必須チェック 名前を入力してください。 桁数チェック 名前は15文字以内で入力してください。 ② メールアドレス 必須チェック メールアドレスを入力してください。 重複チェック メールアドレスが既に登録されています。 メールアドレス チェック メールアドレスは正しく入力してくださ い ③ ユーザー名 必須チェック ユーザー名を入力してください。 桁数チェック ユーザー名は8文字以内で入力してくだ さい。 重複チェック ユーザー名が既に登録されています。 半角英数チェック ユーザー名は半角英数字で入力してくだ さい ④ パスワード 必須チェック パスワードを入力してください。 桁数チェック パスワードは5文字以上で入力してくだ さい。 ⑤ チェックボックス ー
23.
ワークショップ〜画面仕様書を作ってみよう〜 お題その1:食べログレビュー投稿 23
24.
ワークショップ〜画面仕様書を作ってみよう〜 お題その2:楽天会員登録 24
25.
ワークショップ〜画面仕様書を作ってみよう〜 お題その3:ネット予約画面 25
26.
データベースって? 26 データ ベース サーバー ブラウザ データを取り出しやすいように整理して入 れておく場所です。 DBと省略される事が多いです。 エクセルファイルのようなものです。
27.
データベースとテーブル 27 データベースの中には、複数の「テーブ ル」が格納されています。 Twitterデータベース ツイートテーブル ユーザーテーブル フォローテーブル
28.
テーブル≒エクセルのシート 28 店舗名 都道府県 市区町村
番地 建物名等 函館昭和店 北海道 函館市 昭和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
29.
カラム(列)とレコード(行) 29 店舗名 都道府県 市区町村
番地 建物名等 函館昭和店 北海道 函館市 昭和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
30.
データベース仕様書<サンプル> 30 テーブル名称 店舗 TABLE名称 shop №
カラム名 項目 キー 初期値 備考 1id 店舗ID ○ 自動生成 2shopname 店舗名 3pref 都道府県 4city 市区町村 5town 番地 6building 建物名等 7deleted 削除 0 削除=1 8create_date 登録日 自動入力 9modified_date更新日 自動入力
31.
テーブル名称 店舗 TABLE名称 shop №
カラム名 項目 キー 初期値 備考 1id 店舗ID ○ 自動生成 2shopname 店舗名 3pref 都道府県 4city 市区町村 5town 番地 6building 建物名等 7deleted 削除 0 削除=1 8create_date 登録日 自動入力 9modified_date 更新日 自動入力 データベース仕様書≒エクセルの項目 31
32.
テーブル名称 店舗 TABLE名称 shop №
カラム名 項目 キー 初期値 備考 1id 店舗ID ○ 自動生成 2shopname 店舗名 3pref 都道府県 4city 市区町村 5town 番地 6building 建物名等 7deleted 削除 0 削除=1 8create_date 登録日 自動入力 9modified_date 更新日 自動入力 フォームから入力した値以外の項目 32
33.
データベース仕様書(例) ーTwitterのユーザーテーブル 33 テーブル名称 ユーザー TABLE名称 user №
カラム名 項目 キー 初期値 備考 1id ユーザーID ○ 自動生成 2username ユーザー名 3name 名前 4email メールアドレス ○ 5password パスワード 6profile プロフィール 7deleted 削除 0 削除=1 8create_date 登録日 自動入力 9modified_date 更新日 自動入力 10last_access 最終アクセス日時 ログイン時 に更新
34.
データベース仕様書(例) ーTwitterのユーザーテーブル 34 テーブル名称 ユーザー TABLE名称 user №
カラム名 項目 キー 初期値 備考 1id ユーザーID ○ 自動生成 2username ユーザー名 3name 名前 4email メールアドレス 5password パスワード 6profile プロフィール 7deleted 削除 0 削除=1 8create_date 登録日 自動入力 9modified_date 更新日 自動入力 10last_access 最終アクセス日時 自動入力 ログイン時 に更新
35.
データベース設計をしてみよう 入力したデータを登録するデータベースの設計 をしてみよう! <手順> 1. 入力項目を縦に並べてみよう 2. 入力した値以外の項目(ID、登録日時、更 新日時、削除など)に必要なものを考えて みよう 3.
初期値を考えてみよう 35
36.
今日のまとめ 1. エンジニアにきちんと仕様を伝えるこ とがプロジェクト成功の鍵! 2. 将来的に追加したい機能のこともエン ジニアに伝えておこう! 3.
データベースはエクセルのシートだと 思おう!
37.
以上 ご清聴ありがとうございました。
38.
質疑応答 なんでもOKです。時間の許す限りお答えいたします。 時間なくなった場合はミートアップの時聞いてください。語ります。
39.
日本ディレクション協会 コミュニティメンバーボードのご案内 ディレ協の運営メンバーや、歴代&人気講師含む 全国1,000名以上のディレクターと繋がる 国内最大のディレクターコミュニティ 利用特典 • いち早くイベント情報を得られる • 講演の資料をチェックできる •
全国のディレクターに色々聴ける • イベントやリリース告知に使える ディレ協
Notas do Editor
実際に仕事しやすいクライアントの担当者は、元エンジニアではある。それはなぜか?
丸投げして納得のいくものが出来ることはほぼない 阿吽の呼吸で作ってくれるエンジニアなんて、お金持ちで優しいイケメンくらいいない 基本的にエンジニアは空気が読めない 旦那の例 コンピュータには「空気を読む」という概念が存在しない
何度も作り直すと工数が発生する 建築に例える
Baixar agora