Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

95f926465b1c71fbb49850c5b6223c4d?s=128

Keisuke Tatsumi

June 15, 2022
Tweet

More Decks by Keisuke Tatsumi

Other Decks in Programming

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