🐶

【Flutter】Flutter 開発環境を構築する【IntelliJ】【Android Studio】

2023/06/27に公開

Flutter

動機

ある日突然意味不明な創作意欲に満ちあふれてしまうことが、エンジニアなら一度はあるのではないでしょうか？そんなわけで iOS/Android 向けのモバイルアプリケーションを開発したくなったので、クロスプラットフォームな開発フレームワークの選定を始めました。私自身はお仕事で毎日 C# を書いているので、.NET MAUI を使うか非常に迷いました。がしかし、何となく世の中が「ふらったー、ふらったー」と言っているのをここ1, 2年くらい？観測していたのでとりあえず使ってみるかとなったわけです。

手順

基本的には Flutter の公式ドキュメントに沿って作業しました。

Flutter SDK

インストール

ダウンロード

公式サイトから下記のディレクトリにダウンロード。

$ ~/src/.

解凍

$ cd ~/src
$ unzip

WSL 上で作業していたのでしれっとunzip使っちゃってますが、例えば PowerShell だとExpand-Archive使えば解凍できるみたいです。

パスの更新

デスクトップのフッター小窓にenvと入力してシステム環境変数の編集を開く。

詳細設定タブの環境変数(N)...ボタンを押す。

Path変数の値の末尾に flutter/bin までのパス追加する。

インストール出来たか確認する。

$ where.exe flutter dart

Flutter も Dart もしっかりインストール出来てそうですね。

Android のセットアップ

Android Studio インストール

公式サイトから Android Studio のインストーラーをダウンロードしてインストールをする。
https://developer.android.com/studio

JDK のインストール

Android Studio を起動しようとすると下記のようなエラーが出ました。

No JVM installation found. Please install a 64-bit JDK.
If you already have a JDK installed, define a JAVA_HOME variable in Computer
> System Properties > System Settings > Environment Variables.

公式サイトからJDK 20のインストーラー(x64 Installer)をダウンロードする

インストーラーを利用して JDK をインストールする。