Prottアプリの使い方

自分用メモです。 Prottというアプリを知って、惚れたので使い方をまとめてみました。
1
暇人(ゲームプログラマー) @hima_zinn

今日知ったProttっていうアプリを試してみる。 これは久々にコンセプトに惚れたアプリ。 忘れないように自分用メモ。 pic.twitter.com/LKMai7TJOj

2015-04-15 23:52:10
拡大
暇人(ゲームプログラマー) @hima_zinn

作りたいアプリのプロトタイプを作成できるアプリ。 今回はツイッタークライアントアプリのプロトタイプを作ってみる。 まずは必要な画面を絵に書く。 こんな感じ。 pic.twitter.com/wHr35DjZdD

2015-04-15 23:53:48
拡大
暇人(ゲームプログラマー) @hima_zinn

画像をタップしてボタン範囲を選択し、遷移したい画面を選ぶ。 pic.twitter.com/EMSdX8a8RO

2015-04-15 23:55:54
拡大
暇人(ゲームプログラマー) @hima_zinn

作り終わったら画面下にある再生ボタンを押してみる。 pic.twitter.com/vKQHo20cOt

2015-04-15 23:59:01
拡大
暇人(ゲームプログラマー) @hima_zinn

ボタン範囲をタップすると画面が遷移する。 pic.twitter.com/YcvguPUApS

2015-04-16 00:00:02
拡大
暇人(ゲームプログラマー) @hima_zinn

シェアボタンを押すとURLをコピーすることができる。 pic.twitter.com/8lI40tEcXJ

2015-04-16 00:03:22
拡大
暇人(ゲームプログラマー) @hima_zinn

今回作ったツイッタークライアントのプロトタイプアプリのURLはこれ prottapp.com/p/175611 iPhoneのSafariで開くとこんな画面になる。 pic.twitter.com/i1QeseuTiM

2015-04-16 00:05:10
拡大
暇人(ゲームプログラマー) @hima_zinn

次にこんな画面になるので右上の追加ボタンをタップする。 pic.twitter.com/cYqbrUKIRA

2015-04-16 00:06:44
拡大
暇人(ゲームプログラマー) @hima_zinn

iPhoneのホーム画面に『ツイッタークライアント』というアプリが追加される。 pic.twitter.com/ad2RJEzdF9

2015-04-16 00:07:40
拡大
暇人(ゲームプログラマー) @hima_zinn

この『ツイッタークライアント』アプリを実行すると、さっき作ったプロトタイプアプリが起動する。 これスゲーわ。よく考えられてるわー。 pic.twitter.com/W2ZClkRuwX

2015-04-16 00:09:17
拡大
暇人(ゲームプログラマー) @hima_zinn

prottの実動作。 これを10分で作れちゃうのは凄い。 vine.co/v/ezBKBEpwIPB

2015-04-16 00:23:05