Windows11でAndroidアプリ開発環境を構築

🛠 Windows Androidアプリ開発環境構築

VS Code + Git + Android Studio + Flutter

📌 インストールする順番

順番	ソフト	目的
1	WinGet	Windowsのソフトを管理
2	Visual Studio Code	プログラムを書く
3	Git	プログラムを管理
4	Android Studio	Android SDK・エミュレーター
5	Flutter	Androidアプリを開発

1 WinGetをインストール

Windowsのソフトウェアを簡単にインストール・管理するためのツールです。

① ダウンロード

WinGetをダウンロード

② インストール

ダウンロードした Microsoft.DesktopAppInstaller_8wekyb3d8bbwe を実行します。

確認： PowerShellを開いて winget と入力し、 バージョン情報が表示されればOKです。

2 Visual Studio Codeをインストール

Flutterアプリのプログラムを書くためのエディターです。

① ダウンロード

VS Code公式サイト

② インストール

ダウンロードした VSCodeUserSetup-x64 を実行します。

おすすめインストール先

C:\dev\Microsoft VS Code

③ 拡張機能

• Japanese Language Pack for Visual Studio Code
• Flutter
• GitLens
• Prettier
• Error Lens
• Material Icon Theme
• Markdown All in One
• Markdown PDF
• Markdown Preview Enhanced

3 Gitをインストール

プログラムの変更履歴を管理するために使用します。

① ダウンロード

Git公式サイト

② インストール

Git-2.55.0.3-64-bit を実行します。

基本的にはインストーラーの 初期設定のまま インストールして問題ありません。

4 Android Studioをインストール

Androidアプリ開発に必要な Android SDK・ADB・エミュレーター などを利用します。

① ダウンロード

Android Studio公式サイト

② インストール

Android Studioのインストーラーを実行します。

③ 必要なもの

• Android SDK
• Android SDK Platform
• Android SDK Build-Tools
• Android SDK Platform-Tools
• Android Emulator

④ Android Studioのプラグイン

• Android Drawable Importer
• ADB WiFi Connect
• Atom File Icons IDEA

注意： Flutter開発では、Android Studioは 主にAndroid SDK・エミュレーターなどの管理に使用し、 プログラム作成はVS Codeを中心に行うこともできます。

5 Flutterをインストール

FlutterはAndroidアプリを開発するためのフレームワークです。

① Flutter公式サイト

Flutter公式インストールページ

② インストール先

C:\dev\flutter

③ VS CodeからFlutterを設定

1. VS Codeを起動
2. Ctrl + Shift + Pを押す
3. 「Flutter」と入力
4. Flutter: New Projectを選択
5. Download SDKを選択
6. SDKの保存場所としてC:\dev\flutterを選択
7. Clone Flutterをクリック
8. ダウンロード完了まで待つ
9. Add SDK to PATHをクリック

ダウンロード中：

Downloading the Flutter SDK.
This may take a few minutes.

④ PATH設定

成功すると以下の通知が表示されます。

The Flutter SDK was added to your PATH

⑤ VS Codeを再起動

FlutterをPATHに追加したら、 すべてのターミナルを閉じる → VS Codeを終了 → VS Codeを再起動 してください。

✅ 環境構築を確認

① Flutterのバージョン確認

flutter --version

Flutterのバージョンが表示されればOKです。

② Flutter Doctorを実行

flutter doctor

Flutter開発環境に問題がないか確認します。

ポイント： flutter doctor を実行して、Android toolchainなどに問題がないか確認してください。

☑ 最終チェックリスト

• WinGetをインストール
• VS Codeをインストール
• Flutter拡張機能をインストール
• Gitをインストール
• Android Studioをインストール
• Android SDKを設定
• Android SDK Platform-Toolsを設定
• Android Emulatorを設定
• Flutter SDKをインストール
• C:\dev\flutterをPATHに追加
• VS Codeを再起動
• flutter --versionを確認
• flutter doctorを実行

🚀 最初のFlutterアプリを作る

① プロジェクト作成

flutter create my_app

② プロジェクトへ移動

cd my_app

③ アプリを起動

flutter run

🎉 これでFlutterによるAndroidアプリ開発を開始できます！

📁 おすすめフォルダー構成

C:\ └─ dev ├─ flutter ├─ Microsoft VS Code ├─ projects │ ├─ app01 │ ├─ app02 │ └─ app03 └─ tools

Flutterプロジェクトは C:\dev\projects などにまとめると管理しやすくなります。

Windows × VS Code × Android Studio × Flutter
Androidアプリ開発環境構築ガイド