Flutter開発環境セットアップ手順(Windows編)
「Windows+Androidのアプリ開発を始める人に向けたおすすめソフトを教えて」とchatGPTに聞きました。
ツール | 特徴 |
---|---|
Flutter | 超高速開発!AndroidとiOS両方作れる(おすすめ) |
Android Studio | ガチネイティブAndroid開発(細かく制御できる) |
《 Flutterおすすめ理由 》
・コードが簡単
・デザインもすぐ整えられる
・スマホ2台持ち(Android/iPhone)にも対応しやすい
ということで、開発ツールはFlutterを選択
0.アプリを動かすまでの流れ
1.Flutter SDK をインストールする
2.Android Studio をインストールする
3.AndroidStudioにFlutterプラグインを入れる
4.Androidエミュレータ or 実機をつなぐ
5.簡単なプロジェクトを作って動かす
《 Flutterで開発する場合でも、Android Studioインストールは必要 》
なぜなら、
Androidビルドツールが必要だから
➡ Flutterは最終的にAndroidアプリ(APK)に変換するため、内部でAndroid SDKを使う
エミュレータ(仮想スマホ)が必要だから
➡ 実機がない場合にテストには、Android Emulatorがセットで必要
ドライバ類の管理も一括でできるから
➡ スマホ接続用のADBドライバなども一緒にインストールされる
1.Flutter SDKをインストールする
1)Flutter公式ページからダウンロード
ページの中程の flutter_windows_x.xx.x-stable.zip を選択
2)Zipファイルを展開して、下記のようなフォルダに置く
C:\src\flutter
・この時、必ずパスにスペースがない場所におくこと
・たとえば C:\Program Files\flutter
とかは不可(スペースが入っているので)
3)環境変数PATHを通す
① Windowsの検索バーで「環境変数」と検索
②「システム環境変数を編集」を開く
③「環境変数(N)」ボタンを押す
④「ユーザー環境変数」または「システム環境変数」の Path を選んで「編集」
⑤ 新規追加で C:\src\flutter\bin
を登録。これでターミナル(コマンドプロンプト)から flutter コマンドが使える
⑥ コマンドプロンプトに下記を打ち、Flutterのバージョン情報が表示されたら成功
flutter --version
2.Android Studioをインストールする
AndroidStudio公式サイト
ダウンロードできたら、そのままインストーラーを起動してインストール
・基本的に「Next」「Next」
・最初の設定(標準設定)も「Standard」
3.Flutterプラグインを入れる
✅ Flutterプラグイン入れないとFlutterプロジェクトを作成できない
1)Android Studioが起動したら、左カラムのメニューから Plugins を選択
2)Flutterプラグインを選択
3)インストール(※自動でDartプラグインも入る)
Restart IDEでFlutterプロジェクトが選択できるようになりました。
4.Androidエミュレータ or 実機をつなぐ
1)[New Flutter Project]を選択してプロジェクトを新規作成
先ほど1-3)で設定した環境変数PATHのC:\src\flutter\bin
のC:\src\flutter
までを、Flutter SDK path:
のテキストボックスに入力して[Next]
次の画面
ここではそれぞれ次の通りに選択して[Create]
項目 | 設定 |
---|---|
Project type | Application |
Organization | com.example(そのままOK) |
Android language | Kotlin |
Platforms | Android と iOS だけチェック |
2)スマホをPCに接続して実機デプロイ
① スマホをUSBケーブルでパソコンに接続
USBつないだ際に出てくる選択肢ではファイル転送 / Android Auto
を選択
②スマホ側で「USBデバッグ」をONにする
【Androidスマホの操作】
設定
→デバイス情報(端末情報)
↓
ビルド番号
を7回連打
↓
開発者モードを有効化
のテキストが1秒ほど表示
↓
設定
→システム
→詳細設定
→開発者オプション
を開く
↓
USBデバッグ
を ON
にする
これでPCとスマホがBLE開発モードでつながる
5.スマホでかんたんなアプリを動かしてみる
③Android Studioに戻る (さっきの②の続きから)
PCとの接続を許可したら、AndroidStudioの上部バーにスマホの機種名が表示されたのを確認、またはプルダウンで選択して、右にある▶(実行)ボタンを押す
初回ビルドは5分以上かかったが、次回以降のビルドでは数秒~1分(※)で完了する。
※)ライブラリの更新やインストールで時間がかかるなど、状況と内容でビルド完了時間に差がある。
スマホに、新規作成時のデモ画面が表示。
右下の+
をタップするごとに中央の数字がカウントアップされることを確認。
Androidアプリ開発環境の構築とデモアプリの動作確認は以上。
次の項では、スマホとPicoWをBLE接続する簡単なアプリを作って動かしてみる。