LoginSignup
1
1

More than 1 year has passed since last update.

flutter for windows_2.10.0襲来

Last updated at Posted at 2022-02-04

はじめに

flutterはgoogleによって開発され2018年に正式リリース
dart言語によるクロスプラットフォームアプリケーション開発ツールであり
ios/androind/linux/macOS/windowに対応
2022/2/4
Flutter for windowsがリリース
今までflutterはmac OS Xでの開発が主流でしたが
windows向け初の安定板ということで、動きを確認してみました

作業環境
-OS: windows11
-CPU: AMD Ryzen 9 5900X
-GPU: NVIDIA GeForce RTX 3060
-RAM: 64GB
-SSD: 1TB
-Windows PowerShell: 7.2.1
-Git: 2.33.1.windows.1
-VS Code: 1.63.2

おしながき
Flutter SDKインストール
Android Studioインストール
windows用あたらしい諸々検証←追記予定

Flutter SDK インストール

ダウンロード

flutter 2022/2/4確認
最新の安定板2.10.0-stableを公式ページよりダウンロード

インストール
解凍しC:\Users\<your-user-name>\Documentsなどのflutter SDKをインストールしたいディレクトリに配置

*C:\Program Files\などの権限が必要になるディレクトリは避ける

pathを通す

windowsボタン>「環境変数を編集」>Path選択>編集>新規>C:\Users\<your-user-name\Documents\flutter\bin追加>ok
確認のため、powershellで以下のコマンド追加

環境変数確認
$ cd C:\Users\<your-user-name>\Documents\
$ cd flutter\bin
$ flutter doctor

[✓] Flutter (Channel stable, 2.10.0, on Microsoft Windows [Version 10.0.22000.434], locale ja-JP)
[✗] Android toolchain - develop for Android devices
Unable to locate Android SDK.
Install Android Studio from: https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK components.
(or visit https://flutter.dev/docs/get-started/install/windows#android-setup for detailed instructions).
If the Android SDK has been installed to a custom location, please use
flutter config --android-sdk to update to that location.

[✓] Chrome - develop for the web
[✗] Visual Studio - develop for Windows
Visual Studio not installed; this is necessary for Windows development.
Download at https://visualstudio.microsoft.com/downloads/.
Please install the "Desktop development with C++" workload, including all of its default components
[ ! ] Android Studio (not installed)
[✓] VS Code (version 1.63.2)
[✓] Connected device (3 available)
[✓] HTTP Host Availability

Flutter SDKのインストールおしまい
[✗] android toolchain
[✗] Visual Studio
[ ! ] Android Studio
となっているので、続いてandroid Studioをインストールする

*visual studioは使わないので放置

#Android Studio インストール
android studioはgoogleによって開発され2014年に正式リリース
androidプラットフォーム向けアプリケーションソフトウェア開発用の統合開発環境(IDE)
Flutterの開発を行うプラットフォーム (別のeditorでもできます,vimとか..)

ダウンロード
android studio 2022/2/4確認
2021.1.1 for Windows 64-bitをダウンロード

インストール
ダウンロードしたsetupウィザードを起動する
指示に従ってインストールを行う

Android Emulator Hypervisor Driver for AMD Processors installation failed. To install Android Emulator Hypervisor Driver for AMD Processors follow the instructions found at: https://github.com/google/android-emulator-hypervisor-driver-for-amd-processors
Android Studio setup was canceled

上記のエラーが発生してandroid studioがインストールできない
これはamdのcpu特有の問題でintelユーザーの方は問題なくインストールできるはずです
また、ドライバーのインストールは途中で中断されていますがandroid studio事態はコンピューターにインストールされています
windowsボタン>android studio で問題なく開けることを確認できます

トラブルシューティング
上記エラーはandoridシミュレーターを動かすためのdriverがインストールできないというものです
これがないと、androidアプリのシミュレーションができないため、アプリがうまく動くかの検証ができません
解消するためにはhyper-Vを無効化し、hypervisor-driver-for-amdを手動でインストールする必要があります
hypervisorとは仮想環境を動かすための機能で、VMやKVM,hyper-Vなどが存在します
インストール方法解説youtube動画に具体的な方法が説明されています
しかしhyper-vを無効にした場合、この機能を利用しているwsl2が使えなくなる恐れがあります。なので筆者はあきらめました**

Android studio 設定
windowsボタン>android studio>more actions>SDK manager>SDK tools>Andoroid SDK Command-line Tools(latest)にチェック>apply>OK
windowsボタン>android studio>plugins>flutter>install
windowsボタン>android studio>plugins>dart>install
windowsボタン>android studio>more actions>SDK manager>Hide Obsolete Packagesのチェックを外す
android studioを再起動
powershell上で以下のコマンドを実行しライセンスを承認します

ライセンス承認
$ flutter doctor --android-licenses

これでおしまいです
flutter doctorを再度powershell上で実行するとvisual studio以外の項目がグリーンになっていることが確認できます
これでandroid studio>new flutter projectから開発をはじめられます
*なおandroidシミュレーターはつかえないので、webシミュレーターなどで成果物を確認しましょう

#window用あたらしい機能を使ってみる
近日中に追記予定です...

#参考サイト
Windows10にFlutterをインストール
Unable to install Android Emulator Hypervisor Driver for AMD Processor

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1