はじめに

今回はWindowsでflutterを動かしてみようと思います。本当はMacでやりたいけど、持ってないのでしょうがない、、、

環境構築

スマホに表示できるところまでやりたいと思います。
基本的にはFlutter公式ドキュメントを見れば大体書いてあるので、確認しながらやればいいと思います。

Get startedの3番まで、正しく設定すれば動きます。

flutterの環境設定をするために、まずは公式サイトに移動します。

画像の青いボタンをクリックしてflutterアプリケーションをダウンロードします。

ダウンロードしたフォルダを解凍後、フォルダ内の [/flutter/bin] を環境変数に追加します。

環境変数の追加が終わったら次は以下のコマンドを実行します。

PS C:\> flutter doctor

全て解決しないと動かないようなので、上から解決していきます。

一番上は下のコマンドを実行すれば終わりです。

PS C:\> flutter doctor --android-licenses

2番目はAndroid Studioをインストールするところから始めます。

インストールの手順は公式サイトを見るか、別のサイトの手順を参考に。

インストールが終わったら、Google USB Driverとfultter pluginのインストールを行います。

fultter pluginはメニュー File > Settings > Plugins の順で移動して、以下の画像のように検索すればインストールできます。

これでAndroid Studioは終わりです。

エディタのセットアップを行います。使えるのは Android Studio, IntelliJ, Visual Studio Code の３つ。

VSCodeでやりたいので、VSCodeに拡張機能のflutterを導入する。

後はデバイスをUSBデバッグで接続すれば、以下の画像のようになるはずです。

新しいflutterプロジェクトを作成します。「Ctrl + Shift + P」でコマンドパレットを開き、[flutter:New Project]を選択します。

名前を入力を要求されるので、今回は[helloworld]を入力してエンターを押します。保存先を聞かれるので好きな場所に保存します。

後はプロジェクトが作成されるので、待ちます。

こんな感じのプロジェクトが作成されたら、[main.dart]を開きます。開いたら[F5]を押してもらえれば実行できます。以下の画面をデバイスで実行できれば成功です。

ステータスバーに接続中のデバイスが表示されない場合は、接続がおかしいので確認してください。

簡単に書きましたが、本当にこれで動くので自分で1から作るより簡単にアプリが作れるのは良いと思いました。
結構簡単にスマホアプリが作成できそうなので、何かアプリでも作れればまた書こうと思います。

ではでは