Cross Deviceチームにおけるスマートテレビアプリ開発ってどんな感じ？

ABEMA Engineer Meetup 〜スマートテレビ編 Vol.1〜
https://cyberagent.connpass.com/event/247074/

Transcript

1. AbemaTV, Inc. All Rights Reserved
 Cross Deviceチームにおける スマートテレビアプリ開発 ってどんな感じ？ 2022 June 9th 株式会社AbemaTV 開発本部 Cross Device Keisuke Tatsumi 1
2. AbemaTV, Inc. All Rights Reserved
 2 1. whoami 2. どうしてCross Deviceチームに？ 3. ジョインしてからの話 4. まとめ INDEX
3. AbemaTV, Inc. All Rights Reserved
 whoami 3
4. AbemaTV, Inc. All Rights Reserved
 Keisuke Tatsumi 4 Profile • Cross Device Engineer @ AbemaTV, Inc. • XR Guild @ CyberAgent, Inc. • Github, Qiita: cokaholic • Twitter: @_cokaholic
5. AbemaTV, Inc. All Rights Reserved
 どうしてCross Deviceチームに？ 5
6. AbemaTV, Inc. All Rights Reserved
 どうしてCross Deviceチームに？ 6 • 2016年12月 iOSチームにジョイン • 2018年2月 社内のARギルド（現在のXR Guild）に参加 ◦ UnityやWebARなど iOS 以外の技術にもより一層興味が湧く • 2020年1月 Cross Deviceチームにジョイン ◦ iOS以外も本業でやってみたいという気持ちが高まった Cross Deviceチームにジョインするまで
7. AbemaTV, Inc. All Rights Reserved
 どうしてCross Deviceチームに？ 7 一言で言うと、 あらゆるデバイスにABEMAを展開するための技術を提供するチーム Cross Deviceチームとは
8. AbemaTV, Inc. All Rights Reserved
 どうしてCross Deviceチームに？ 8 一言で言うと、 あらゆるデバイスにABEMAを展開するための技術を提供するチーム Cross Deviceチームとは • 様々なデバイスの開発に携わることができる！ • 様々な言語や技術を扱うことができる！
9. AbemaTV, Inc. All Rights Reserved
 どうしてCross Deviceチームに？ 9 2022年6月現在 Cross Deviceチームで扱っているデバイスや言語 デバイス 言語 AndroidTV・FireTV Kotlin IPTV HTML・CSS・JavaScript Google Chromecast・Nest Hub HTML・CSS・JavaScript Apple TV Swift Nintendo Switch C#（Unity）
10. AbemaTV, Inc. All Rights Reserved
 どうしてCross Deviceチームに？ 10 2022年6月現在 Cross Deviceチームで扱っているデバイスや言語 デバイス 言語 AndroidTV・FireTV Kotlin IPTV HTML・CSS・JavaScript Google Chromecast・Nest Hub HTML・CSS・JavaScript Apple TV Swift Nintendo Switch C#（Unity）
11. AbemaTV, Inc. All Rights Reserved
 どうしてCross Deviceチームに？ 11 ABEMA for Nintendo Switch • Cross Deviceチームで開発を担当 • 2021年12月23日 リリース
12. AbemaTV, Inc. All Rights Reserved
 どうしてCross Deviceチームに？ 12 ABEMA for Nintendo Switch • Cross Deviceチームで開発を担当 • 2021年12月23日 リリース 新規参入デバイス向けアプリ開発のチャンスもある！
13. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 13
14. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 14 Cross Deviceチームでの開発 • 新規開発ラインと運用開発ラインの2ライン体制 • 整備されている各デバイスごとのスタートアップガイド • 挑戦に前向きなチームメンバー • 設計共通化の取り組み • アプリのUI/UXデザインの議論に関われる
15. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 15 Cross Deviceチームでの開発 • 新規開発ラインと運用開発ラインの2ライン体制 • 整備されている各デバイスごとのスタートアップガイド • 挑戦に前向きなチームメンバー • 設計共通化の取り組み • アプリのUI/UXデザインの議論に関われる
16. AbemaTV, Inc. All Rights Reserved
 3ヶ月後 メンバー 交代 ジョインしてからの話 16 新規開発ラインと運用開発ラインの 2ライン体制 • 2ライン（新規開発・運用開発）にメンバーを分けて開発 • 3ヶ月ごとにローテーションで交代していくので属人化しない 新規開発ライン：Google Nest Hub・Nintendo Switchなど 運用開発ライン：AndroidTV・IPTV・AppleTV・Chromecast
17. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 17 Cross Deviceチームでの開発 • 新規開発ラインと運用開発ラインの2ライン体制 • 整備されている各デバイスごとのスタートアップガイド • 挑戦に前向きなチームメンバー • 設計共通化の取り組み • アプリのUI/UXデザインの議論に関われる
18. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 18 整備されている各デバイスごとのスタートアップガイド Q. 初めてジョインしてローテーションしていくのって難しくない？ A. スタートアップガイドが整備されていたので意外と大丈夫だった • デバイスごとにドキュメントがまとまっている • 属人化しない仕組みのおかげで基本どのメンバーにも質問できる
19. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 19 Cross Deviceチームでの開発 • 新規開発ラインと運用開発ラインの2ライン体制 • 整備されている各デバイスごとのスタートアップガイド • 挑戦に前向きなチームメンバー • 設計共通化の取り組み • アプリのUI/UXデザインの議論に関われる
20. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 20 挑戦に前向きなチームメンバー • 2022年6月現在のメンバー数は6名 • 各メンバーの出身はWeb、iOS、Androidなど様々 • 新規デバイス向け開発や新しい技術への挑戦に前向き • DiscordやSlackを活用した気軽に質問しやすい環境
21. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 21 Cross Deviceチームでの開発 • 新規開発ラインと運用開発ラインの2ライン体制 • 整備されている各デバイスごとのスタートアップガイド • SlackやDiscordを活用した気軽に質問しやすい環境 • 設計共通化の取り組み • アプリのUI/UXデザインの議論に関われる
22. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 22 設計共通化の取り組み Q. なぜ設計共通化が必要なんですか？ • デバイスごとに異なるアーキテクチャで実装するのは辛い 😇 • ロジックを共通化できるところは共通化したい A. 少人数のチームで複数のデバイスを管理していくため
23. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 23 設計共通化の取り組み • ドメイン・ユースケース駆動開発 ◦ ICONIX プロセス ▪ ドメインモデリング ▪ ユースケースモデリング ▪ ロバストネス分析 • クリーンアーキテクチャ ◦ Nintendo Switch 開発から始め、AndroidTV・FireTVに現在適用中 💪
24. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 24 設計共通化の取り組み • ドメイン・ユースケース駆動開発 ◦ ICONIX プロセス ▪ ドメインモデリング ▪ ユースケースモデリング ▪ ロバストネス分析 • クリーンアーキテクチャ ◦ Nintendo Switch 開発から始め、AndroidTV・FireTVに現在適用中 💪 ABEMA Tech Book 2022 第5章「未開拓デバイス向け アプリ開発でICONIXプロセ スを組み込んだ開発フロー を実現する」で実践した内容 を執筆しました！ ＼BOOTH にて販売中／
25. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 25 Cross Deviceチームでの開発 • 新規開発ラインと運用開発ラインの2ライン体制 • 整備されている各デバイスごとのスタートアップガイド • SlackやDiscordを活用した気軽に質問しやすい環境 • 設計共通化の取り組み • アプリのUI/UXデザインの議論に関われる
26. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 26 アプリのUI/UXデザインの議論に関われる • UI/UXデザインのブラッシュアップを議論するオープンデザインを毎週開催 ◦ エンジニア、デザイナー、PMが参加 ◦ 改善したいテーマに対してアイデアを出し合う ◦ 決まったアイデアは実装し、リリース後に効果振り返りを行う
27. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 27 アプリのUI/UXデザインの議論に関われる • UI/UXデザインのブラッシュアップを議論するオープンデザインを毎週開催 ◦ エンジニア、デザイナー、PMが参加 ◦ 改善したいテーマに対してアイデアを出し合う ◦ 決まったアイデアは実装し、リリース後に効果振り返りを行う • 議論に関わった上で実装するので納得がいく • 効果を振り返った上で機能の取捨選択ができる
28. AbemaTV, Inc. All Rights Reserved
 まとめ 28
29. AbemaTV, Inc. All Rights Reserved
 まとめ 29 Cross Deviceチームはどういった人におすすめ？ • 何か一つの分野から始めてどんどんスキルセットを広げたい • 新規参入デバイス向けアプリ開発のチャンスに関わってみたい • UI/UXデザインにこだわって実装したい
30. AbemaTV, Inc. All Rights Reserved
 まとめ 30 最近のCross Deviceチームはここが熱い 🔥 • アフターコロナのお家時間需要でスマートテレビアプリの需要は高い！ https://gallery.intage.co.jp/tv2021/ より引用
31. AbemaTV, Inc. All Rights Reserved
 まとめ 31 最近のCross Deviceチームはここが熱い 🔥 • 2022年11月下旬のW杯に向けた開発に関われる！
32. AbemaTV, Inc. All Rights Reserved