見出し画像

Android StudioにFlutterを導入する方法をさらっと知るための記事

FlutterをAndroid Studioに導入し、新規ファイルを作成する手順を説明します。FlutterはGoogleが開発したモバイルアプリのフレームワークで、一つのコードベースからiOSとAndroidの両方のアプリを開発することができます。

Flutterのインストール

  1. Flutter SDKのダウンロード: Flutterの公式ウェブサイト(flutter.dev)からFlutter SDKをダウンロードします。

  2. SDKの解凍: ダウンロードしたファイルを適切な場所(例えば`C:\src\flutter`など)に解凍します。

  3. 環境変数の設定: Flutterの`bin`ディレクトリ(例:`C:\src\flutter\bin`)を環境変数`PATH`に追加します。

  4. Flutter Doctorの実行: コマンドプロンプトまたはターミナルで`flutter doctor`コマンドを実行し、必要な依存関係をインストールします。

Android Studioの設定

  1. Android Studioのインストール: まだインストールしていない場合は、Android Studioの公式ウェブサイトからAndroid Studioをインストールします。

  2. Flutterプラグインのインストール: Android Studioを開き、「File」→「Settings」→「Plugins」に進み、「Marketplace」タブで「Flutter」を検索してインストールします。これによりDartプラグインも自動的にインストールされます。

  3. 再起動: プラグインのインストール後、Android Studioを再起動します。

新規Flutterプロジェクトの作成

  1. プロジェクトの作成: Android Studioのスタート画面で「Start a new Flutter project」を選択します。

  2. プロジェクトタイプの選択: 「Flutter Application」を選択し、「Next」をクリックします。

  3. プロジェクトの設定: プロジェクトの名前、説明、保存場所などを設定し、「Next」をクリックします。

  4. Flutter SDKのパス: Flutter SDKのパスを指定します。これは以前に解凍したFlutterのディレクトリです。

  5. プロジェクトの詳細設定: 必要に応じて、会社のドメインやプラットフォーム(iOS、Android)の設定を行います。

  6. プロジェクトの作成: 最後に「Finish」をクリックしてプロジェクトを作成します。

これでFlutterプロジェクトが作成され、基本的なデモアプリが自動的に生成されます。プロジェクトが開かれたら、Android Studioのエミュレータや実機でアプリを実行してみてください。

Flutterの詳細やチュートリアルについては、公式ドキュメント(Flutter Docs)が非常に役立ちます。

(Android StudioにFlutterを導入する方法は、初見だとつまづきやすい気がするんすけど、どうなんですかねえ・・🤔)

(Android StudioとFlutterの本があまり見当たりません・・。あんまりないのかな・・)

(上の本は、Android Studioの本のようですね)

(Flutterの本です。こちらはアマゾンで売ってる本と、Zennというプログラム系のサイトで売ってるバージョンがあります。俺はZennのほうでちょっと前に買って、Flutterをちびちびと学び進めていました。そういえば、UdemyでもFlutterのコースを購入していたような・・。この感じから、UdemyのFlutterのコースは明らかに挫折気味なのがバレますが・・)


よろしくお願いしますッ!