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

フルComposeでTVアプリを作った話

SSK
May 28, 2023

 フルComposeでTVアプリを作った話

SSK

May 28, 2023
Tweet

Other Decks in Technology

Transcript

  1. 目次 • 自己紹介 • 背景 • 話すこと • 話さないこと •

    Compose for TV とは? • 普通のComposeとの違い • つまずいたところとその解決策 • 現時点での辛み • 採用して良かったところ • リリースされそうな機能 • Compose for TVのこれから
  2. 自己紹介 • 名前: 佐々木知洋(SSK) • twitter: @t_ssksan • Github: sasakitomohiro

    • Android、Flutter • CyberFightのWRESTLE UNIVERSEという プロレスの動画配信サービスの モバイル、AndroidTVアプリを作っています
  3. Compose for TV とは? • AndroidTV向けのComposeでUIを構築できるツールキット • AndroidTVデバイス向けのComposable等が提供されている • AndroidTVデバイスはタッチ操作はできないため、リモコンでの操作を実現すること

    ができる ※2023/5/29現在、alpha版のため今回の発表内容からできること・ できないことなどが大きく変わる可能性があるため予めご了承ください
  4. 普通のComposeとの違い その他用意されているComposable • Surface • TvLazyGrid • Button • OutlinedButton

    • IconButton • OutlinedIconButton • RadioButton • WideButton • Card • ClassicCard • CompactCard • WideClassicCard • Checkbox • TriStateCheckbox • Icon • ModalNavigationDrawer • NavigationDrawer • Switch • Tab • TabRow • Text • などなど
  5. Compose for TVのこれから • GoogleIOの「TV の新機能と Compose の概要」によると、年末までにベータ版、製 品版がリリースされるそう ◦

    https://io.google/2023/program/24ef7b93-7823-412e-99b7-b97a615f3334/intl/ja/ • ドキュメントも徐々に増えてきているので導入を検討し始めても良いかも? ◦ https://android-developers.googleblog.com/2023/05/building-pixel-perfect-living-room-experiences- compose-for-tv.html ◦ https://developer.android.com/design/ui/tv ◦ https://developer.android.com/training/tv/playback/compose
  6. 参考資料 • https://android.googlesource.com/platform/frameworks/support/+/refs/heads/andr oidx-main/tv/samples/src/main/java/androidx/tv/samples • https://android.googlesource.com/platform/frameworks/support/+/refs/heads/andr oidx-main/compose/ui/ui/integration-tests/ui-demos/src/main/java/androidx/comp ose/ui/demos/focus/LazyListChildFocusDemos.kt • https://developer.android.com/jetpack/androidx/releases/tv?hl=en

    • https://io.google/2023/program/24ef7b93-7823-412e-99b7-b97a615f3334/intl/ja/ • https://android-developers.googleblog.com/2023/05/building-pixel-perfect-living-r oom-experiences-compose-for-tv.html • https://developer.android.com/design/ui/tv • https://developer.android.com/training/tv/playback/compose