技術に関する意思決定者: チームに Compose を導入する
Jetpack Compose は、Android アプリの開発を加速する宣言型 UI ツールキットです。デベロッパーの生産性を高め、よくあるバグをなくすのに役立ち、直感的なアプリ設計が可能になります。
Android では、Google 社員を含む多くのデベロッパーが愛用する Jetpack Compose の継続的な開発に投資しています。Play ストアを含む複数の Google チームが Jetpack Compose を使用しています。
ご利用方法
ツールを導入する際のおすすめの方法は、チームとして学習することと、チームの学習の取り組みを推進する先導者を指名することです。先導者はチームリードの役割を果たし、他のチームメンバーが専門知識を身に付けることを支援します。開始するためのその他のリソースを次に示します。
ガイド
Kotlin から始める
Compose では、Kotlin 言語の数多くのメリットを活用しています。いきなり Compose を導入する前に、Kotlin への移行から始めることをおすすめします。
ガイド
宣言型アプローチに移行する
業界は Jetpack Compose などの宣言型 UI フレームワークに移行しつつあります。Jetpack Compose を使用すると、よくあるバグがなくなり、アニメーションの追加が簡単になります。
Compose を統合するための 3 つのアプローチ
Compose は Android のビューシステムと完全に相互運用可能であるため、アプリを完全に書き換えなくても Compose のメリットを享受できます。これにより、既存のリソースを活用でき、既存のアプリに Compose を柔軟に追加できます。検討すべき一般的なアプローチは 3 つあります。
Compose で新機能を作成する。
最も一般的なアプローチは、最初から Compose で新機能を作成することです。Compose を使用すると、ボタンのような UI の最小要素も含めて新しい画面を作成できるので、このアプローチには高度な柔軟性があります。Twitter は、このアプローチを採用してコミュニティ機能を開発しました。
シンプルな画面を置き換える。
Compose のメリットを活用する簡単な方法は、アプリのいくつかのシンプルな画面を移行の出発点として選択することです。これは、Monzo が Compose を導入したときに採用したアプローチです。
UI を再設計する。
アプリの UI の大幅な再設計を計画している場合は、Compose で UI を完全に更新するアプローチが合理的です。一般的には、Compose で UI コンポーネントを構築し、それらのコンポーネントから画面を作成します。メルカリのチームはこのアプローチを採用しました。
機能にフォーカスする
わずか数行のコードでアニメーション化する
Compose は、線形アニメーション、トゥイーン アニメーション、カスタム キーフレームを使用したアニメーションに加えて、ダイナミックなスプリング アニメーションもサポートしています。
Android Studio でプレビューする
コンポーザブルについては、サイズ、ロケール、ライトモード / ダークモードなどのプロパティを作業中に設定してレビューできます。
変更をリアルタイムで確認する
ライブ編集を使用すると、アプリを再ビルドしなくても、コンポーザブルに加えた変更をエミュレータまたはデバイスですぐに確認できます。
セマンティクスを使用してテストする
Compose では UI を関数で定義するので、同じ API を使用して画面をボタンレベルまでテストできます。アプリに重要なアップデートを確実に適用し、機能が引き続き動作するかどうかをテストします。