0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Flutterの環境構築

Last updated at Posted at 2023-12-24

Flutterの環境構築

Flutterを入手する

WindowsでFlutterのアプリを作ってみようと考えたので環境構築の手順を残す

まずFlutterの公式にアクセス

スマホアプリを作りたいので、Mobile Reccomendedを選択する

PCの推奨環境等満たせるか確認。

スクリーンショット 2023-12-24 225331.png
推奨を満たしていたので、次へ。
アプリの開発なのでやはりそれなりには要求された。

gitのインストール

Gitを使って何かをしていなかったのでGitをインストールするところから始める。
公式のURLにしたがいgitのインストーラーをDL

私がインストールしたバージョンはGit-2.43.0-64-bitというやつでした。
とりあえず、チェックが最初からついているものでそのまま進めます。

Android Studioのインストール

公式に従いたどっていった先でAndroid Studioのインストール

android-studio-2022.3.1.21-windows
私がインストールしたときはこれでした。

インストーラーを起動してAndroidStudioもとりあえずインストール完了

VSCodeの設定

VSCodeを使ってちらほらとほかの言語でコードを書いて遊んでいたのですが、FlutterもVSCodeでできるようでよかった。

The Flutter team recommends installing Visual Studio Code 1.75 or later and the Flutter extension for VS Code. This combination simplifies installing the Flutter SDK.

VSCodeを使用してインストールするというタブに記載されている指示に従いFlutterをインストール。

Pathを追加する際にはタスクバーの検索からenvと入力すると環境変数を設定できるのでそこからやってもいいですね。
私は最初にFlutterをインストールする場所を適当に指定した結果onedriveに保存して、のちにエラーを吐き、再インストールをしてここからPathを再設定しました。

Android Studio開発の構成

私は初のAndroidStudio使用だったので、初めてAndroidStudioを使用するのタブに従い環境を作りました。
どこから設定するんだよといろいろクリックしてましたが、More Actionsからでした。
スクリーンショット 2023-12-24 231828.png

まずSDK ManegerからSDK関連のインストールですね。
SDK ManegerをクリックしてSDK PlarFormsから選択します。
スクリーンショット 2023-12-24 232122.png

SDKToolsからコマンドラインツールやビルドツールのインストールをします。スクリーンショット 2023-12-24 232253.png

Androidデバイスを構成

ここは公式の指示に従えば問題ないです。

開発設定の確認

Javaをインストール、Pathを通していることを確認してください。
私はここで、Javaをインストールしていなかったため、エラーが出ました...

flutter doctorを実行して、公式の通りになっていれば問題ありません。

構築した感想

環境構築は沼にはまることが割と多くてめんどくさい印象を持っていましたが、公式に従うだけでほぼ進んだのでそれはよかったかなと思います。

GitLabを業務で使用していますが、構築済みの環境を使用しており環境の構築や細かい部分を知らないので
次はその辺を記事にできたらと思います。

0
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
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?