Android Autoアプリ開発の今 −ナビゲーションアプリ開発から学ぶケーススタディ− (DroidKaigi2024)

© LY Corporation LINEヤフー株式会社根岸拓郎/Negishi Takuro Android Autoアプリ開発の今 -ナビゲーションアプリ開発から学ぶケーススタディ-
DroidKaigi2024

© LY Corporation 根岸拓郎 LINEヤフー株式会社 Androidエンジニア 2 2019年〜複数社でAndroidアプリ開発を経験
2021年〜 LINEヤフー株式会社中途⼊社 Yahoo!カーナビAndroid版アプリを担当過去執筆：Yahoo! JAPAN Tech Blog 循環的複雑度に着⽬し10年モノのコードを改善する（Yahoo!カーナビのコード品質可視化と改善の歩み） https://techblog.yahoo.co.jp/entry/2023041030419798/

© LY Corporation 7 Android Autoとは https://developers.google.com/cars/design/create-apps/app-types/navigation?hl=ja • ⾃動⾞内でのAndroid端末やアプリの操作を⾞載システムに最適化する
仕組み • Google I/O 2024での発表によると、新⾞の98%がAndroid Autoをサポートしている

© LY Corporation ⾞向けアプリのカテゴリがさらに広がるナビゲーションなど運転をサポートするようなアプリだけではない GameやVideoなど⾞内で過ごす時間を楽しめるようなアプリも増えてくる 8 Google
I/O 2024より対応するアプリカテゴリ https://android-developers.googleblog.com/2024/05/android-for-cars-bringing-more-apps-to-cars.html

© LY Corporation 新たな⾃動⾞向けアプリ品質レベル • Tier 1: Car differentiated：⾞内の様々なハードウェア、画⾯に最適化されたアプリ •
Tier 2: Car optimized：⾞独⾃の体験を提供するアプリ • Tier 3: Car ready：⼤画⾯に対応し、最低限動作するアプリ Tier 3の対象を広げる動きがある • 対象アプリジャンル：Video、Game、Browserなど • すでにアダプティブ・⼤画⾯対応済みのモバイルアプリを積極的に審査する • 追加対応がほぼ無しでAndroid Auto/Automotive向けにアプリを公開できる • Early Accessのフォームがある 9 Google I/O 2024よりより簡単にAndroid Auto対応が可能に https://android-developers.googleblog.com/2024/05/android-for-cars-bringing-more-apps-to-cars.html

© LY Corporation 10 Android Autoとは https://developers.google.com/cars/design/create-apps/app-types/navigation?hl=ja • ⾃動⾞内でのAndroid端末やアプリの操作を⾞載システムに最適化する
仕組み • Google I/O 2024での発表によると、新⾞の98%がAndroid Autoをサポートしている • 様々な種類のアプリがある • Media、Browsers、Navigation、Point-of- Interest、Video、Game

© LY Corporation Android Auto向けナビゲーションアプリ開発について概要を理解する開発する上での注意点を理解する守るべきガイドラインを理解する 1 3 2
12 本セッションの⽬的 Android Auto向けアプリを開発したくなる 4

© LY Corporation Agenda 1 ナビゲーションアプリ開発の基本 2 Android Autoの画⾯ 3
Android Autoのシミュレーター 4 Android Autoガイドラインの紹介 13

Android Autoのシミュレーター 4 Android Autoガイドラインの紹介 14 概要・基礎注意点・ポイント

© LY Corporation 17 Android Autoで登場するクラス CarAppService Session Screen Template
• CarAppService • Serviceを継承 • onCreateSession を使⽤して接続ごとに Session インスタンスを提供する https://developer.android.com/training/cars/apps?hl=ja#key-terms-concepts

• CarAppService • Serviceを継承 • onCreateSession を使⽤して接続ごとに Session インスタンスを提供する https://developer.android.com/training/cars/apps?hl=ja#key-terms-concepts CarAppServiceは Sessionを返す

• Session • ⾞の画⾯に情報を表⽰するためのエントリポイント • Android Auto上のアプリの状態を通知する • ライフサイクルがある https://developer.android.com/training/cars/apps?hl=ja#key-terms-concepts

https://developer.android.com/training/cars/apps?hl=ja#key-terms-concepts SessionはScreenを返す • Session • ⾞の画⾯に情報を表⽰するためのエントリポイント • Android Auto上のアプリの状態を通知する • ライフサイクルがある

• Screen • 表⽰するテンプレートをアプリから送信する機構 • ライフサイクルがある https://developer.android.com/training/cars/apps?hl=ja#key-terms-concepts ボタン類の設定

• Screen • 表⽰するテンプレートをアプリから送信する機構 • ライフサイクルがある https://developer.android.com/training/cars/apps?hl=ja#key-terms-concepts 地図操作ボタン類の設定

• Template • 画⾯のテンプレート • ドライバーの注意を散漫しないように設計されている • デベロッパーはテンプレートに沿う形で UI要素を構成できる https://developer.android.com/training/cars/apps?hl=ja#key-terms-concepts

© LY Corporation 24 Android Autoアプリのライフサイクル https://developer.android.com/training/cars/apps?hl=ja#carappservice-session-screen-lifecycles • Session •
LifecycleOwnerを継承している • Android Autoとの接続時に⽣成 • onCreateSessionで最初に表⽰する Screenを返す • onDestroyでパラメータのリセット、後処理

© LY Corporation 25 Android Autoのアプリライフサイクル https://developer.android.com/training/cars/apps?hl=ja#carappservice-session-screen-lifecycles • Screen •
LifecycleOwnerを継承している • onGetTemplateで表⽰するTemplateを返す

© LY Corporation 27 画⾯=Template https://developers.google.com/cars/design/create-apps/apps-for-drivers/overview?hl=ja • ⾃動⾞向けに最適化されたテンプレートが⽤意されている • デベロッパーが⾃由に画⾯を構成できてしまうと、
運転中の事故につながる • テンプレートを使⽤してアプリのUIを作成する

© LY Corporation 31 MapWithContentTemplate https://developers.google.com/cars/design/create-apps/apps-for-drivers/templates/overview?hl=ja https://developers.google.com/cars/design/create-apps/apps-for-drivers/templates/map-content-template?hl=ja • 地図とコンテンツを描画するテンプレート

© LY Corporation 32 MapWithContentTemplate https://developers.google.com/cars/design/create-apps/apps-for-drivers/templates/map-content-template?hl=ja 地図と同時に表⽰するコンテンツのテンプレートを指定可能オーバーレイとしてレンダリングされる
• リスト • グリッド • メッセージ • ペイン

© LY Corporation 38 MapWithContentTemplate https://developer.android.com/jetpack/androidx/releases/car-app?hl=ja#version_17_2 移⾏ガイド https://developer.android.com/training/cars/apps/navigation?hl=ja#migrate-to-mwct

© LY Corporation 39 NavigationTemplate https://developers.google.com/cars/design/create-apps/apps-for-drivers/templates/overview?hl=ja https://developers.google.com/cars/design/create-apps/apps-for-drivers/templates/navigation-template?hl=ja 地図とナビゲーション情報を表⽰するテンプレート

© LY Corporation 46 テンプレートの制約 https://developer.android.com/training/cars/apps?hl=ja#template-restrictions テンプレートには制限事項がある • スタックできるテンプレートの数は最⼤ 5
つ • 最後(5つ⽬)のテンプレートは以下のいずれかでなければならない • NavigationTemplate • PaneTemplate • MessageTemplate 参考：【Android Auto】画⾯スタックとテンプレートでハマるポイント https://note.com/navitime_tech/n/n8d7ce9424847

Android Autoのシミュレーター 4 Android Autoガイドラインの紹介 48 概要・基礎注意点・ポイント

Android Autoのシミュレーター 4 Android Autoガイドラインの紹介 49 概要・基礎注意点・ポイントポイント開発中のつまずきやすいポイント審査でリジェクトされやすいポイントを紹介

© LY Corporation 51 Android Autoのシミュレーター https://developer.android.com/training/cars/testing/dhu?hl=ja Android StudioのSDK Manager
からDesktop Head Unit Emulatorをインストール

© LY Corporation 54 Android Autoのシミュレーター https://developer.android.com/training/cars/testing/dhu?hl=ja ▪実⾏⼿順・ADB トンネリングを使⽤して接続する
$ adb forward tcp:5277 tcp:5277 ・シミュレーターの起動 $ cd SDK_LOCATION/extras/google/auto $ ./desktop-head-unit

© LY Corporation 55 Android Autoのシミュレーターシミュレーター起動後通常のAndroid Autoと同じ操作が可能
マウスでボタンのタップ・地図の操作が可能 (C)Mapbox,(C)OpenStreetMap,(C)LY Corporation

© LY Corporation 56 Android Autoのシミュレーター -cオプションでconfigファイルを複数指定可能 $ ./desktop-head-unit -c
./default_1080p.ini →1080p(1920x1080)のシミュレーターを起動する (C)Mapbox,(C)OpenStreetMap,(C)LY Corporation

© LY Corporation 57 Android Autoのシミュレーター configファイル(.ini)は編集可能参考： https://developer.android.com/training/cars /testing/dhu?hl=ja#configure-dhu
よく使う項⽬・resolution 800x480、1280x720、1920x1080 のいずれか・instrumentcluster インストルメントクラスタを有効にする（後述）

© LY Corporation 63 ⾞に対応したアプリのガイドライン https://developer.android.com/docs/quality-guidelines/car-app-quality https://developers.google.com/cars/design Car app quality
⾞向けアプリのチェックリストが⽤意されているアプリカテゴリごとの品質要件が記載されている Design for Driving 主にUI設計のガイドラインドライバーの運転を妨げないように注意を散漫させないように

© LY Corporation ⽇中・夜間モードナビゲーションをシミュレートする機能の提供インストルメントクラスタへの対応 1 3 2 65
特に注意が必要なガイドラインナビゲーションインテントの対応 4 ロータリーモードへの対応 5 ポイント

© LY Corporation 66 ⽇中・夜間モード Car app quality > The
app must draw a light-themed or dark-themed map when instructed to do so https://developer.android.com/docs/quality-guidelines/car-app-quality https://developers.google.com/cars/design Design for Driving > ライトモードまたはダークモードの地図の描画を求められた場合は、描画します。 (C)Mapbox,(C)OpenStreetMap,(C)LY Corporation

© LY Corporation 67 ⽇中・夜間モード独⾃に昼/夜モードを判断をしてはいけない Android Autoが夜モードと判定している場合は夜モード⽤の⾊で描画する https://developer.android.com/docs/quality-guidelines/car-app-quality
https://developers.google.com/cars/design onCarConfigurationChangedで切り替えタイミングを知るポイント

© LY Corporation 68 ⽇中・夜間モード開発中に⽇中・夜間モードを切り替えて動作確認・「設定」アプリ→「Android Auto」・「地図の⽇中/夜間モード」から変更可能 https://developer.android.com/docs/quality-guidelines/car-app-quality
https://developers.google.com/cars/design

© LY Corporation 69 ナビゲーションをシミュレートする機能の提供 https://developer.android.com/training/cars/apps/navigation?hl=ja#simulating-navigation > Google Play ストアへのアプリの送信時に、アプリのナビゲーション機能を
検証するために、アプリで NavigationManagerCallback.onAutoDriveEnabled コールバックを実装する必要があります。 > このコールバックが呼び出されると、ユーザーがナビゲーションを開始したときに、選択された⽬的地へのナビゲーションをシミュレートする必要があります。ポイント

© LY Corporation 71 ナビゲーションをシミュレートする機能の提供 https://developer.android.com/training/cars/apps/navigation?hl=ja#simulating-navigation onAutoDriveEnabled内でナビのシミュレーションを開始するコマンドラインから以下を実⾏することで動作確認が可能 adb
shell dumpsys activity service CAR_APP_SERVICE_NAME AUTO_DRIVE

© LY Corporation 72 インストルメントクラスタへの対応「計器盤」 • スピードメーター • 燃料残量
• など… Android Autoのディスプレイとは別ヘッドアップディスプレイ（HUD）もある曲がる⽅向が正しい⽅向か https://developers.google.com/cars/design/create-apps/sample-flows/view-map-in-cluster?hl=ja ポイント

© LY Corporation 73 インストルメントクラスタの動作確認 https://developer.android.com/training/cars/testing/dhu?hl=ja#instrument_cluster ・configファイル(.ini)を編集・instrumentclusterをtrueにするインストルメントクラスタを有効にする
（後述） $ ./desktop-head-unit -c ./default.ini

© LY Corporation 74 インストルメントクラスタの動作確認 https://developer.android.com/training/cars/testing/dhu?hl=ja#instrument_cluster ・configファイル(.ini)を編集・instrumentclusterをtrueにするインストルメントクラスタを有効にする
（後述） $ ./desktop-head-unit -c ./default.ini

© LY Corporation 86 ナビゲーションインテントの対応 https://developer.android.com/training/cars/apps?hl=ja#start-car-app ・他のアプリやGoogleアシスタントからナビゲーションを⾏う要求（Intent）を受信した場合、適切に処理する必要がある東京駅に⾏きたい (C)Mapbox,(C)OpenStreetMap,(C)LY
Corporation

© LY Corporation 87 ナビゲーションインテントの対応 https://developer.android.com/training/cars/apps?hl=ja#start-car-app ・他のアプリやGoogleアシスタントからナビゲーションを⾏う要求（Intent）を受信した場合、適切に処理する必要がある別のAndroid Autoアプリ
「緯度XX, 経度YYへのナビを⾏って」 (C)Mapbox,(C)OpenStreetMap,(C)LY Corporation

© LY Corporation 93 ロータリーモードへの対応 https://developer.android.com/training/cars/apps?hl=ja#start-car-app ・configファイル(.ini)を編集・controllerをtrueにする $ ./desktop-head-unit
-c ./config/rotary.ini

Android Autoアプリ開発の今 −ナビゲーションアプリ開発から学ぶケーススタディ− (...

Android Autoアプリ開発の今 −ナビゲーションアプリ開発から学ぶケーススタディ− (DroidKaigi2024)

More Decks by LINEヤフーTech (LY Corporation Tech)

Other Decks in Technology

Featured

Transcript