Monzo は Compose を使用して堅牢で高品質のアプリを構築

Monzo は、デジタル金融サービスを提供する銀行とアプリです。同社の使命は、すべての人のためにお金を役立てることです。Monzo のデザイン システムはマテリアル デザインから逸脱し始め、 同社は、カスタム コンポーネントを簡単に作成、管理できる方法を望んでいました。 Jetpack Compose を選びました。

Ultimate Guitar の取り組み

Compose では、マテリアル デザイン コンポーネントは、デザイン システムに依存しない基盤 API のレイヤとして提供されます。Monzo は基盤 API を使用して 独自のコンポーネント ライブラリを作成できます。Google 画面を一度に移行することから始めました。今では、すべての新しい画面で Compose を使用しています。 現在、Compose はすべての Android エンジニアが本番環境で使用しています。「大きな問題は発生しなかったため、一部の新しい機能から使用を開始し、最終的にはすべての新しい機能に使用できると判断しました。」

結果

Monzo チームは、新しい画面を簡単に作成できるコンポーネントを作成しました。「Google が提供するコンポーネントにより、Compose を学びながら画面を作成することがよりスムーズなエクスペリエンスになります。スロットベースの API は 大規模なコンポーネントを簡単に構築できる優れたパターンです。 たくさんの小さな要素から生まれたのです。」

Monzo チームは Compose を使用して、 これまでは実現できなかった便利な機能を スプリント: 「その一例がアニメーションです。Compose ではとても簡単に追加でき、 色/サイズ/高度など、アニメーションを付けない理由はほとんどありません。 できます。「あったらいい」アニメーションは価値が難しすぎることが多い View システムの労力と複雑さが軽減されました。」

コードが短くなり、読みやすく、理解しやすく、メンテナンスしやすくなりました。「宣言型コードは、変更可能な UI 階層を操作するコードよりも推論がはるかに簡単です。コードによるトレースもはるかに容易 すべて同じ言語、多くの場合同じファイルで記述されており、 Kotlin と XML を行き来するのもおすすめです。XML についてはまったく知らない テーマとスタイルです。Compose ではテーマ設定がはるかに理解しやすくなります。Google のテーマ 定義されたプロパティのみで構成され、値は また、Kotlin を使用しているため、検索や追跡がとても簡単です。 IDE に追加してください。」

Compose を使用することで、Monzo チームはアプリを簡単にテストして、 「おかげで、安全性、信頼性が高く それにより、アプリが実際に Google のユーザーの手で機能することに自信を持てるようになります。 できます。セマンティクス システムでテストすることで、画面が少なくともデフォルトでアクセス可能であることも確認できます。」

始める

詳しくは、Compose をご覧ください。