Gemini in Android Studio のクエリに画像を添付すると、アプリのアーキテクチャをより深く理解し、UI 開発プロセスを加速させることができます。
プロンプトに画像を添付するには、[画像ファイルを添付]
をクリックして画像をアップロードします。
Gemini は、画像に関して次のようなサポートを提供します。
希望する UI のモックアップがある場合、Gemini はその UI を作成するコードを提供できます。たとえば、 Now in Android アプリのスクリーンショットを Gemini に提供すると、そのアプリを 作成する Compose コードが提供されます。この例は、アプリのフィードのスクリーンショット（左）と、その UI 用に Gemini が生成した Jetpack Compose コード（右）を示しています。詳しくは、 画像の添付ファイルを使用して UI を生成するをご覧ください。
Gemini は、Now in Android アプリの UI スクリーンショットから Jetpack Compose コードを生成します。 アプリの構成方法を知りたい場合は、Gemini が UI の仕組みをコンポーネント単位で説明します。たとえば、別の Now in Android のスクリーンショットの背後にあるコンポーザブルとデータフローについて Gemini に説明をリクエストできます。左の画像はニュース アイテムを含む詳細画面を示しており、右の画像は Gemini がその画面の Compose 構造とデータフローについて説明したものです。
Gemini は、特定のアプリ画面の UI 構成とデータフローを説明します。 アプリのアーキテクチャ図がある場合、Gemini はその図に基づいてアプリを作成するコードを提案し、フルスタック開発アシスタントとして機能します。 Gemini は、図の文書化やアプリの構成の説明にも役立ちます。これは、チームメンバーがレビューする設計ドキュメントを作成する際に役立ちます。 たとえば、次の画像は、UI、ViewModel、リポジトリ、データソースなどのさまざまなアプリ コンポーネント間のデータフローを示す簡略化されたアーキテクチャ図を示しています。
Gemini は、アプリのアーキテクチャ図からコードとドキュメントを生成できます。 UI のバグに気づいたら、スクリーンショットを撮って Gemini に解決策のブレインストーミングをリクエストします。エラーが発生している領域を囲むことで、問題点を指摘できます。次の例は、モバイルアプリのスクリーンショットで、位置がずれている UI 要素が赤い円でハイライト表示されています。
Gemini は、スクリーンショットから UI バグの解決策をブレインストーミングするのに役立ちます。