【第23回】potatotips(iOS/Android開発Tips共有会) の発表資料です。

1. tvOSネイティブアプリを作る
デジタルサーカス（株）長谷川智希

2. 長谷川智希
とも き
@tomzoh
とむぞう
趣味 Webサイト開発, iOSアプリ開発
レンタルカートレース, ビール, 電子工作 (mbed), …
hasegawa
tomoki
デジタルサーカス㈱ 副団長CTO
Facebook CakePHP iOS
UntappedTwitter

3. デジタルサーカス（株）
・ Webサイト開発
・ スマホアプリ開発
・ 自社サービス
（ ）
（iOS, Android)
（http://appbuilder.jp）
Twitter: @tomzoh

4. Twitter: @tomzoh

5. tvOSネイティブアプリを作る
今日のテーマ:

6. tv

7. ♥

8. tvでできること
・ プリインストールアプリで動画・⾳楽を再⽣
・ AirPlayでiOS/OSXから
・ 動画・⾳楽を再⽣
・ ミラーリング表⽰

9. tvでできること
・ プリインストールアプリで動画・⾳楽を再⽣
・ AirPlayでiOS/OSXから
・ 動画・⾳楽を再⽣
・ ミラーリング表⽰
・ AppStoreからアプリをインストールして実⾏
・ Xcodeでアプリを⾃作
NEW
NEW

10. もくじ
・ tvOS開発概要
・ COCOAPODSのライブラリを使う
・ ハマりポイント
・ こんなことやってます

11. tvOSアプリ
・ TVML + JavaScript
・ CocoaTouch + Obj-C / Swift

12. プロジェクト作成

13. プロジェクト作成

14. プロジェクト作成

15. Simulator / Device

16. UDID

17. http://itpro.nikkeibp.co.jp/atcl/watcher/14/334361/073000338
http://www.ebay.com/itm/Nokia-Lumia-CA-190CD-Micro-USB-Data-Cable-High-Quality-Universal-Charge-Sync-/141080483145
http://taisy0.com/2013/02/16/14223.html
Photos:

18. http://itpro.nikkeibp.co.jp/atcl/watcher/14/334361/073000338
http://www.ebay.com/itm/Nokia-Lumia-CA-190CD-Micro-USB-Data-Cable-High-Quality-Universal-Charge-Sync-/141080483145
http://taisy0.com/2013/02/16/14223.html
Photos:

19. Lightning
http://itpro.nikkeibp.co.jp/atcl/watcher/14/334361/073000338
http://www.ebay.com/itm/Nokia-Lumia-CA-190CD-Micro-USB-Data-Cable-High-Quality-Universal-Charge-Sync-/141080483145
http://taisy0.com/2013/02/16/14223.html
Photos:

20. Lightning
http://itpro.nikkeibp.co.jp/atcl/watcher/14/334361/073000338
http://www.ebay.com/itm/Nokia-Lumia-CA-190CD-Micro-USB-Data-Cable-High-Quality-Universal-Charge-Sync-/141080483145
http://taisy0.com/2013/02/16/14223.html
Photos:

21. Lightning MicroUSB
http://itpro.nikkeibp.co.jp/atcl/watcher/14/334361/073000338
http://www.ebay.com/itm/Nokia-Lumia-CA-190CD-Micro-USB-Data-Cable-High-Quality-Universal-Charge-Sync-/141080483145
http://taisy0.com/2013/02/16/14223.html
Photos:

22. Lightning MicroUSB
http://itpro.nikkeibp.co.jp/atcl/watcher/14/334361/073000338
http://www.ebay.com/itm/Nokia-Lumia-CA-190CD-Micro-USB-Data-Cable-High-Quality-Universal-Charge-Sync-/141080483145
http://taisy0.com/2013/02/16/14223.html
Photos:

23. Lightning MicroUSB TypeC
http://itpro.nikkeibp.co.jp/atcl/watcher/14/334361/073000338
http://www.ebay.com/itm/Nokia-Lumia-CA-190CD-Micro-USB-Data-Cable-High-Quality-Universal-Charge-Sync-/141080483145
http://taisy0.com/2013/02/16/14223.html
Photos:

24. Lightning MicroUSB TypeC
http://itpro.nikkeibp.co.jp/atcl/watcher/14/334361/073000338
http://www.ebay.com/itm/Nokia-Lumia-CA-190CD-Micro-USB-Data-Cable-High-Quality-Universal-Charge-Sync-/141080483145
http://taisy0.com/2013/02/16/14223.html
Photos:

25. このケーブル使えてます
http://www.amazon.co.jp/dp/B0119RLTN4

26. ・ tvOS開発概要
・ COCOAPODSのライブラリを使う
・ ハマりポイント
・ こんなことやってます

27. 既存iOSライブラリの使⽤
・ 基本的にiOS⽤のObj-C / Swiftのライブラリは使えると思っ
て良い。
・ COCOAPODSではplatformとして「:tvos, '9.0'」を指定。
・ この指定により「 [!] The platform of the target `Pods`
(tvOS 9.0) is not compatible with `**** (0.x.x)`, which
does not support `tvos`. 」となっても少しの⼿間で⼤抵は
使える。

28. COCOAPODS
platform :tvos, '9.0'
use_frameworks!
pod 'Alamofire'

29. COCOAPODS
platform :tvos, '9.0'
use_frameworks!
pod 'Alamofire'

30. COCOAPODS

31. COCOAPODS

32. *.podspec

33. *.podspec

34. fork

35. fork

36. edit

37. edit

38. COCOAPODS
platform :tvos, '9.0'
use_frameworks!
pod 'Alamofire'
pod "SwiftyJSON", :git => 'https://github.com/hasegawa-
tomoki/SwiftyJSON.git'

39. COCOAPODS
platform :tvos, '9.0'
use_frameworks!
pod 'Alamofire'
pod "SwiftyJSON", :git => 'https://github.com/hasegawa-
tomoki/SwiftyJSON.git'

40. ・ tvOS開発概要
・ COCOAPODSのライブラリを使う
・ ハマりポイント
・ こんなことやってます

41. tvOSの制約
・ アプリは200MB以内
・ データの永続化にディスクを使えない

42. tvOSの制約
・ アプリは200MB以内
・ データの永続化にディスクを使えない
・ UIWebViewが無い

43. tvOSの制約
・ アプリは200MB以内
・ データの永続化にディスクを使えない
・ UIWebViewが無い
・ デバイストークンは取れるし送信してもエラーに
ならないけどPUSH通知は使えない。

44. もくじ
・ tvOS開発概要
・ COCOAPODSのライブラリを使う
・ ハマりポイント
・ こんなことやってます

45. Server
http://www.apple.com
Photos:
動画登録
Web Socket
Web API
Web / Web API
React.js
動画URL
取得
動画再⽣

46. デモ

47. ありがとうございました
@tomzoh
デジタルサーカス（株）
Drupal / スマホエンジニア
絶賛 募集中！