魔法でシステムは作れない

魔法でシステムは作れない

甘えん坊SEが独学を進めるためのノート

【Flutter】+AndroidStudio環境構築

各種環境のDL
・AndroidStudio(記載日では最新のVer4.2.1)

https://developer.android.om/studio?hl=ja

 

・Flutter SDK(記載日では最新のVer2.20)

https://flutter.dev/docs/get-started/install


インストール
・AndroidStudio

①特に問題が無ければ画面に従って進む

f:id:hummer31:20210522131447p:plain

f:id:hummer31:20210522131608p:plain

f:id:hummer31:20210522131634p:plain

f:id:hummer31:20210522131703p:plain

f:id:hummer31:20210522131749p:plain

f:id:hummer31:20210522131804p:plain

 

Android Studioの起動

f:id:hummer31:20210522135344p:plain

f:id:hummer31:20210522135425p:plain

この辺は任意。

f:id:hummer31:20210522135456p:plain

f:id:hummer31:20210522135503p:plain

f:id:hummer31:20210522135520p:plain

f:id:hummer31:20210522135536p:plain

f:id:hummer31:20210522140129p:plain

f:id:hummer31:20210522140214p:plain

・FlutterSDK

①ダウンロードの実施

f:id:hummer31:20210522132538p:plain

※権限回りを気を付けてと注意書きがあるので解答先は考える必要がある。

②DLしたzipを指定先に解答
私の環境ではひとまず「C:\Users\%ユーザ名%\localtools\FlutterSDK」の
パスを作成しその下に解凍

f:id:hummer31:20210522132958p:plain

環境変数の作成(ユーザー変数にPathを通す)

慣れていれば問題ないがザックリと紹介

・場所はどこでも可能
「ctrl+R」:ファイル名を指定して実行を起動
「control」と入力し「Enter」:コントロールパネルを起動
・コントロールパネル
「システムとセキュリティ」をクリック:画面の移動
「システム」をクリック:画面の移動
左側の小さな窓にある「システムの詳細設定」をクリック:システムのプロパティを起動

f:id:hummer31:20210522133649p:plain

環境変数を押下すると新しいダイアログが表示されるので
ユーザー変数のPathにFlutterSDKのbinを設定する。
既存のPathが無い人向け(既存があるのに新規で作成すると過去のPathが消える)
消えてしまった場合は焦らずにキャンセルで戻る。

f:id:hummer31:20210522133850p:plain

既存のPathが有る人向け

f:id:hummer31:20210522134900p:plain

設定が終わったらとりあえずOK連打

③Flutter環境の確認

「ctrl+R」:ファイル名を指定して実行を起動
「cmd」と入力し「Enter」:コマンドプロンプトを起動
コマンド:「flutter doctor」

f:id:hummer31:20210522140353p:plain

どうやらライセンスが許可されていないらしい。


Android toolchainの許可

コマンド:「flutter doctor --android-licenses」
※対話モードで各所許可するか聞かるが、こだわり無ければ全部「y」を入力

f:id:hummer31:20210522140724p:plain

f:id:hummer31:20210522140842p:plain

 

・AndroidStudioの連携(コマンドプロンプトはそのまま)

f:id:hummer31:20210522141222p:plain

f:id:hummer31:20210522141242p:plain

 

f:id:hummer31:20210522141255p:plain

 

f:id:hummer31:20210522141311p:plain

Dartもインストール

f:id:hummer31:20210522141357p:plain

RestartIDEをクリック

④再びFlutter環境の確認

f:id:hummer31:20210522141732p:plain

not解消!

オチとしては素晴らしい。

どうやら軽く調べてみると不具合らしい。
次回のサンプル作成で動けばOKということで
ゴールを曖昧にしたまま環境構築編は保留。
※2021/05/22時点:保留
※次回:2021/05/29にて動作したことを確認済

ご覧頂きありがとうございました。