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

Monzo は、デジタル金融サービスを提供する銀行兼アプリです。同社の使命はすべての人のために 収益を生むことですMonzo のデザイン システムはマテリアル デザインから逸脱し始めたため、絶えず進化するカスタム コンポーネントを簡単に作成、管理できる方法を求めていました。そこで Jetpack Compose を選択しました。

Eyecon の取り組み

Compose では、マテリアル デザイン コンポーネントは、設計システムに依存しない基盤 API の上にレイヤとして提供されます。Monzo は基盤 API を使用して独自のコンポーネント ライブラリを構築し、マテリアル コンポーネントを参照しました。まず画面を一度に移行し、今ではすべての新しい画面で Compose を使用しています。現在、Compose は本番環境で使用されており、Android エンジニア全員が次のようにしています。「大きな問題は発生しなかったので、自信を持って一部の新機能に使用し、最終的にはすべての新機能に Compose を使用できるようになりました。」

結果

Monzo のチームは、新しい画面を簡単に構築できるコンポーネントを作成しました。「すぐに使えるコンポーネントのおかげで、Compose の学習中に画面を作成できるようになり、非常にスムーズなエクスペリエンスが実現しますスロットベースの API は、たくさんの小さな構成要素から大きなコンポーネントを簡単に構築できる素晴らしいパターンです。」

Compose を使用することで、Monzo のチームは、これまでスプリントではできなかった魅力的な機能を追加して、高品質のアプリを作成することができました。「たとえばアニメーションは、Compose で簡単に追加でき、エレベーションの色やサイズを変更する必要はありません。このような「あると良い」アニメーションは、多くの場合、ビューシステムの労力と複雑さに見合うには難しすぎます。」

コードが短くなり、読みやすく、理解と保守が容易になりました。「宣言型コードは、変更可能な UI 階層を操作するコードよりもはるかに推論しやすくなります。また、Kotlin と XML を行き来するよりも、同じ言語で記述されていることが多く、同じファイルを使用することが多く、コード全体を確認するのも容易です。XML のテーマやスタイルは始めないでくださいCompose では、テーマ設定をよりわかりやすくなりました。テーマは、定義したプロパティのみで構成され、デバイス間で値が一貫しています。また、Kotlin であるため、IDE での検索と操作がとても簡単です。」

Compose を使用することで、Monzo のチームはアプリを簡単にテストし、アプリにアクセスできることを確認できました。脆弱性が少なく、信頼性の高いテストを作成し、アプリがユーザーの手で動作するという自信を得ることができました。セマンティクス システムを通じてテストすると、少なくともデフォルトで画面にアクセスできることが合理的に確認されます。」

始める

Compose の詳細を確認する。