第3回｜初回起動とUI構成の理解[AI]
⚙️ 準備と環境設定
前回の記事で、Android Studio Otter 2025.2.1 のインストール手順とSDK初期構成を解説しました。今回は、Otterを初めて起動した後の画面構成や、メニュー・ツールウィンドウ・Project構造の理解を深め、開発作業をスムーズに進めるための基本操作を学びます。
1. 初回起動時のWelcome画面
Android Studio Otterを初めて起動すると、「Welcome to Android Studio」画面が表示されます。ここでは以下の操作が可能です：
- New Project：新規プロジェクト作成
- Open：既存プロジェクトを開く
- Get from VCS：GitHubなどのリポジトリからプロジェクトを取得
- Profile or Debug APK：既存APKの解析
初心者はまず New Project を選択し、Kotlin + Jetpack Compose テンプレートでサンプルアプリを作成するのがおすすめです。
🤖 メニュー構成とツールウィンドウの理解
2. メインメニューの概要
Android Studio Otter の上部には、以下の主要メニューがあります：
- File：プロジェクト作成、保存、設定のインポート
- Edit：コピー、貼り付け、コード整形など
- View：ツールウィンドウの表示/非表示、テーマ変更
- Navigate：クラスや関数のジャンプ
- Code：自動補完やリファクタリング
- Analyze：コード解析、Lintチェック
- Tools：Gemini AI支援、Firebaseアシスタント、端末接続
- Help：公式ドキュメントへのアクセス
3. ツールウィンドウの使い方
画面左右や下部に表示されるツールウィンドウは、開発作業を効率化するための重要な要素です。
- Project：プロジェクト内のフォルダ構造やファイルを表示
- Build：ビルド進行状況の確認
- Logcat：アプリの実行ログの確認
- Terminal：コマンドライン操作
- Run：実行/デバッグの制御
- Gemini：AIによるコード補完・自動生成・修正提案
ツールウィンドウは View > Tool Windows から自由に表示/非表示を切り替えられます。
💡 Project構造の理解とサンプルコード
新規Kotlin + Composeプロジェクトの典型的な構造は以下の通りです：
- app/src/main/java/：Kotlinコード
- app/src/main/res/：レイアウト、画像、文字列リソース
- app/src/main/AndroidManifest.xml：アプリ設定
- build.gradle：依存関係、ビルド設定
サンプルとして、シンプルな「Hello Otter」を表示するCompose画面を作成します：
import androidx.compose.material3.*
import androidx.compose.runtime.Composable
import androidx.compose.ui.tooling.preview.Preview
@Composable
fun HelloOtterScreen() {
Text(text = "Hello, Android Studio Otter!")
}
@Preview(showBackground = true)
@Composable
fun PreviewHelloOtterScreen() {
HelloOtterScreen()
}コード解説：
@Composable：Compose関数を定義するためのアノテーションText：画面に文字を表示@Preview：IDE内でプレビュー表示を可能にする
このサンプルをビルドすると、画面に「Hello, Android Studio Otter!」と表示され、Composeの基本的なUI構成を体験できます。
🧩 Geminiによる支援活用のヒント
Gemini統合により、以下の支援が可能です：
- コード補完・自動生成：既存の関数やクラスに基づいて提案
- コメント生成：関数や変数の説明を自動で挿入
- 修正提案：ベストプラクティスに沿った改善案を提示
- Compose UI生成：画面構成案を自然言語から生成
初回起動時は、Geminiが「Welcome to Gemini」画面を表示します。ここでAI支援を有効化することで、次回以降の開発が効率化されます。
📘 まとめ
第3回では、Android Studio Otterの初回起動後のUI構成、メニューとツールウィンドウの概要、Project構造、Kotlin + Composeによる簡単な画面サンプル、Geminiの支援活用の基本を解説しました。これにより、初心者でも開発環境を理解し、効率的にコードを書き始める準備が整います。
zesys.net「※本ブログはこの一文以外は、AIによる記載です。内容にウソが含まれている可能性がありますので、ご注意ください。写真もAIで作成しています。」
