20130424 create mock with Fast Action.
9
どれだけ早く、 webアプリの モックは作れるのか?
-
Upload
takaaki-imoto -
Category
Design
-
view
533 -
download
0
Transcript of 20130424 create mock with Fast Action.
![Page 1: 20130424 create mock with Fast Action.](https://reader034.fdocuments.net/reader034/viewer/2022052622/558fdb301a28ab72528b46d0/html5/thumbnails/1.jpg)
どれだけ早く、webアプリのモックは作れるのか?
![Page 2: 20130424 create mock with Fast Action.](https://reader034.fdocuments.net/reader034/viewer/2022052622/558fdb301a28ab72528b46d0/html5/thumbnails/2.jpg)
Lean Startupの基本はMVP(最小機能のプロダクト)を使って、検証 -> 学びのサイクルを素早く回す
![Page 3: 20130424 create mock with Fast Action.](https://reader034.fdocuments.net/reader034/viewer/2022052622/558fdb301a28ab72528b46d0/html5/thumbnails/3.jpg)
どうやって、素早くwebアプリを作るか?
・Heroku・Zen Coding・Sass (Compass)・Coffee Script・Icon Fonts
![Page 4: 20130424 create mock with Fast Action.](https://reader034.fdocuments.net/reader034/viewer/2022052622/558fdb301a28ab72528b46d0/html5/thumbnails/4.jpg)
これぐらいのwebアプリなら、40分で作れる
![Page 5: 20130424 create mock with Fast Action.](https://reader034.fdocuments.net/reader034/viewer/2022052622/558fdb301a28ab72528b46d0/html5/thumbnails/5.jpg)
Tips.1基本テンプレートを利用する
![Page 6: 20130424 create mock with Fast Action.](https://reader034.fdocuments.net/reader034/viewer/2022052622/558fdb301a28ab72528b46d0/html5/thumbnails/6.jpg)
Tips.2Herokuを使って、誰でもアクセス可能にする
![Page 7: 20130424 create mock with Fast Action.](https://reader034.fdocuments.net/reader034/viewer/2022052622/558fdb301a28ab72528b46d0/html5/thumbnails/7.jpg)
Tips.3ZenCodingでhtml markup
![Page 8: 20130424 create mock with Fast Action.](https://reader034.fdocuments.net/reader034/viewer/2022052622/558fdb301a28ab72528b46d0/html5/thumbnails/8.jpg)
Tips.4 Sass(Compass)を使ってスタイルを当てる
![Page 9: 20130424 create mock with Fast Action.](https://reader034.fdocuments.net/reader034/viewer/2022052622/558fdb301a28ab72528b46d0/html5/thumbnails/9.jpg)
Tips.5Icon Fontsを使う