本日、2021 年に日本で人気を集めた Google Play のコンテンツを紹介する Google Play ベスト オブ 2021 のアプリ、ゲームにおける部門賞の最優秀賞および大賞を発表しました。


2021 年は、新型コロナウイルス感染症の長期的な影響を受け、オンラインでの過ごし方をより工夫し楽しくなるようなエンターテイメントアプリや、地震や集中豪雨など天候が気になる日も重なったことで、状況をリアルタイムに把握することを助ける天気予報アプリなどに関心が高まりました。また、社会情勢の影響もあり、国内に対する興味の高まりも見られ、日本の食や文化に対する興味が高まったユーザーから、お取り寄せやフードロスなどの食に関連するアプリも耳目を集めました。

ゲームにおいては、気軽に遊べるカジュアルゲームから高度な戦略性を求められるシミュレーションゲームまで、幅広い作品が喜びや発見を与えてくれた一年となりました。新たなゲーム性で今までとは違った経験をユーザーに提供した IP や、モバイルゲームに初登場した IP が市場を盛り上げたことも印象的です。また、インディー部門では日本ならではの発想から生まれたゲームが人気を集め、テーマやジャンルの多様化が垣間見られました。そしてゲーム開発技術の結晶とも言えるリアルな世界観が魅力の臨場感あふれる作品が多くのユーザーの心を掴み、盛り上がった 1 年でした。

それでは、各賞の受賞作品をご紹介します。受賞された皆さま、おめでとうございます! 


Google Play ベスト オブ 2021 日本版 

アプリ

ベストアプリ 2021ピッコマ
ユーザー投票部門
最優秀賞ウェザーニュース
トップ 5さとふる
TVer (ティーバー)
Disney+
リヴリーアイランド
生活お役立ち部門
大賞ウェザーニュース
部門賞毎日まめ
Lemon8 (レモンエイト)
自己改善部門
大賞寝たまんまヨガ
部門賞Endel (エンデル)
NewsPicks
隠れた名作部門
大賞食べチョク
部門賞さとふる
Tayasui Sketches
エンターテイメント部門
大賞リヴリーアイランド
部門賞TVer (ティーバー)
Disney+

本日、2021 年に日本で人気を集めた Google Play のコンテンツを紹介する Google Play ベスト オブ 2021 のアプリ、ゲームにおける部門賞の最優秀賞および大賞を発表しました。


2021 年は、新型コロナウイルス感染症の長期的な影響を受け、オンラインでの過ごし方をより工夫し楽しくなるようなエンターテイメントアプリや、地震や集中豪雨など天候が気になる日も重なったことで、状況をリアルタイムに把握することを助ける天気予報アプリなどに関心が高まりました。また、社会情勢の影響もあり、国内に対する興味の高まりも見られ、日本の食や文化に対する興味が高まったユーザーから、お取り寄せやフードロスなどの食に関連するアプリも耳目を集めました。

ゲームにおいては、気軽に遊べるカジュアルゲームから高度な戦略性を求められるシミュレーションゲームまで、幅広い作品が喜びや発見を与えてくれた一年となりました。新たなゲーム性で今までとは違った経験をユーザーに提供した IP や、モバイルゲームに初登場した IP が市場を盛り上げたことも印象的です。また、インディー部門では日本ならではの発想から生まれたゲームが人気を集め、テーマやジャンルの多様化が垣間見られました。そしてゲーム開発技術の結晶とも言えるリアルな世界観が魅力の臨場感あふれる作品が多くのユーザーの心を掴み、盛り上がった 1 年でした。

それでは、各賞の受賞作品をご紹介します。受賞された皆さま、おめでとうございます! 


Google Play ベスト オブ 2021 日本版 

アプリ

ベストアプリ 2021ピッコマ
ユーザー投票部門
最優秀賞ウェザーニュース
トップ 5さとふる
TVer (ティーバー)
Disney+
リヴリーアイランド
生活お役立ち部門
大賞ウェザーニュース
部門賞毎日まめ
Lemon8 (レモンエイト)
自己改善部門
大賞寝たまんまヨガ
部門賞Endel (エンデル)
NewsPicks
隠れた名作部門
大賞食べチョク
部門賞さとふる
Tayasui Sketches
エンターテイメント部門
大賞リヴリーアイランド
部門賞TVer (ティーバー)
Disney+

ベストゲーム 2021ウマ娘 プリティーダービー
ユーザー投票部門
最優秀賞ウマ娘 プリティーダービー
トップ 5三國志 真戦
東方ダンマクカグラ (ダンカグ)
ブルーアーカイブ
Pokémon UNITE
エキサイティング部門
大賞Pokémon UNITE
部門賞ウマ娘 プリティーダービー
三國志 真戦
僕のヒーローアカデミア ULTRA IMPACT
リネージュ2M(Lineage2M)
インディー部門
大賞思い出の食堂物語2 〜心にしみる昭和シリーズ〜
部門賞‎サバイバーズ・ギルト
人狼将棋
Baba Is You
冒険ダンジョン村2
キュート&カジュアル部門
大賞すみっコぐらし 農園つくるんです
部門賞東方ダンマクカグラ
トムとジェリー:チェイスチェイス
HoneyWorks Premium Live(ハニプレ)
ロイヤルマッチ(Royal Match)
クリエイティブ部門
大賞NieR Re[in]carnation
部門賞IDOLY PRIDE - アイドル・マネジメントRPG
ザ・アンツ:アンダーグラウンド キングダム
ディズニー ミュージックパレード
白夜極光

デベロッパーの方々からも、今回の発表に対してコメントを頂戴しています。 「この度は『ベストゲーム 2021』、『ユーザー投票部門 ゲームカテゴリ 最優秀賞』、 『エキサイティング部門 部門賞』に選出いただき、誠にありがとうございます。また、たくさんの方々に遊んでいただけていることを心から感謝申し上げます。引き続き、皆様に魅力的なコンテンツをお届けするべく、開発メンバー一同努めてまいります。 これからも『ウマ娘 プリティーダービー』をよろしくお願いいたします。」 株式会社Cygames また、アプリやゲームの他に、売上トップマンガ 2021 では今年最も売れたマンガを掲載しておりますので、年末年始のお家で過ごす時間に、今年話題の作品をぜひお楽しみください。



Posted by Google Play チーム

この記事は Nick Butcher による Android Developers Blog の記事 " #AndroidDevSummit: Jetpack Compose now with Material You " を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。

 

先月の Android Dev Summit (英語)  では、Jetpack Compose にたくさんのエキサイティングなアップデートが追加されたことをお知らせしました。その 1 つに、Google の新しいデザイン言語である Material You (英語) が Compose で利用できるようになったことがありました。ここでは、見逃してしまった方のために、すべてのお知らせをまとめて紹介します。

この記事は Nick Butcher による Android Developers Blog の記事 " #AndroidDevSummit: Jetpack Compose now with Material You " を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。

 

先月の Android Dev Summit (英語)  では、Jetpack Compose にたくさんのエキサイティングなアップデートが追加されたことをお知らせしました。その 1 つに、Google の新しいデザイン言語である Material You (英語) が Compose で利用できるようになったことがありました。ここでは、見逃してしまった方のために、すべてのお知らせをまとめて紹介します。

*日本語字幕は、YouTube の自動字幕機能から日本語を選択してください

 

新リリース: Jetpack Compose 1.1 ベータ版と compose-material3

Jetpack Compose 1.1 ベータ版がリリースされました。これによって 1.1 の新しい API が安定版になり、新機能が利用できるようになったほか、パフォーマンスが改善されています。1.1 には、フォーカス処理の改善、タッチ ターゲットのサイズ調整、`ImageVector` のキャッシュ、Android 12 のストレッチ オーバースクロールのサポートなどの新機能が含まれています。さらに、Compose 1.1 では、これまで試験運用版だったたくさんの API が安定版になっているほか、より新しいバージョンの Kotlin もサポートされています。既にサンプルCodelabAccompanist ライブラリもアップデートしており、Compose 1.1 と合わせて使えるようになっています。

 

compose-material3 もリリースされました。これは、Jetpack Compose で Material You の UI を作るためのまったく新しいアーティファクトです。ユーザーの壁紙から好みにあったカラーパレットを作成するダイナミック カラーのサポートを含め、コンポーネントカラーシステムがアップデートされています。これが最初のアルファ版で、API への新機能の追加や改善作業を繰り返しているところなので、皆さんのフィードバックは大歓迎です。マテリアル デザイン 3 の詳細については、新しい m3.material.io (英語) ウェブサイトをご覧ください。Material Theme Builder (英語) など、ダイナミック カラーを使ってデザインや開発を行う際に役立つツールも公開しています。

*日本語字幕は、YouTube の自動字幕機能から日本語を選択してください

Jetpack Compose 関連のガイドやドキュメントを追加

Jetpack Compose のレイアウトや、アニメーションと状態について詳しく解説したたくさんのトークを公開しました。また、Wear OS、ホーム画面ウィジェット、大画面で Compose を使う方法を紹介し、3 つの code-along(初めての Compose アプリ、既存アプリの移行、Wear OS での Compose の使用について、ライブ コーディングで説明します)も公開しました。パネル ディスカッションを開催して、Jetpack Compose やマテリアルに関する皆さんからの熱い質問にもお答えしています。

*日本語字幕は、YouTube の自動字幕機能から日本語を選択してください

Compose のドキュメントも充実させています。Jetpack Compose のフェーズアダプティブ レイアウトを作成するなどの新しいガイドを作成したほか、テーマ設定に関するガイドを拡充してマテリアル デザイン 3 などのガイドを追加しました。

 

 

Android Studio Bumblebee でのツールのアップデート

Android Dev Summit では、Android Studio Bumblebee (英語)  がベータ版になり、以下のような高度な Jetpack Compose サポートが追加されたことをお知らせしました。

 


Android Studio Chipmunk のカナリア版には、Compose 用のマテリアル デザイン 3 アプリのテンプレートも新しく追加されています(ビューベースのテンプレートもあります)。



ハンドオフ

最後になりますが、デザインのハンドオフに利用できる新ツールを一足先に紹介 (英語) しました。これは、Figma でデザインしたコンポーネントをエクスポートして、Jetpack Compose らしいコードを生成できるツールです。デザインの修正を繰り返したり、新しい変更を取り込んだり、生成されたコードを安全に編集したりできます。このツールについて私たちと直接やり取りできる小規模なチームを探しています。興味がある方は登録してください。(英語) 

 

Jetpack Compose は安定版になっており、本番環境で利用できます。私たちは、本番環境で何万ものアプリが Jetpack Compose を使い始めているのを見て感激しています。Compose を使って、皆さんがさまざまなデバイスで動作する優れたアプリを作れるようにするために、機能のロードマップに基づいて開発を続けてまいります。


Reviewed by Tamao Imura - Developer Marketing Manager, Google Play

この記事は Vitaldevara による Android Developers Blog の記事 " Launching Data safety in Play Console: Elevating Privacy and Security for your users " を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。

この記事は Vitaldevara による Android Developers Blog の記事 " Launching Data safety in Play Console: Elevating Privacy and Security for your users " を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。


ユーザーは、自分のデータをコントロールできている時に、オンラインを安全だと感じることができます。私たちが日々、データの取り扱いに関して、ユーザーが高度なセキュリティやプライバシーの管理 (英語) を行えるようにし、ユーザーの主体性を高めることに取り組んでいるのはそのためです。新しいデータ セーフティ セクションは、アプリがユーザーデータの収集、共有、保護を行うかどうか、またどのように行うかを、ユーザーがアプリをインストールする前に、デベロッパーが透明性の高い形で示せるようにするものです。

 

2021 年 10 月 18 日 (日本時間: 10 月 19 日)より、Google Play Console データ セーフティ フォームが導入されました。また、皆さんからのフィードバックを踏まえて、デベロッパー向けの追加のガイダンスを提供するため、ヘルプセンターデベロッパー ガイドPlay アカデミーのコースなどで有用な情報を共有します。通常の慣例に従い、段階的な展開を開始し、2 週間以内にすべての人がアクセスできるようになる予定です。

Google Play Console でアプリの情報を送信する方法

Google Play Console で [アプリのコンテンツ] に移動し、[データ セーフティ] という新しいセクションを探してみてください。ガイドラインを確認して、早めにフォームを提出することをお勧めします。早めに対応をすることで、フォームが却下されてもフィードバックを確認して変更できるので、新しいアプリのアップデートの公開が妨げられることがありません。デベロッパーの皆さんからは、2022 年 2 月にデータ セーフティ セクションがユーザーに表示される前にフォームに正しく入力できるように、早い段階でフィードバックがほしいという声をお寄せいただきました。フォームの承認を受けていないアプリに制限が課されるのは、2022 年 4 月からです。

 

フォームへの入力には、それなりの作業が必要になることは認識しています。そこで、デベロッパーの皆さんからのフィードバックを踏まえてプロダクトやスケジュールを作成し、プロセスをできる限り効率化しました。さらに、複数のアプリがある場合に、簡単に情報をインポートできるようにしてほしいという声もありました。そこで、あらかじめ作成しておいたファイルからインポートするオプションを追加しました。

 

 

準備する手順

 

2022 年 2 月以降にユーザーがアプリのストア掲載情報で確認できるようになる内容

ストア掲載情報では、アプリのストア掲載情報ページに、新しいサマリー欄が表示されます。そこには、アプリが収集または共有するデータについてのデベロッパーによる説明のほか、安全性に関連する以下のような情報が表示されます。


  • データ暗号化などのセキュリティに関する対応をアプリ側が行っているか

  • Google Play のファミリー ポリシーを遵守しているアプリか

  • アプリが世界的なセキュリティの標準に基づいて独立的に検証されているか



ユーザーがサマリーをタップすると、次のような詳細情報が表示されます。


  • 位置情報、連絡先、個人情報(例: 名前、メールアドレス)、財務情報など、収集および共有されるデータの種類

  • アプリの機能、パーソナライズなどのデータの利用方法

  • アプリの使用に、データの収集が任意か必須か


ユーザーからは、この情報によってアプリがユーザー情報をどのように扱うのかを理解しやすくなった、特定のアプリに安心感を覚えるようになったという声をお寄せいただきました。

 

今後の予定

日程は変更される可能性があります


デベロッパーの皆さんが、早期レビューのフィードバックを受けるために、Google Play Console 上で、データ セーフティ フォームの送信ができるようになりました。なお、セーフティ プロファイルを提出するために、アプリのアップデートを行う必要はありません。

2022 年 2 月には、この機能を Google Play ストアにリリースします。情報が承認されると、ストア掲載情報は自動的に更新され、データ セーフティ情報が反映されます。情報が送信されていない場合や却下された場合は、公開されている情報がない旨がユーザーに表示されます。


2022 年 4 月までに、すべてのアプリがデータ セーフティ セクションの承認を受ける必要があります。できるだけ多くのアプリが 2022 年 2 月のユーザーへのローンチに対応していただきたいと考えていますが、アプリの評価や複数のチームにまたがる調整が必要になるため、アプリの確認を行ったり、複数のチームと調整を行う関係で、さらに準備に時間が必要になるデベロッパーもいらっしゃると思います。

また、すべてのアプリは、4 月までにプライバシー ポリシーを提供する必要もあります。これまでは、個人データや機密性の高いユーザーデータを収集するアプリのみがプライバシー ポリシーを共有する必要がありました。データ セーフティ セクションまたはプライバシー ポリシーが承認されていない場合、新しいアプリの送信やアプリのアップデートは拒否される可能性があります。今後、以上の内容に従っていないアプリには、追加の制限が課される可能性があります。

最後になりましたが、Google Play が誰にとっても安全で、信頼できるアプリとゲームの提供元であり続けるため、ご協力いただきますよう、お願いします。


Konosuke Ogura - Trust & Safety - Play & Android, Global Policy & Operations Lead

この記事は Eric McCleve による Android Developers Blog の記事 " Driving app and career growth with Google Play Academy’s Store Listing Certificate " を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。

この記事は Eric McCleve による Android Developers Blog の記事 " Driving app and career growth with Google Play Academy’s Store Listing Certificate " を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。

Google Play のゴールは、デベロッパーやマーケターの皆さんが、 Google Play のプラットフォームにアクセスして高品質なコンテンツやサービスを毎月探している 2 億人以上のユーザーにアプローチし、共感してもらえるようにすることです。Google Play ストア上に、より良い情報を掲載できれば、アプリやゲームユーザーを獲得するうえで、大きなメリットになります。

ストア掲載情報に関連するツールや機能を最大限に活用していただけるよう、Google Play アカデミーに新たに導入するストア掲載情報認定制度についてお知らせします。この認定制度は、Google Play でアプリやゲームを公開しており、ストア掲載情報の改善方法を学びたい方と、求められるモバイル マーケティングのスキルを身につけようとしている向上心のあるアプリやゲームのデベロッパーの両方を対象としています。トレーニングと試験の対象は以下のとおりです。

  • ストア掲載情報の作成におけるモバイル マーケティング担当者の役割
  • 避けるべき一般的なストア掲載情報のポリシー違反
  • ストア掲載情報アセットでストーリーを伝える方法
  • アプリを成長させるために役立つツール
  • 世界中のユーザーに向けたマーケティングの方法

 

内容

トレーニングと認定試験の詳細はこちらの動画をご覧ください

 

認定を受けるために、Google Play アカデミーのオンライン トレーニングを受講し、アプリやゲームのストーリーを最適な形で伝えるベスト プラクティスを学ぶことができます。ポリシーに準拠した質の高いストア掲載情報を通して成長させるための重要なスキルを学ぶことができます。トレーニングを受講した後に、試験を受験すると有用な認定を得ることができます。また、Google 認定デベロッパーのネットワークである Google Developer Certification Directory にも招待されます。

 

女性向けヘルスケアの刷新したヘルスケア分野のスタートアップ企業である InovCares を創業した Mohamed Kamara さんは、Google Play アカデミーでアプリストアの掲載情報のベスト プラクティスを学びました。

Google Play でアプリのストーリーを伝えるうえで Google Play アカデミーのトレーニングがどう役立ったかを、Mohamed さんが説明しています

 

 

認定を受けましょう

トレーニングをスタートし、認定を受けましょう。ぜひお楽しみください!


Reviewed by Tamao Imura - Developer Marketing Manager, Google Play


この記事は Jeremy Walker による Android Developers Blog の記事 " Watch out for Wear OS at Android Dev Summit 2021 " を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。


この記事は Jeremy Walker による Android Developers Blog の記事 " Watch out for Wear OS at Android Dev Summit 2021 " を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。


今年の Android Dev Summit (英語) では、Wear OS プラットフォームのいくつかの主要なアップデートなど、Android デベロッパー期待のお知らせがたくさんありました。Google I/O では、新しい Wear OS のリリースを発表しました。その後、Galaxy Watch4 シリーズに Wear OS Powered by Samsung が搭載されました。Strava、Spotify、Calm などの多くのデベロッパーが、既に最新バージョンの Wear OS 向けに便利なエクスペリエンスを作成しています。今後、デベロッパーの皆さんがスマートウォッチにどんな新しいエクスペリエンスをもたらしてくれるのか、とても楽しみです。詳細な情報を入手してスマートウォッチ向けの優れたアプリを作成したい方は、このままお読みください。API やデザインツール、Google Play ストアのアップデートについて説明します。

 

Compose for Wear OS

Jetpack Compose ライブラリを使うと、短時間で簡単に UI を開発できます。(英語) そして今回 Wear OS に Compose のサポートを追加します。皆さんは、スマートウォッチ向けになったおなじみの UI コンポーネントを使ってアプリをデザインできます。こういったコンポーネントには Material You が含まれているので、少ないコードで美しいアプリを作成できます。

 

Compose for Wear OS は、現在デベロッパー プレビュー段階です。詳しく知りたい方や試してみたい方は、以下を参考にしてください。

 

お試しいただき、こちらでフィードバックを共有、もしくは、Jetbrains Slack の #compose-wear チャンネルに参加して感想をお聞かせください。ベータ版で API が確定する前にお願いします!

 

 

Watch Face Studio

ウォッチフェイスは、ユーザーがスマートウォッチで自分を表現する方法の中でも、特に特徴的なものものの 1 つです。ウォッチフェイスを作成すると、Wear OS のユーザーに皆さんのブランドをアピールできます。私たちは Samsung と連携し、ウォッチフェイス作成のツールを改善して、Wear OS エコシステムでのウォッチフェイスのデザインを簡単にしました。

 

Samsung が作成したデザインツール Watch Face Studio (英語) を使うと、コーディングなしで独自のウォッチフェイスを作成、配布できます。直感的なグラフィックス ツールが搭載されているので、簡単にウォッチフェイスをデザインできます。個人で使うためのウォッチフェイスを作ることも、Google Play Console にアップロードして API レベル 28 以上をサポートする Wear OS デバイスのユーザーと共有することもできます。

 

 

ライブラリのアップデート

先日、たくさんの Android Jetpack Wear OS ライブラリ (英語) をリリースしました。これらは、ベスト プラクティスに従い、ボイラープレートを減らし、ユーザーが一目でわかる高パフォーマンスなアプリを作るうえで役立ちます。

 

現在、タイルはマーケットのほとんどのデバイスで有効で、予測どおりに動作し、一目で情報にアクセスしたりクイック アクションに使用したりできます。API は現在ベータ版です。ぜひお試しください!(英語) 

 

ウォッチフェイスを(Watch Face Studio 以外の方法で)もっと細かく調整したいデベロッパーの皆さんのために、ゼロから Kotlin で開発した新しい Jetpack Watch Face API のベータ版をリリースしました。

 

新しい API では、たくさんの新機能が提供されます。

 

  • スマートウォッチとスマートフォンの両方でウォッチフェイスのスタイル設定を永続化(自分でデータベースを用意する必要はありません)
  • スマートフォンで WYSIWYG 式のウォッチフェイス設定 UI をサポート
  • 小さな個別のライブラリ(必要なもののみが含まれる)
  • バッテリー残量が少ない場合にインタラクティブ フレームレートを減らすなど、優れたバッテリー使用量パターンをすぐに活用できるバッテリー関係の処理の改善
  • ユーザーがウォッチフェイスの変更をリアルタイムで確認できるようにする新しい Screenshot API
  • その他多数

今こそ古い Watch Face Support Library から今回の新バージョンに移行を始める絶好のチャンスです。

 

 

Google Play ストアのアップデート

Google Play ストアで、皆さんの Wear OS アプリを見つけやすくする取り組みも進めています。今年は既にウォッチフェイスを検索できるようにしたほか、ユーザーが Wear カテゴリのアプリを簡単に探せるようにもしました。さらに、スマートフォンの Google Play ストアから直接アプリをスマートウォッチにダウンロードする機能もリリースしました。この変更点の詳細は、こちら (英語) からご確認いただけます。

 

また、皆さんがユーザーの期待に応えることができるように、Wear OS 品質ガイドラインの更新版 (英語) も公開しました。合わせて、ユーザーがアプリの外見を深く理解できるように、新しいスクリーンショット ガイドライン (英語) も公開しています。2022 年には、フォーム ファクタと国に固有の評価を導入し、アプリがどのようなデバイスや国で利用され、どのように動作しているかを深く理解できるようにする予定です。

 

Wear OS の開発に関する詳しい情報は、デベロッパー ウェブサイト (英語)をご覧ください。


Reviewed by Tamao Imura - Developer Marketing Manager, Google Play

この記事は Jeremy Walker による Android Developers Blog の記事 " Compose for Wear OS now in Developer Preview! " を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。

この記事は Jeremy Walker による Android Developers Blog の記事 " Compose for Wear OS now in Developer Preview! " を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。

今年の Google I/O では、Jetpack Compose の最高の機能を Wear OS に導入することを発表しました。そして本日、好評だった数々のアルファ版リリースを経て、Compose for Wear OS がデベロッパー プレビュー版になりました。

 

Compose を使うと、UI 開発がシンプルになり、時間も短縮できます。Material You をビルトインでサポートした Compose for Wear OS も同様で、少ないコードで美しいアプリを作成できます。

 

さらに、Jetpack Compose で学んだモバイルアプリの開発手法は、Wear OS 版でもそのまま利用できます。モバイル版と同じように、ぜひ早速試してみてください。ベータ版のリリース前に、ライブラリの反復作業の早い段階で、皆さんのフィードバックを組み込みたいと考えています。

 

この記事では、私たちが作成した主な Composable を確認するとともに、実際に利用する際に役立つリソースをお知らせします。

 

それでは始めましょう。

 

 

依存関係

Wear 関連の変更の大半は、アーキテクチャ レイヤーの上層部で行われます。

つまり、Jetpack Compose で既に使っている多くの依存関係は、Wear OS をターゲットにしても変更する必要はないということです。たとえば、UI、Runtime、Compiler、Animation の依存関係は同じです。

 

ただし、Wear OS の適切な Material、Navigation、Foundation ライブラリを使う必要があります。これらは、モバイルアプリで使っていたライブラリとは異なります。

 

その違いを明らかにするため、次に比較表を示します。

Wear OS の依存関係

(androidx.wear.*)

関係

モバイルの依存関係

(androidx.*)

androidx.wear.compose:compose-material

置換

androidx.compose.material:material

androidx.wear.compose:compose-navigation

置換

androidx.navigation:navigation-compose

androidx.wear.compose:compose-foundation

追加

androidx.compose.foundation:foundation

1.マテリアル リップルやマテリアル アイコンなどの他のマテリアル関連のライブラリは、Wear Compose Material ライブラリで拡張されているので、今後も使い続けることができます。

 

厳密には、Wear OS でモバイルの依存関係を使うことも可能ですが、最適な操作ができるように、Wear 専用のバージョンを使うことを常にお勧めしています。


注: 今後のリリースで、Wear 用の Composable をさらに追加する予定です。足りないものがあると感じた方は、ぜひお知らせください


 

次に示すのは、build.gradle ファイルの例です。

 

// Example project in app/build.gradle file

dependencies {

    // Standard Compose dependencies...

 

    // Wear specific Compose Dependencies

    // Developer Preview starts with Alpha 07, with new releases coming soon.

    def wear_version = "1.0.0-alpha07"

    implementation "androidx.wear.compose:compose-material:$wear_version"

    implementation "androidx.wear.compose:compose-foundation:$wear_version"

 

    // For navigation within your app...

    implementation "androidx.wear.compose:compose-navigation:$wear_version"

 

    // Other dependencies...

}

 

適切な Wear の Material、Foundation、Navigation の依存関係を追加すれば、開発の準備が整います。

 

 

Composable

すぐに使い始めることができる Composable をいくつか紹介しましょう。

 

原則として、多くの Wear の Composable はモバイル版と同等で、同じコードで利用できます。MaterialTheme (英語) で色、タイポグラフィ、形状のスタイルを設定するコードも、モバイル版と同一です。

 

たとえば、Wear OS でボタンを作るコードは次のようになります。

 

Button(

    modifier = Modifier.size(ButtonDefaults.LargeButtonSize),

    onClick = { /*...*/ },

    enabled = enabledState

) {

    Icon(

        painter = painterResource(id = R.drawable.ic_airplane),

        contentDescription = "phone",

        modifier = Modifier

            .size(24.dp)

            .wrapContentSize(align = Alignment.Center),

    )

}

上のコードは、モバイル版ととてもよく似ています。ただし、作成されるのは、Wear OS に最適化されたバージョンのボタンです。つまり、Wear OS マテリアル ガイドラインに沿うため、円形で ButtonDefaults (英語) によってサイズが決まるボタンになります。


次に示すのは、ライブラリに含まれるいくつかの Composable の例です。

*以下のリンクは全て英語です。

 

 

加えて、Wear の操作性を改善できる新しい Composable もたくさん導入しています。

  

さらに、Wear に最適化されたリスト用の Composable として、ScalingLazyColumn (英語)  も提供します。これは LazyColumn を拡張したもので、丸いウォッチフェイスに合うように、スケーリングや透明度が変更されています。下のアプリでは、画面の上下の部分でコンテンツが縮んだりフェードしたりして、読みやすくなっていることがわかります。



コードを見ると、LazyColumn と同じであることがわかります。ただ名前が違うだけです。

 

val scalingLazyListState: ScalingLazyListState = 

    rememberScalingLazyListState()

 

ScalingLazyColumn(

    modifier = Modifier.fillMaxSize(),

    verticalArrangement = Arrangement.spacedBy(6.dp),

    state = scalingLazyListState,

) {

    items(messageList.size) { message ->

        Card(/*...*/) { /*...*/ }

    }

 

    item {

        Card(/*...*/) { /*...*/ }

    }

}

 

スワイプして消す

Wear には専用のバージョンの Box である SwipeToDismissBox (英語) が搭載されています。これにより、スワイプして消す操作(モバイルの戻るボタンや戻るジェスチャーと同じ)が追加され、すぐに使うことができます。

 

次に示すのは、簡単なコードの例です。

 

// Requires state (different from Box).

val state = rememberSwipeToDismissBoxState()

 

SwipeToDismissBox(

    modifier = Modifier.fillMaxSize(),

    state = state

) { swipeBackgroundScreen ->

 

    // Can render a different composable in the background during swipe.

    if (swipeBackgroundScreen) {

        /* ... */

        Text(text = "Swiping Back Content")

    } else {

        /* ... */

        Text( text = "Main Content")

    }

}

 

次に示すのは、もう少し複雑な動作の例です。

 

Navigation

ついに、Navigation Composable の SwipeDismissableNavHost(英語) が提供されます。これは、モバイル版の NavHost と同じように動作しますが、スワイプして消す操作がすぐに使えるようになっています(実際には、内部的に SwipeToDismissBox (英語) が使われています)。

 

次に例を示します(コード)。

 

Scaffold

Scaffold(英語) は、モバイル版と同じように、画面によく使われるパターンを適用する際に役立つレイアウト構造を提供します。ただし、アプリバー、FAB、ドロワーの代わりに、Time、Vignette、スクロールと位置のインジケーターなどのトップレベルのコンポーネントを含む Wear 専用のレイアウトがサポートされます。

*以下のリンクは全て英語です。

コードは、モバイル版とほとんど同じです。

 

スタートガイド

Jetpack Compose を Wear OS に導入し、時計での開発が迅速かつ簡単になるのがとても楽しみです。早速アプリを作ってみたい方は、クイック スタートガイド (英語)をご覧ください。実際に動作する例(簡単なものから複雑なものまで)を見てみたい方は、サンプル リポジトリをご覧ください。

デベロッパー プレビューは、API に皆さんの要望を反映させるチャンスです。ぜひ、こちらからフィードバックを共有するか、Slack の #compose-wear チャンネルに参加して (英語)お知らせください!


Reviewed by Tamao Imura - Developer Marketing Manager, Google Play