第4回|Googleアカウント連携とGemini設定方法[AI]


⚙️ 準備と環境設定

Android Studio Otter 2025.2.1 で開発を進めるには、Googleアカウントとの連携が必須です。これにより、FirebaseやGoogle Cloudとの統合、Gemini AI支援の有効化、各種クラウドAPIの利用が可能になります。今回は、Googleアカウントのログイン手順とGeminiの初期設定を丁寧に解説します。

Android Studio Otter
Android Studio Otter

1. Googleアカウントでログインする

Android Studio Otter の起動後、右上のアバターアイコンをクリックし「Sign in with Google」を選択します。ブラウザが開き、Googleアカウントの認証画面が表示されます。

  • アカウントを選択または新規作成
  • 必要な権限(メール、ドライブ、クラウドAPIアクセス)を許可
  • 認証が完了すると、IDE内でアカウント名が表示されます

このログインにより、Firebase Assistant、Google Cloud API、Gemini AI との連携が自動的に有効化されます。


🤖 Geminiによる支援の使い方

2. Geminiの初期設定と有効化

Googleアカウントログイン後、Geminiを有効化します。手順は以下の通りです:

  1. メニューから Tools → Gemini → Enable Gemini を選択
  2. 初回起動時に表示されるウィザードで、AI支援レベルを選択(Basic / Pro / Enterprise)
  3. 利用可能なAIプランと制限(生成回数やサンプルコード数)を確認
  4. 「Finish」をクリックしてGeminiを起動

これにより、コード補完、コード生成、UI自動生成、コメント生成などの機能が利用可能になります。

3. Geminiによるコード補完の例

Geminiを有効化した状態で、KotlinのComposeコードを編集すると、以下のようにAIによる提案が表示されます:

@Composable
fun Greeting(name: String) {
    Text(text = "Hello, $name!")
}

// Gemini提案例
// - colorを変更してMaterialThemeに沿ったデザインにする
// - Modifier.padding()を追加して余白を調整

上記のように、Geminiはコード補完だけでなく、ベストプラクティスに沿った改善案も表示してくれるため、初心者でも効率的に高品質なコードを書けます。


💡 Kotlinでの実装例

Geminiを活用したシンプルなCompose画面例です:

import androidx.compose.material3.*
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import androidx.compose.ui.tooling.preview.Preview

@Composable
fun WelcomeScreen(userName: String) {
    Text(
        text = "Welcome, $userName!",
        modifier = Modifier.padding(16.dp),
        style = MaterialTheme.typography.titleLarge
    )
}

@Preview(showBackground = true)
@Composable
fun PreviewWelcomeScreen() {
    WelcomeScreen(userName = "Otter User")
}

このコード解説:

  • Modifier.padding(16.dp):テキスト周囲の余白を設定
  • MaterialTheme.typography.titleLarge:Material3デザインに沿った文字サイズ
  • @Preview:IDEで即座に画面確認可能
  • Gemini提案を活用すると、UI改善やアクセシビリティ向上のヒントが表示されます

🧩 FirebaseやCloudとの連携ヒント

Googleアカウント連携により、Firebase Assistantからプロジェクトにログイン機能やStorage機能を簡単に追加できます。Geminiと組み合わせることで、サンプルコードの生成や認証処理の自動生成も可能です。初期設定手順としては:

  • Tools → Firebase → Authentication を開く
  • Sign-in Method で Google を有効化
  • Geminiのコード生成で、Compose用のログイン画面を自動生成

これにより、初心者でも数分でGoogleログイン機能を組み込むことができます。


📘 まとめ

第4回では、Googleアカウントのログイン手順、Geminiの有効化、プランや制限の確認方法、AIによるコード補完・改善提案、Compose画面への活用例、Firebaseとの簡単連携方法を解説しました。これにより、Android Studio OtterでのAI支援開発をスムーズに始める準備が整います。


🤖Android開発(Otter)[AI]Android Studio Otter × Gemini × Firebase × Google Cloud 開発支援ブログ一覧 Android Studio Otter 🩵【第1部】導入編:Android Studio Otterの準備と基本操作(1〜5回) ・ 第1回|A…
続きを読む
 zesys.net
🤖Android開発(Otter)[AI]


「※本ブログはこの一文以外は、AIによる記載です。内容にウソが含まれている可能性がありますので、ご注意ください。写真もAIで作成しています。」

広告

迷子探偵やもやも [AI]

探偵はいつも迷子ですw

シェアする