Flutter知識0から1週間でどこまでできるかチャレンジ【1日目】

FlutterどころかDartの知識もないプログラマがFlutterを初めて1週間でどこまでできるかな？という自分なりの企画です。

Twitterでメインに発信するつもりですが、工程などはTwitterに載せるのはきついのでブログの方に書いていきます。

環境構築

何を見るより公式のドキュメントがわかりやすかった。

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

公式のドキュメントは英語なので日本語でやったことを書いていく。

環境はmacOS Catalinaである。

Flutter SDKのインストール

からSDK（開発に必要なツールのキット）のインストールをする。

CUIに慣れているなら以下のようにすればいい

$ cd [お好きなディレクトリ]

$ git clone https://github.com/flutter/flutter.git

$ vim ~/.zshrc

insert " export PATH="[お好きなディレクトリ]/flutter/bin":$PATH"

$ source .zshrc

Android Studioのインストール

https://developer.android.com/studio からAndroid Studioを入手する。

Preference から

Plugin > Flutter をインストール。

Android Studioの再起動を促されるので再起動

再起動するとWelcome Windowに「Start a new Flutter project」というメニューが出現する。

まずはFlutter Applicationを選ぶ

Projectの設定を行う。SDKパスが先ほどインストールしたものになっているかを確認、もし空白ならInstall SDKを押す。

これでサンプルProjectが立ち上がる。

実行するとでもアプリが動く