banner

ブログ

Jun 17, 2023

Google、Android UIの作成を変革し加速するRelayを開始

InfoQ ホームページ ニュース Google、Android UIの作成を変革し加速するRelayを開始

2022 年 11 月 16 日 2 分で読む

による

セルジオ・デ・シモーネ

最近アルファ版でリリースされた Relay は、UI 仕様の必要性を排除することで、UI デザイナーと UI 開発者が協力して Android UI コンポーネントを作成する方法を根本的に変革することを目的とした、デザインからコードまでのソリューションです。

Relay を使用すると、デザイナーは Figma で UI コンポーネントを作成し、それを Android Studio にエクスポート/インポートして、ピクセル完璧な Compose コードを生成できます。 これは、Relay for Figma プラグイン、Relay for Android Studio プラグイン、および Relay Gradle プラグインの 3 つのプラグインで構成されます。

デザイナーは Relay for Figma プラグインを使用して、レイアウト、スタイル、動的コンテンツ、インタラクション動作に関する情報など、開発者が使用する UI コンポーネントに注釈を付け、パッケージ化します。 これらの UI パッケージは、UI コンポーネントの共有モデルを提供し、デザイナーと開発者間のコラボレーションで交換および更新できます。

Google マテリアル デザインのシニア スタッフ デザイナーである Damon Seeley 氏によると、このソリューションにより、デザイナーと開発者の打ち合わせポイントとしてのデザイン仕様が不要になり、それらを巡るループが削減されるため、開発プロセスがスピードアップします。 これは、スタイルとテーマの両方を含む UI パッケージと、コード内に存在し、製品の進化に応じて Figma で直接更新できるコンポーネントへの参照を含む UI パッケージによって実現されます。

早期アクセス採用者からのフィードバックでは、チームが最初の UI を実装するまでの時間が 10 倍に短縮され、その後のイテレーションもより速くなったことが示されています。

UI パッケージの進化をより適切に処理するために、Relay は、実行時に提供される動的コンテンツを記述するパラメーターを定義する可能性を含め、コンポーネントのバージョン管理を明示的にサポートしています。

リレー コンポーネントには、対話ハンドラーに関連付けられた対話部分が含まれる場合があります。 これらのハンドラはコンポーネントのイニシャライザのパラメータに変換されるため、開発者はコンポーネントをインスタンス化するときにその実装を提供できます。

Relay for Figma プラグインを使用して、さまざまな状態やサイズのバリエーションであるデザイン バリアントを作成することもできます。 デザイン バリアントは、Android Studio にインポートされるときにコンポーネント バリアントに変換されます。

前述したように、Relay はまだアルファ品質にすぎないため、限られた数のレイヤー タイプと Figma 機能のみをサポートします。 Android Studio 2020.3.1 Arctic Fox 以降にインストールできます。

発表者: Sean Chittenden - エンジニアリング ディレクター

席を確保してください

InfoQ で執筆することで多くの扉が開かれ、キャリアの機会が増加しました私にとって。 専門家や思想的リーダーと深く関わり、自分が扱ったトピックについてさらに学ぶことができました。 また、学んだことをより広範なテクノロジー コミュニティに広め、テクノロジーが現実世界でどのように使用されているかを理解することもできます。

私は今年初めに InfoQ のコントリビューター プログラムを発見し、それ以来楽しんでいます。 ソフトウェア開発者のグローバル コミュニティと学習を共有するためのプラットフォームを提供してくれたことに加えて、InfoQ のピアツーピア レビュー システムのおかげで私の執筆力は大幅に向上しました。 。 ソフトウェアの専門知識を共有する場所を探している場合は、InfoQ への貢献を始めてください。

私はテクノロジーを最新の状態に保つ方法として InfoQ .NET キューのニュースを書き始めましたが、それ以上に多くのことを得ることができました。 知識豊富な人々に会い、世界的な知名度を得て、ライティングスキルを向上させました。

InfoQ の編集者になったことは、私のキャリアの中で最良の決断の 1 つでした 。 それは私に挑戦をもたらし、非常に多くの点で私を成長させてくれました 。 もっと多くの人に来てもらいたいです私たちのチームに参加してください

InfoQ はフルタイムの編集長を募集しています C4Media の国際的な、常にリモートのチームに参加します。 私たちと一緒に、現代の最も革新的なテクノロジーを取り上げ、世界で最も優秀なソフトウェア実践者と協力し、160 万を超える開発チームが新しいテクノロジーや実践を導入して、ソフトウェアとチームが提供できるものの限界を押し上げるのを支援してください。

毎週火曜日に送信される InfoQ の先週のコンテンツのまとめ。 250,000 人を超える上級開発者のコ​​ミュニティに参加してください。 例を見る

私たちはあなたのプライバシーを守ります。

コメントを投稿するには、InfoQ アカウントを登録するか、ログインする必要があります。 しかし、登録の背後にはさらに多くのことがあります。

InfoQ のエクスペリエンスを最大限に活用してください。

許可される HTML: a、b、br、blockquote、i、li、pre、u、ul、p

許可される HTML: a、b、br、blockquote、i、li、pre、u、ul、p

許可される HTML: a、b、br、blockquote、i、li、pre、u、ul、p

専門家のコミュニティに参加してください。 セルジオ・デ・シモーネは多くの扉を開き、キャリアのチャンスを増やしてくれました ヴィヴィアン・フー InfoQ のピアツーピアレビューシステムは私の文章力を大幅に向上させました オゲネブウェデ・エメニは世界的な知名度を獲得し、私のライティングスキルを向上させました エディン・カピッチ 私のキャリアにおける最良の決断は、私が多くの面で成長するのに役立ちました私たちのチームに参加する方法 Thomas Betts InfoQ 常勤編集長 InfoQ のエクスペリエンスを最大限に活用してください。
共有