Flutter ことはじめ

どうもこんにちは

2018年12月に、Flutterの正式版がリリースされたようですね。
今までアプリのクロスプラットフォーム開発と言えば、
PhoneGap, Xamarine, React Nativeなどありますよね。

いままでアプリ開発と言えばAndroid StudioでJavaを使っていました。
「え？Kotlin？なにそれおいしいの？」
で止まっていたので、さび付いた頭を新しいものに向ける意味でも
勉強がてら、まずは環境構築してみました。（Kotlinやれよ、という声は無視

なので、android-sdk, Android Studioはインストールされている前提で進みます（いきなりサボり
あと、OSはWindows 7 Professional 64bitです。

それでは、始めていきましょう。

Flutter SDKのインストール

本家サイトからFlutter SDKをダウンロードします。
ダウンロードはこちらから。windows版をダウンロードしました。

筆者はC:\flutterに展開しました。
あとは、チュートリアルにそってC:\flutter\binへのPathを通します。

で、コマンドプロンプトで下のコマンドを打つと。

すると

おお、Flutterのプラグインがないって怒られた。Dartプラグインも。（スゲー
というわけで、プラグインをインストールします。

※ちなみに、以下のように怒られるケースがあります。

そのときは、メッセージ通り

とコマンド入力します。
許可しますか？的なことをつらつら聞かれるので、「y」で許可していきましょう。

プラグインのインストール

Android StudioにFlutterのプラグインをインストールします。
File > settings を開いて、左ペインのPluginsを選択します。

下にならんでいるボタンのうち、Browse Repositories…ボタンをクリックして、
flutterで検索します。

一番上のを選択し、右ペインのInstallボタンでインストールします。
すると、

と聞かれるので、Yesでインストールを完了させます。

インストールしたらAndroid Studioを再起動です。

プロジェクト作成

いよいよプロジェクトを作ります。
File > New といくと、「New Flutter Project」が増えてます（スゲー

というわけで、「New Flutter Project」を選択。
すると、下のような画面が表示されます。

とりあえずFlutter Applicationを選択してNext。

プロジェクト名、Flutter SDKのPath等を入力してNext。
Flutter SDKは上でC:\flutterに展開しているので、そのようにしています。
※ん？Install SDK… だと？ここからもSDKはインストールできるのですね。

あとはパッケージ名を決めて、Finish！
しばらくしたら、プロジェクトが出来上がります。

プロジェクトの中身は、今まで見たことのあるAndroid（Gradle）プロジェクトと
Xcode用のプロジェクトが同梱されています。
.gitignoreファイルもあり、作ったプロジェクトをgitにコミット、プッシュすれば
すぐにでもチーム開発がはじめられそうです（あくまで個人的な感想

で、とりあえず実行してみました。

おお、動いた。

ひとまず、ここまでです。
そもそもDartから勉強しないといけないのですが、
せっかくなんで、ちょっとずつ何か作っていこうかなと考えています。

Flutter、流行るといいなー

R.TANAKAがお届けしました。