20140920 creatorsmeetup20
DESCRIPTION
CreatorsMeetUp20の登壇資料です。 第20回 Creators MeetUp http://www.1ft-seabass.jp/memo/2014/09/22/creators_meetup_20_resume/ Session05「iOSアプリのテストの心強い味方「TestFlight」よもやま話!」 TestFlightとはアプリを公開する前にテスト配布を助けてくれるサービスです。あのテストアプリ配布時の大変さをだいぶ和らげてくれます。 たぶんライトな使い方をしている私ですが、TestFlightさまさま。実機検証がしやすくなることで、気軽に細かな修正を通知ができたり、煩わしさを感じがちな、USBを繋いで転送・・・ようやく検証・・・ということから脱却できるといった話など、最近のiOSアプリ制作を通じたTestFlightについてのもろもろよもやま話を話します。 ◆スライド内の素材は以下を使用させて頂いております。ありがとうございます! ・商用フリーで使える影絵素材サイト シルエットデザイン → http://kage-design.com/ ・human pictogram 2.0 → http://pictogram2.com/TRANSCRIPT
![Page 1: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/1.jpg)
iOSアプリのテストの心強い味方「TestFlight」よもやま話!
•
1
![Page 2: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/2.jpg)
私の本ライトニングトーク(LT)は、スライドは後ほど共有しますので、話す内容に注力いただいて大丈夫です!
2
![Page 3: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/3.jpg)
自己紹介
3
![Page 4: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/4.jpg)
田中正吾(たなかせいご)屋号:ワンフットシーバス
2004年よりフリーランス。
以後、FLASH制作を中心にインタラクティブコンテンツを主に行い現在に至る。
最近は、JavaScriptやHTML5アニメーション、スマートフォン演出制作のワークフロー改善に関わったりしていました。
4
![Page 5: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/5.jpg)
iPadアプリ作ったりしています
5
![Page 6: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/6.jpg)
HTML5アニメーション作ったりしています
6
![Page 7: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/7.jpg)
デジタルサイネージ作ったりしてます
!
7
![Page 8: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/8.jpg)
さてはじめましょう
8
![Page 9: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/9.jpg)
みなさんTestFlight使ってますか?
9
![Page 10: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/10.jpg)
TestFlightとは。
アプリを公開する前にテスト配布を助けてくれるサービスです。あのテストアプリ配布時の大変さをだいぶ和らげてくれます。
10
![Page 11: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/11.jpg)
TestFlightの主な機能
11
![Page 12: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/12.jpg)
オンライン配布でUSB配布テストからの脱却
12
![Page 13: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/13.jpg)
オンラインで配布
13
![Page 14: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/14.jpg)
どういうことか?
14
![Page 15: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/15.jpg)
iOSでテストするとき、USBケーブルでテストしませんか?
15
![Page 16: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/16.jpg)
これ大変
16
![Page 17: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/17.jpg)
なぜか
17
![Page 18: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/18.jpg)
外で開発している時にケーブル忘れた
18
![Page 19: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/19.jpg)
何かの拍子に認識しなかったりする
Why????
19
![Page 20: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/20.jpg)
複数人に配布するとき、まどろっこしいよね。
20
![Page 21: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/21.jpg)
21
![Page 22: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/22.jpg)
やめて!!!!※画像はイメージです。
22
![Page 23: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/23.jpg)
オンライン配布できるからUSB直接続から脱却できる
23
![Page 24: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/24.jpg)
こんなかんじ
24
![Page 25: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/25.jpg)
INSTALLですぐ入れられる
25
![Page 26: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/26.jpg)
配線に縛られない。オンラインであれば配布可能。
26
![Page 27: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/27.jpg)
アプリ配布PCに端末持って並ばない。
配線に縛られない。
オンラインであれば配布可能。
27
![Page 28: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/28.jpg)
チームでテストできる
28
![Page 29: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/29.jpg)
チームでテストできる
29
![Page 30: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/30.jpg)
チームでテストできるっ
30
![Page 31: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/31.jpg)
相手も持っている端末も把握できる
31
![Page 32: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/32.jpg)
メールで通知してくれる
32
![Page 33: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/33.jpg)
検証状況・インストールしたのが分かる
33
![Page 34: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/34.jpg)
先に検証したいときにこっそり配布できる
34
![Page 35: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/35.jpg)
Permissionによって先に公開することができる
私Aさん
Bさん
Ver 0.1 Ver 0.1 Ver 0.1
Ver 0.2 Ver 0.2 Ver 0.2
Ver 0.3未公開 未公開
35
![Page 36: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/36.jpg)
他にもいいところ
36
![Page 37: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/37.jpg)
バージョン管理の意識が芽生える
37
![Page 38: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/38.jpg)
バージョンが並ぶ、バージョンごとに会話できる。
38
![Page 39: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/39.jpg)
アップ時に更新内容書く。現状の制作状態を伝えられる。
39
![Page 40: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/40.jpg)
検証の敷居が低くなるので見てくれる人(パート)が増えるかも
インストールしやすいので、開発しているエンジニアの方だけでなく、
他のパートの方も検証できるかも
40
![Page 41: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/41.jpg)
何が変わるの?
41
![Page 42: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/42.jpg)
こんなに便利なTestFlight。
つまり、なにが変わるのか?
42
![Page 43: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/43.jpg)
私はこう思う。
43
![Page 44: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/44.jpg)
オンライン配布・チーム管理(通知・検証状況・配布制御)
ないとき、検証サイクル大変
リリース
44
![Page 45: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/45.jpg)
リリース
検証現場にて
USBで配布自分で
メール連絡バグがないように完成間近まで
きっちり制作(気軽に検証できない)
検証が大変なので、検証する頻度がどうしても長く、
リリースまでの検証回数が少なめに。
45
![Page 46: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/46.jpg)
TestFlightは、いろいろな手間を軽減し検証のサイクルを早める
リリース
バグがないように完成間近まできっちり制作(気軽に検証できない)
現場にてUSBで配布
自分でメール連絡
検証オンラインで通知・配布
46
![Page 47: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/47.jpg)
TestFlightは、バージョンごとに更新情報を付記できるので
キリのいい途中検証伝わりやすい。バージョンごとに会話しやすい。
リリース
FB検証通知/配布80%
ほぼOKFB検証
オンラインで通知・配布
50%できた
47
![Page 48: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/48.jpg)
TestFlightは、制作しつつ検証しながらどんどん精度を高めながら制作できる
(私もやってみて実感した)
FB
検証
通知/配布
制作
FB
検証
通知/配布
制作
FB
検証
通知/配布
制作
FB
検証
通知/配布
制作
FB
検証
通知/配布
制作
FB
検証
通知/配布
制作
リリース1.0
検証
通知/配布
制作
FB
検証
通知/配布
制作
48
![Page 49: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/49.jpg)
これって、リリース後のバージョンアップや運用でも大事なこと
FB
検証
通知/配布
制作
FB
リリース1.0
制作
FB
検証
通知/配布
制作
FB
リリース1.1
制作
FB
検証
通知/配布
制作
不具合
検証
通知/配布
制作
FB
検証
通知/配布
制作
FB
検証
通知/配布
制作
不具合
リリース1.2
制作
49
![Page 50: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/50.jpg)
体感的に「オンライン配布」機能でWEB制作での制作完了・検証と
同程度の感覚
WEB アプリ
更新しました。見てください。
更新しました。見てください。
50
![Page 51: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/51.jpg)
ここまででも結構いい
51
![Page 52: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/52.jpg)
さらに「チーム検証」機能についてはWEB制作の検証よりも
状況が追いやすく+バージョン管理ができるようになるため、一層やりやすい!
WEB アプリ
誰々が見た。Ver○に修正点。
52
![Page 53: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/53.jpg)
TIPS
53
![Page 54: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/54.jpg)
なんかこんなアラートが出る
54
![Page 55: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/55.jpg)
なんかこんなアラートが出る
55
![Page 56: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/56.jpg)
なんかこんなアラートが出る
56
![Page 57: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/57.jpg)
なんかこんなアラートが出る
57
![Page 58: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/58.jpg)
訳してみる
58
![Page 59: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/59.jpg)
んん???
59
![Page 60: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/60.jpg)
プロビジョニングファイルには、開発用(Development)とリリース用(Distribution)があり、 Developmentのほうを使っていると出る警告。TestFlightはリリース用のアプリを先行して配布しテストするものなので、警告が出る模様。
60
![Page 61: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/61.jpg)
まとめ
61
![Page 62: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/62.jpg)
TestFlightいいよ!
62
![Page 63: 20140920 CreatorsMeetup20](https://reader033.vdocuments.pub/reader033/viewer/2022042817/559e00e31a28ab655c8b45dc/html5/thumbnails/63.jpg)
ご清聴ありがとうございました!
1