【Flutter】プロジェクトの新規作成方法 | ヒヨコ プログラミング(ヒヨプロ)

【Flutter】プロジェクトの新規作成方法

Flutter

Flutter の環境構築はできたけど、Flutter プロジェクトの作成方法がわからないという方に向けて、今回は、Android Studio で Flutter プロジェクトを新規作成する方法を紹介します!

前提

Flutter の開発環境が構築されていることが前提です。
環境構築がまだの場合は、Flutter の開発環境構築を行っておきましょう。

Flutter の開発環境構築については、以下の記事で紹介しています。

プロジェクトを新規作成する方法

Android Studio の上部のメニューから File > New > New Flutter Project… をクリックします。

以下のような画面が開くので、Flutter を選択し、Flutter SDK path( Flutter の SDK がインストールされているパス)が正しいか確認します。正しいパスなら「Next」を押します。
パスが正しくない、または、未入力の場合は、正しいパスを入力しましょう。

Flutter SDKのパス入力画面

プロジェクトの設定を行います。アプリ名や使用言語などを指定したら、「Finish」を押します。

プロジェクトの設定画面

各項目の説明は、以下の表の通りです。

① Project name Flutter プロジェクト名を指定します。
② Project location Flutter プロジェクトの保存場所を指定します。
③ Description Flutter プロジェクトの説明文を入力します。
④ Project type Flutter プロジェクトの種類を指定します。
⑤ Organization プロジェクト作成者のドメインを指定します。
⑥ Android language
    iOS language
AndroidおよびiOSで使う言語を指定します。
⑦ Platforms アプリ開発したいプラットフォームを指定します。

アプリの動作確認

シミュレータで新規作成したプロジェクトのアプリを動かしてみます。

シミュレータを起動していない場合は、Android Studio 画面右上の実行デバイスを指定するところから、Open Android Emulator(iOSで確認する場合は、Open iOS Simulator)をクリックします。

シミュレータ起動画面

シミュレータが起動したら、Android Studio 画面右上の ▶︎ を押して実行します。

アプリ実行ボタンの位置

デモアプリが起動すれば、動作確認は完了です。
Flutter のホットリロード機能で、プログラムの変更が即座に起動中のアプリで確認できるようになっています。(ホットリロード機能は、⚡️ボタンを押すか、ショートカットキー(macOS:command + S 、Windows:control + s)を押して使用します。)

デモアプリが起動した様子

まとめ

Android Studio で Flutter プロジェクトを新規作成する方法を紹介しました!

  • Flutter プロジェクトを新規作成するには、Android Studio の上部のメニューから File > New > New Flutter Project… をクリックする

以上で、【Flutter】プロジェクトの新規作成方法 は終わりです。

おすすめ書籍

コメント

タイトルとURLをコピーしました