Compose 向け AI

Android Studio の Gemini を使用して、Jetpack Compose でより迅速で優れた開発を実現します。

Gemini を使用したコンポーズ プレビューの生成

Compose プレビューは、Android Studio で設計時にコンポーザブルを可視化するための強力なツールですが、プレビュー パラメータのモックデータを手動で設定するのは時間がかかります。Android Studio の Gemini には、この問題を解決する機能(Compose プレビューの自動生成)が含まれています。

このツールには、次の 2 つの方法でアクセスできます。

  • コンテキスト メニュー任意の Compose 内で右クリックし、[Gemini] > [Compose プレビューを生成] または [このファイルの Compose プレビューを生成] に移動します。

コンテキスト メニューからの作成プレビューの生成

  • 空のプレビュー パネル。空のプレビュー パネルで、指定されたリンクをクリックします。

プレビュー パネルからの作成プレビューの生成

この機能では、Gemini が提案した Compose プレビュー コードを含む差分ビューが表示されます。変更をそのまま受け入れることも、編集することも、提案をすべて拒否することもできます。Gemini のコードは常に完璧であるとは限りません。ただし、開発ワークフローを加速するための貴重な出発点となるはずです。

画像アタッチメントで UI 開発を高速化する

Android Studio で Gemini への質問に画像を添付すると、アプリのアーキテクチャをより深く理解し、UI 開発プロセスを加速できます。

画像をプロンプトに添付するには、[画像ファイルを添付] 画像ファイルを添付アイコン をクリックして画像をアップロードします。

Gemini は画像の処理にも役立ちます。その方法をいくつかご紹介します。

  • 目的の UI のモックアップがある場合は、Gemini がその UI を作成するコードを提供できます。ここでは、Now in Android アプリのスクリーンショットを Gemini に表示し、作成用の Compose コードを提供するよう依頼しています。

  • アプリの構成方法を知りたい場合は、Gemini で UI のコンポーネントの動作を説明できます。ここでは、別の Android の「今」のスクリーンショットの背後にあるコンポーザブルとデータフローを Gemini に説明してもらいました。