Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

AbemaTV on tvOS

1,754 views

Published on

Introduction to tvos

Published in: Software
  • Be the first to comment

  • Be the first to like this

AbemaTV on tvOS

  1. 1. AbemaTV on Apple TV tvOS入門 CA.swift 2016/12/01 Yuji Hato
  2. 2. About me Yuji Hato CyberAgent, Inc. / AbemaTV, Inc. dekatotoro @dekatotoro Contributed services
  3. 3. Apple TV 4th generation
  4. 4. Apple TV 4th generation
  5. 5. ・64-bit A8 processor ・32GB or 64GB of storage ・2GB of RAM ・10/100Mbps Ethernet ・WiFi 802.11a/b/g/n/ac ・1080p resolution ・HDMI 1.4 ・New Siri Remote / Apple TV Remote Apple TV 4th generation
  6. 6. ・32GB 15,800円 ・64GB 20,800円 ※2016/09に値下げ ・32GB 18,400円 →15,800円(2,600円値下げ) ・64GB 24,800円 →20,800円(4,000円値下げ) Apple TV (tvOS) 4th generation
  7. 7. Remote
  8. 8. https://developer.apple.com/tvos/human-interface-guidelines/remote-and-controllers/ Remote
  9. 9. https://developer.apple.com/tvos/human-interface-guidelines/remote-and-controllers/ Remote
  10. 10. Swipe Click Tap https://developer.apple.com/tvos/human-interface-guidelines/remote-and-controllers/ Remote
  11. 11. Development Method
  12. 12. Development Method iOSと同様にUIKitで開発 ・Traditional Apps TVMLとTVJSをで開発 ・Client-Server Apps
  13. 13. Limited App Size
  14. 14. Limited App Size 200MB
  15. 15. Limited Local Storage
  16. 16. Limited Local Storage Service Online/Local Persistent/Temporary limit iCloud Key-Value Store (KVS) Online Persistent 1MB max CloudKit Online Persistent - UserDefaults Local Persistent 500KB max Keychain Local Persistent - CacheDirectory Local Temporary May be purged TemporaryDirectory Local Temporary May be purged
  17. 17. Limited Local Storage Service Online/Local Persistent/Temporary limit iCloud Key-Value Store (KVS) Online Persistent 1MB max CloudKit Online Persistent - UserDefaults Local Persistent 500KB max Keychain Local Persistent - CacheDirectory Local Temporary May be purged TemporaryDirectory Local Temporary May be purged
  18. 18. Limited Local Storage Service Online/Local Persistent/Temporary limit iCloud Key-Value Store (KVS) Online Persistent 1MB max CloudKit Online Persistent - UserDefaults Local Persistent 500KB max Keychain Local Persistent - CacheDirectory Local Temporary May be purged TemporaryDirectory Local Temporary May be purged
  19. 19. Limited Local Storage Service Online/Local Persistent/Temporary limit iCloud Key-Value Store (KVS) Online Persistent 1MB max CloudKit Online Persistent - UserDefaults Local Persistent 500KB max Keychain Local Persistent - CacheDirectory Local Temporary May be purged TemporaryDirectory Local Temporary May be purged
  20. 20. User Interaction
  21. 21. https://developer.apple.com/tvos/human-interface-guidelines/overview/ User Interaction Focus
  22. 22. https://developer.apple.com/tvos/human-interface-guidelines/overview/ Parallax User Interaction
  23. 23. https://developer.apple.com/tvos/human-interface-guidelines/overview/ Video User Interaction
  24. 24. Icons and Images
  25. 25. https://developer.apple.com/tvos/human-interface-guidelines/icons-and-images/ Icons and Images App Icon.
  26. 26. https://developer.apple.com/tvos/human-interface-guidelines/icons-and-images/ Layered Images. Icons and Images
  27. 27. Layered Images. https://developer.apple.com/tvos/human-interface-guidelines/icons-and-images/ Icons and Images
  28. 28. https://developer.apple.com/tvos/human-interface-guidelines/icons-and-images/ Top Shelf Images. Icons and Images
  29. 29. https://developer.apple.com/tvos/human-interface-guidelines/icons-and-images/ Top Shelf Images. Icons and Images
  30. 30. Layout
  31. 31. Layout https://developer.apple.com/tvos/human-interface-guidelines/visual-design/
  32. 32. https://developer.apple.com/tvos/human-interface-guidelines/visual-design/ Layout
  33. 33. https://support.apple.com/ja-jp/HT202763 Layout
  34. 34. https://developer.apple.com/tvos/human-interface-guidelines/visual-design/ Layout
  35. 35. https://developer.apple.com/tvos/human-interface-guidelines/visual-design/ Layout
  36. 36. https://developer.apple.com/tvos/human-interface-guidelines/visual-design/ Layout
  37. 37. Interface Elements
  38. 38. Tab Bars Interface Elements https://developer.apple.com/tvos/human-interface-guidelines/interface-elements/
  39. 39. TableView Interface Elements https://developer.apple.com/tvos/human-interface-guidelines/interface-elements/
  40. 40. CollectionView Interface Elements https://developer.apple.com/tvos/human-interface-guidelines/interface-elements/
  41. 41. Split Views Interface Elements https://developer.apple.com/tvos/human-interface-guidelines/interface-elements/
  42. 42. Text Fields Interface Elements https://developer.apple.com/tvos/human-interface-guidelines/interface-elements/
  43. 43. Keyboards Interface Elements https://developer.apple.com/tvos/human-interface-guidelines/interface-elements/
  44. 44. Search Interface Elements https://developer.apple.com/tvos/human-interface-guidelines/interface-elements/
  45. 45. Button Interface Elements https://developer.apple.com/tvos/human-interface-guidelines/interface-elements/
  46. 46. Navigation Bars Interface Elements https://developer.apple.com/tvos/human-interface-guidelines/interface-elements/
  47. 47. Navigation Bars Interface Elements https://developer.apple.com/tvos/human-interface-guidelines/interface-elements/
  48. 48. Page Controls Interface Elements https://developer.apple.com/tvos/human-interface-guidelines/interface-elements/
  49. 49. Activity Indicators Interface Elements https://developer.apple.com/tvos/human-interface-guidelines/interface-elements/
  50. 50. Alerts Interface Elements https://developer.apple.com/tvos/human-interface-guidelines/interface-elements/
  51. 51. tvOSの概要を抑えたところで
  52. 52. AbemaTV on tvOS
  53. 53. 2016/11/25にリリースしました AbemaTV on tvOS
  54. 54. 開発スケジュール
  55. 55. 開発スケジュール 2ヶ月
  56. 56. 2ヶ月 開発スケジュール
  57. 57. 2ヶ月 開発スケジュール
  58. 58. 2ヶ月 開発スケジュール
  59. 59. 体制
  60. 60. 体制 ・Designer 1 (兼務) ・Engineer 2 (1名兼務) ・Director 1 (兼務)
  61. 61. プロジェクト構成
  62. 62. プロジェクト構成 iOSと同じプロジェクトでTargetを分け るか、別プロジェクトにするか
  63. 63. iOSとは別プロジェクトで開発 framework化ができてない Swift3対応 スケジュール プロジェクト構成
  64. 64. 進捗管理
  65. 65. 進捗管理 GitHub Projects https://github.com/blog/2256-a-whole-new-github-universe-announcing-new-tools-forums-and-features
  66. 66. Libraries
  67. 67. Libraries RxSwift RxCocoa Kingfisher Cartography AttributedLabel SwiftDate Cheetah SpringIndicator CryptoSwift KeychainAccess SQLite.swift ReachabilitySwift SwiftyUserDefaults ProtocolBuffers-Swift Fabric Crashlytics Device
  68. 68. UI/UX
  69. 69. Overall UI/UX
  70. 70. Overall UI/UX
  71. 71. UI/UX OnAir Playback
  72. 72. OnAir Playback UI/UX
  73. 73. Menu UI/UX
  74. 74. Menu TabBar UI/UX
  75. 75. OnAir Playback PageViewController UI/UX
  76. 76. OnAir Info UI/UX
  77. 77. OnAir Info CustomView CollectionView UI/UX
  78. 78. Overall UI/UX
  79. 79. TimeTable UI/UX
  80. 80. TimeTable CollectionView CollectionView ScrollView UI/UX
  81. 81. TimeTable CollectionView UI/UX
  82. 82. TimeTable CollectionView UI/UX
  83. 83. TimeTable UI/UX
  84. 84. TimeTable UI/UX
  85. 85. Detail Info UI/UX
  86. 86. Detail Info UI/UX
  87. 87. Detail Info UI/UX
  88. 88. Overall UI/UX
  89. 89. Ondemand UI/UX
  90. 90. Ondemand SplitViewController UI/UX
  91. 91. Ondemand Playback UI/UX
  92. 92. Ondemand Playback AVPlayerViewController UI/UX
  93. 93. Overall UI/UX
  94. 94. Setting UI/UX
  95. 95. Setting TableViewImageView UI/UX
  96. 96. Overall UI/UX
  97. 97. Conclusion
  98. 98. Conclusion • 共通部分をEmbedded Framework化しておくと良い • iOSとの違いはFocus周りがキモ • 標準のUI/UXに従う • 画面大きくて開発が楽しい
  99. 99. Trial&Errorしながら開発中 AbemaTV on tvOS
  100. 100. Thank you 参考資料 https://developer.apple.com/tvos/resources/

×