Twitter は最も広く使用されているソーシャル メディア プラットフォームの 1 つで、ユーザーはここで世界の出来事をいつでも確認できます。エンジニアリング チームは、デザイン システムをモダナイズするために Jetpack Compose の使用を開始しました。
Eyecon の取り組み
Twitter アプリの UI コンポーネントとテーマ設定システムは約 10 年前に開発され、メンテナンスに多大な労力を必要とするレガシー コンポーネントで構成されていたため、エンジニアリング チームは、使いやすくメンテナンスが簡単で、実装、拡張、カスタマイズが直感的で、ステートレスな UI コンポーネントを備えたスケーラブルなデザイン システムを新たに構築したいと考え、Compose を使用することにしました。
チームは、内部デザイン システムを通じて、以前のセットアップに依存しない新しい画面に Compose を導入することで、コンポーネントごとの置き換えを開始しました。
結果
Compose は、デベロッパーのベロシティ、デベロッパーの満足度、UI コード/コンポーネントの保守性を向上させるという同社の目標に対して、確固たる答えを示しました。Compose を使い始めると、Twitter のエンジニアは「一言で言えば、信じられないほど素晴らしい。社内ではこれを Android UI 2.0 と呼んでいますが、以前のビューシステムを掘り下げて調べることが非常に困難になります。おかげで、Compose で特に開発した機能の効率と速度が向上しました。」
開発とテストのスピードが向上しました。「Compose で採用した デザイン変更のターンアラウンドは、以前よりもはるかに速くなりました。さらに、プロダクトの変更の中でも非常に大規模なテストを行っており、Compose と Kotlin で記述することで、この取り組みをより迅速かつ迅速に実施できます。」
記述したコードは、より直感的であるだけでなく、記述が速く、読みやすくなっています。「さらに、テーマ設定レイヤは非常に直感的で読みやすくなりました。また、複数のレイヤ化されたテーマ オーバーレイを介して属性の定義と割り当てを行う複数の XML ファイルに拡張する処理を、1 つの Kotlin ファイル内で行うことができました。Compose のコンテキスト内にテーマ構造全体を再実装するのに、数日から数週間しかかかりませんでした。以前のテーマシステムよりもはるかに堅牢で直感的であることがすでに証明されています。」
始める
Compose の詳細を確認する。