Compose 向け AI

Android Studio で Gemini を使用すると、Jetpack Compose でより迅速かつ適切に開発できるようになります。

Gemini を使用した Compose プレビューの生成

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

このツールにアクセスするには、次の 2 つの方法があります。

  • コンテキスト メニュー。任意のコンポーザブル内で右クリックして、[Gemini] > [Generate Compose Preview] または [Generate Compose Preview for this file] に移動します。

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

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

    プレビュー パネルで Compose プレビューを生成する

この機能は、Gemini が提案する Compose プレビュー コードの差分ビューを提示します。変更をそのまま承認することも、編集することも、提案を完全に拒否することもできます。Gemini のコードは必ずしも完璧とは限りませんが、開発ワークフローを加速するための貴重な出発点となります。

画像を添付して UI 開発を高速化

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

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

Gemini で画像を処理する方法をいくつかご紹介します。

  • 希望の UI のモックアップがある場合、Gemini ではそれを作成するコードを提供できます。ここでは、Gemini に Now in Android アプリのスクリーンショットを表示し、アプリを作成するための Compose コードを提供するよう求めました。

  • アプリがどのように構築されているかを知りたい場合、Gemini は UI の仕組みを構成要素の観点から説明できます。ここでは、Now in Android のスクリーンショットの背後にあるコンポーザブルとデータフローを Gemini に説明してもらいます。