SlideShare a Scribd company logo
実演・開発の進め方
   Club86 Startup School
  起業家のためのエンジニア教室
   株式会社ゆめみ      中田 稔




                           1
開発の進め方
軸となるコンセプトを決める

作るものの全体像を描く

個々の機能の詳細をデザインする

データを整理する

ひたすら作る


                  2
開発の進め方
軸となるコンセプトを決める

作るものの全体像を描く

機能の詳細をデザインする

データを整理する

コードをひたすら書く


                3
コンセプト

基本的な概念や理念

 なぜそれが必要なのか

 それによって何が解決されるのか

 どういう価値を提供するのか




                   4
開発の進め方
軸となるコンセプトを決める

作るものの全体像を描く

機能の詳細をデザインする

データを整理する

ひたすら作る


                5
作るものの全体像を描く


利用シーンをイメージして全体構成を描く

 登場人物 ! 「誰が」

 行動 ! 「何をする」

     図にすることが大事!



                      6
開発の進め方
軸となるコンセプトを決める

作るものの全体像を描く

機能の詳細をデザインする

データを整理する

ひたすら作る


                7
機能の詳細をデザインする


画面遷移図を作る

 画面 ! 利用者が見るもの

 遷移 ! 画面を繋ぐ処理の流れ

    HTMLとプログラムの元になる


                      8
開発の進め方
軸となるコンセプトを決める

作るものの全体像を描く

機能の詳細をデザインする

データを整理する

ひたすら作る


                9
データを整理する


管理すべきデータは画面の中にある

 画面遷移図の各画面から抜き出す

 重複を整理してまとめる

    データベース設計の元になる



                    10
開発の進め方
軸となるコンセプトを決める

作るものの全体像を描く

機能の詳細をデザインする

データを整理する

ひたすら作る


                11
ひたすら作る


HTML ! 画面イメージから作成

プログラム ! 処理の流れから作成

DB ! 整理したデータから作成

       材料は既にある!



                    12

More Related Content

Similar to 実演・開発の進め方

メンバーズグループ アジャイル開発への取り組み
メンバーズグループ アジャイル開発への取り組みメンバーズグループ アジャイル開発への取り組み
メンバーズグループ アジャイル開発への取り組み
Hiroshi Tsukamoto
 
Find Your Ability: IA for a novice Web Creator
Find Your Ability: IA for a novice Web CreatorFind Your Ability: IA for a novice Web Creator
Find Your Ability: IA for a novice Web Creator
Nobuya Sato
 
Smartphone ui:ux」 de na creative seminar vol.1 レポート
Smartphone ui:ux」 de na creative seminar vol.1 レポートSmartphone ui:ux」 de na creative seminar vol.1 レポート
Smartphone ui:ux」 de na creative seminar vol.1 レポートMasaru Kimura
 
Slides mkmk5
Slides mkmk5Slides mkmk5
Slides mkmk5
祐介 三枝
 
【16-E-4】残業ゼロで開発スピードが10倍に!もう元の開発体制には戻れないデンソー流のアジャイル開発
【16-E-4】残業ゼロで開発スピードが10倍に!もう元の開発体制には戻れないデンソー流のアジャイル開発【16-E-4】残業ゼロで開発スピードが10倍に!もう元の開発体制には戻れないデンソー流のアジャイル開発
【16-E-4】残業ゼロで開発スピードが10倍に!もう元の開発体制には戻れないデンソー流のアジャイル開発
Developers Summit
 
中・大規模サイト作成業務フロー
中・大規模サイト作成業務フロー中・大規模サイト作成業務フロー
中・大規模サイト作成業務フローsenakamura
 
LightSwitch で遊んでみた Rev. 2
LightSwitch で遊んでみた Rev. 2LightSwitch で遊んでみた Rev. 2
LightSwitch で遊んでみた Rev. 2
Yoshitaka Seo
 
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
Shogo Iwano
 
【17-E-4】 未来はどこにいても誰にでも平等にある。 未来を創るのは自分自身だ。 ~SIerの中で生きるということ~
【17-E-4】 未来はどこにいても誰にでも平等にある。 未来を創るのは自分自身だ。 ~SIerの中で生きるということ~【17-E-4】 未来はどこにいても誰にでも平等にある。 未来を創るのは自分自身だ。 ~SIerの中で生きるということ~
【17-E-4】 未来はどこにいても誰にでも平等にある。 未来を創るのは自分自身だ。 ~SIerの中で生きるということ~Yoshitaka Kawashima
 
空のテンプレートから始めるWindows 8 ストアアプリ
空のテンプレートから始めるWindows 8 ストアアプリ空のテンプレートから始めるWindows 8 ストアアプリ
空のテンプレートから始めるWindows 8 ストアアプリ
Akira Hatsune
 
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭りBootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Masayuki Abe
 
Wankuma0402
Wankuma0402Wankuma0402
Wankuma0402
c-mitsuba
 
デザイン・エンジニアがWeb開発で考えること
デザイン・エンジニアがWeb開発で考えることデザイン・エンジニアがWeb開発で考えること
デザイン・エンジニアがWeb開発で考えること
Kohei Kakudo
 
サイボウズ デヂエ 8 ご説明資料
サイボウズ デヂエ 8 ご説明資料サイボウズ デヂエ 8 ご説明資料
サイボウズ デヂエ 8 ご説明資料Cybozucommunity
 
【DevLOVE甲子園2014】デザイナーも、 アジャイル開発に 挑みたい!(希望)
【DevLOVE甲子園2014】デザイナーも、  アジャイル開発に  挑みたい!(希望)【DevLOVE甲子園2014】デザイナーも、  アジャイル開発に  挑みたい!(希望)
【DevLOVE甲子園2014】デザイナーも、 アジャイル開発に 挑みたい!(希望)
Chihiro Tomita
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409schoowebcampus
 
Web design
Web designWeb design
Web design
kazuko kaneuchi
 
20110824 gatracker-final
20110824 gatracker-final20110824 gatracker-final
20110824 gatracker-finalsusumukatachi
 
デベロッパーも 知ってると便利 デザインの基本
デベロッパーも 知ってると便利 デザインの基本デベロッパーも 知ってると便利 デザインの基本
デベロッパーも 知ってると便利 デザインの基本
inaba178
 

Similar to 実演・開発の進め方 (20)

メンバーズグループ アジャイル開発への取り組み
メンバーズグループ アジャイル開発への取り組みメンバーズグループ アジャイル開発への取り組み
メンバーズグループ アジャイル開発への取り組み
 
Find Your Ability: IA for a novice Web Creator
Find Your Ability: IA for a novice Web CreatorFind Your Ability: IA for a novice Web Creator
Find Your Ability: IA for a novice Web Creator
 
Smartphone ui:ux」 de na creative seminar vol.1 レポート
Smartphone ui:ux」 de na creative seminar vol.1 レポートSmartphone ui:ux」 de na creative seminar vol.1 レポート
Smartphone ui:ux」 de na creative seminar vol.1 レポート
 
Slides mkmk5
Slides mkmk5Slides mkmk5
Slides mkmk5
 
【16-E-4】残業ゼロで開発スピードが10倍に!もう元の開発体制には戻れないデンソー流のアジャイル開発
【16-E-4】残業ゼロで開発スピードが10倍に!もう元の開発体制には戻れないデンソー流のアジャイル開発【16-E-4】残業ゼロで開発スピードが10倍に!もう元の開発体制には戻れないデンソー流のアジャイル開発
【16-E-4】残業ゼロで開発スピードが10倍に!もう元の開発体制には戻れないデンソー流のアジャイル開発
 
中・大規模サイト作成業務フロー
中・大規模サイト作成業務フロー中・大規模サイト作成業務フロー
中・大規模サイト作成業務フロー
 
LightSwitch で遊んでみた Rev. 2
LightSwitch で遊んでみた Rev. 2LightSwitch で遊んでみた Rev. 2
LightSwitch で遊んでみた Rev. 2
 
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
 
【17-E-4】 未来はどこにいても誰にでも平等にある。 未来を創るのは自分自身だ。 ~SIerの中で生きるということ~
【17-E-4】 未来はどこにいても誰にでも平等にある。 未来を創るのは自分自身だ。 ~SIerの中で生きるということ~【17-E-4】 未来はどこにいても誰にでも平等にある。 未来を創るのは自分自身だ。 ~SIerの中で生きるということ~
【17-E-4】 未来はどこにいても誰にでも平等にある。 未来を創るのは自分自身だ。 ~SIerの中で生きるということ~
 
空のテンプレートから始めるWindows 8 ストアアプリ
空のテンプレートから始めるWindows 8 ストアアプリ空のテンプレートから始めるWindows 8 ストアアプリ
空のテンプレートから始めるWindows 8 ストアアプリ
 
Bootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭りBootstrapにちょい足しアニメーション@春のJavascript祭り
Bootstrapにちょい足しアニメーション@春のJavascript祭り
 
Wankuma0402
Wankuma0402Wankuma0402
Wankuma0402
 
デザイン・エンジニアがWeb開発で考えること
デザイン・エンジニアがWeb開発で考えることデザイン・エンジニアがWeb開発で考えること
デザイン・エンジニアがWeb開発で考えること
 
サイボウズ デヂエ 8 ご説明資料
サイボウズ デヂエ 8 ご説明資料サイボウズ デヂエ 8 ご説明資料
サイボウズ デヂエ 8 ご説明資料
 
【DevLOVE甲子園2014】デザイナーも、 アジャイル開発に 挑みたい!(希望)
【DevLOVE甲子園2014】デザイナーも、  アジャイル開発に  挑みたい!(希望)【DevLOVE甲子園2014】デザイナーも、  アジャイル開発に  挑みたい!(希望)
【DevLOVE甲子園2014】デザイナーも、 アジャイル開発に 挑みたい!(希望)
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
Web design
Web designWeb design
Web design
 
20110824 gatracker-final
20110824 gatracker-final20110824 gatracker-final
20110824 gatracker-final
 
デベロッパーも 知ってると便利 デザインの基本
デベロッパーも 知ってると便利 デザインの基本デベロッパーも 知ってると便利 デザインの基本
デベロッパーも 知ってると便利 デザインの基本
 

More from TechGardenSchool

[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例
[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例
[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例
TechGardenSchool
 
【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り
【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り
【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り
TechGardenSchool
 
120225 bootstrap
120225 bootstrap120225 bootstrap
120225 bootstrap
TechGardenSchool
 
Lean startup~ 顧客開発入門〜 クラス
Lean startup~ 顧客開発入門〜 クラスLean startup~ 顧客開発入門〜 クラス
Lean startup~ 顧客開発入門〜 クラス
TechGardenSchool
 
Webの仕組み part3
Webの仕組み part3Webの仕組み part3
Webの仕組み part3
TechGardenSchool
 
Webの仕組み part1
Webの仕組み part1Webの仕組み part1
Webの仕組み part1
TechGardenSchool
 
Webの仕組み part2
Webの仕組み part2Webの仕組み part2
Webの仕組み part2
TechGardenSchool
 
Club86 基礎講義「PHPを使おう」
Club86 基礎講義「PHPを使おう」Club86 基礎講義「PHPを使おう」
Club86 基礎講義「PHPを使おう」
TechGardenSchool
 

More from TechGardenSchool (9)

[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例
[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例
[超初心者向け無料セミナー] 1時間でまるわかり!CakePHP概説&WordPress応用事例
 
【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り
【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り
【新春特別無料セミナー】【学生も歓迎】1時間でITの流行を理解する! 機械学習 IoT 人工知能 ビッグデータ FinTechてんこ盛り
 
120225 bootstrap
120225 bootstrap120225 bootstrap
120225 bootstrap
 
Lean startup~ 顧客開発入門〜 クラス
Lean startup~ 顧客開発入門〜 クラスLean startup~ 顧客開発入門〜 クラス
Lean startup~ 顧客開発入門〜 クラス
 
HTML/CSSの基礎
HTML/CSSの基礎HTML/CSSの基礎
HTML/CSSの基礎
 
Webの仕組み part3
Webの仕組み part3Webの仕組み part3
Webの仕組み part3
 
Webの仕組み part1
Webの仕組み part1Webの仕組み part1
Webの仕組み part1
 
Webの仕組み part2
Webの仕組み part2Webの仕組み part2
Webの仕組み part2
 
Club86 基礎講義「PHPを使おう」
Club86 基礎講義「PHPを使おう」Club86 基礎講義「PHPを使おう」
Club86 基礎講義「PHPを使おう」
 

実演・開発の進め方