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/

Keisuke Tatsumi

June 15, 2022
Tweet

More Decks by Keisuke Tatsumi

Other Decks in Programming

Transcript

  1. AbemaTV, Inc. All Rights Reserved
 2 1. whoami 2. どうしてCross

    Deviceチームに? 3. ジョインしてからの話 4. まとめ INDEX
  2. AbemaTV, Inc. All Rights Reserved
 Keisuke Tatsumi 4 Profile •

    Cross Device Engineer @ AbemaTV, Inc. • XR Guild @ CyberAgent, Inc. • Github, Qiita: cokaholic • Twitter: @_cokaholic
  3. 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チームにジョインするまで
  4. AbemaTV, Inc. All Rights Reserved
 どうしてCross Deviceチームに? 8 一言で言うと、 あらゆるデバイスにABEMAを展開するための技術を提供するチーム

    Cross Deviceチームとは • 様々なデバイスの開発に携わることができる! • 様々な言語や技術を扱うことができる!
  5. 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)
  6. 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)
  7. AbemaTV, Inc. All Rights Reserved
 どうしてCross Deviceチームに? 11 ABEMA for

    Nintendo Switch • Cross Deviceチームで開発を担当 • 2021年12月23日 リリース
  8. AbemaTV, Inc. All Rights Reserved
 どうしてCross Deviceチームに? 12 ABEMA for

    Nintendo Switch • Cross Deviceチームで開発を担当 • 2021年12月23日 リリース 新規参入デバイス向けアプリ開発のチャンスもある!
  9. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 14 Cross Deviceチームでの開発 •

    新規開発ラインと運用開発ラインの2ライン体制 • 整備されている各デバイスごとのスタートアップガイド • 挑戦に前向きなチームメンバー • 設計共通化の取り組み • アプリのUI/UXデザインの議論に関われる
  10. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 15 Cross Deviceチームでの開発 •

    新規開発ラインと運用開発ラインの2ライン体制 • 整備されている各デバイスごとのスタートアップガイド • 挑戦に前向きなチームメンバー • 設計共通化の取り組み • アプリのUI/UXデザインの議論に関われる
  11. AbemaTV, Inc. All Rights Reserved
 3ヶ月後 メンバー 交代 ジョインしてからの話 16

    新規開発ラインと運用開発ラインの 2ライン体制 • 2ライン(新規開発・運用開発)にメンバーを分けて開発 • 3ヶ月ごとにローテーションで交代していくので属人化しない 新規開発ライン:Google Nest Hub・Nintendo Switchなど 運用開発ライン:AndroidTV・IPTV・AppleTV・Chromecast
  12. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 17 Cross Deviceチームでの開発 •

    新規開発ラインと運用開発ラインの2ライン体制 • 整備されている各デバイスごとのスタートアップガイド • 挑戦に前向きなチームメンバー • 設計共通化の取り組み • アプリのUI/UXデザインの議論に関われる
  13. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 18 整備されている各デバイスごとのスタートアップガイド Q. 初めてジョインしてローテーションしていくのって難しくない?

    A. スタートアップガイドが整備されていたので意外と大丈夫だった • デバイスごとにドキュメントがまとまっている • 属人化しない仕組みのおかげで基本どのメンバーにも質問できる
  14. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 19 Cross Deviceチームでの開発 •

    新規開発ラインと運用開発ラインの2ライン体制 • 整備されている各デバイスごとのスタートアップガイド • 挑戦に前向きなチームメンバー • 設計共通化の取り組み • アプリのUI/UXデザインの議論に関われる
  15. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 20 挑戦に前向きなチームメンバー • 2022年6月現在のメンバー数は6名

    • 各メンバーの出身はWeb、iOS、Androidなど様々 • 新規デバイス向け開発や新しい技術への挑戦に前向き • DiscordやSlackを活用した気軽に質問しやすい環境
  16. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 21 Cross Deviceチームでの開発 •

    新規開発ラインと運用開発ラインの2ライン体制 • 整備されている各デバイスごとのスタートアップガイド • SlackやDiscordを活用した気軽に質問しやすい環境 • 設計共通化の取り組み • アプリのUI/UXデザインの議論に関われる
  17. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 22 設計共通化の取り組み Q. なぜ設計共通化が必要なんですか?

    • デバイスごとに異なるアーキテクチャで実装するのは辛い 😇 • ロジックを共通化できるところは共通化したい A. 少人数のチームで複数のデバイスを管理していくため
  18. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 23 設計共通化の取り組み • ドメイン・ユースケース駆動開発

    ◦ ICONIX プロセス ▪ ドメインモデリング ▪ ユースケースモデリング ▪ ロバストネス分析 • クリーンアーキテクチャ ◦ Nintendo Switch 開発から始め、AndroidTV・FireTVに現在適用中 💪
  19. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 24 設計共通化の取り組み • ドメイン・ユースケース駆動開発

    ◦ ICONIX プロセス ▪ ドメインモデリング ▪ ユースケースモデリング ▪ ロバストネス分析 • クリーンアーキテクチャ ◦ Nintendo Switch 開発から始め、AndroidTV・FireTVに現在適用中 💪 ABEMA Tech Book 2022 第5章「未開拓デバイス向け アプリ開発でICONIXプロセ スを組み込んだ開発フロー を実現する」で実践した内容 を執筆しました! \BOOTH にて販売中/
  20. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 25 Cross Deviceチームでの開発 •

    新規開発ラインと運用開発ラインの2ライン体制 • 整備されている各デバイスごとのスタートアップガイド • SlackやDiscordを活用した気軽に質問しやすい環境 • 設計共通化の取り組み • アプリのUI/UXデザインの議論に関われる
  21. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 26 アプリのUI/UXデザインの議論に関われる • UI/UXデザインのブラッシュアップを議論するオープンデザインを毎週開催

    ◦ エンジニア、デザイナー、PMが参加 ◦ 改善したいテーマに対してアイデアを出し合う ◦ 決まったアイデアは実装し、リリース後に効果振り返りを行う
  22. AbemaTV, Inc. All Rights Reserved
 ジョインしてからの話 27 アプリのUI/UXデザインの議論に関われる • UI/UXデザインのブラッシュアップを議論するオープンデザインを毎週開催

    ◦ エンジニア、デザイナー、PMが参加 ◦ 改善したいテーマに対してアイデアを出し合う ◦ 決まったアイデアは実装し、リリース後に効果振り返りを行う • 議論に関わった上で実装するので納得がいく • 効果を振り返った上で機能の取捨選択ができる
  23. AbemaTV, Inc. All Rights Reserved
 まとめ 29 Cross Deviceチームはどういった人におすすめ? •

    何か一つの分野から始めてどんどんスキルセットを広げたい • 新規参入デバイス向けアプリ開発のチャンスに関わってみたい • UI/UXデザインにこだわって実装したい
  24. AbemaTV, Inc. All Rights Reserved
 まとめ 30 最近のCross Deviceチームはここが熱い 🔥

    • アフターコロナのお家時間需要でスマートテレビアプリの需要は高い! https://gallery.intage.co.jp/tv2021/ より引用