Flutterアプリ開発、環境構築から実機まで

ジュンジュンです😊

前に「コードを書かずにアプリを作って配信するまで」という記事を書いたとき、最後にこう書きました。

「証明書やサーバーも含めた詳しい手順は、別の記事でまとめます」

今回がその記事です。( お待たせしました

その詳しい手順を、2回に分けて書いていきます！
今回は前編で、自分のパソコンでアプリを作って、スマホで動かすまでです。
次回の後編ではストアに出すためのファイル作り(ビルド)と審査について書きます。

このテーマの理由

AI使ってもコード書くとかは楽になっても、まだ人の手で準備することはあります。いくら、非エンジニアがアプリを作れるとなっても、まだハードルが高い部分があります。
それを解決できるためにもとこのテーマ、記事を書きました！

iOSとAndroid、別々に作るのが普通です

まず最初に、ちょっとびっくりする話から！！笑

スマホアプリは、iPhone(iOS)とAndroidで、別々の言語で作るのが一般的です。 iPhoneはSwift、AndroidはKotlinという言語で、それぞれ作ります。

え、大変……と思いますよね。
同じアプリを2回作るようなものなので、実際大変です。笑

そこで、Flutterを使っています

自分が使っているのは Flutter(フラッター) です。
(リアルでもFlutterエンジニアとして働いてます….

Googleが作っている開発ツールで、
なんと！！！1つのコードから、iOSとAndroidの両方のアプリが作れます。
これをマルチプラットフォームと言います。

(ちなみに、Flutterで書く言語は「Dart」といいます。でもAIが書いてくれるので、名前だけ知っておけば大丈夫です)

Flutterを選んでいる理由は、

・iOSとAndroidを1回で作れる
・両方作れる言語として、マルチプラットフォームとしてReactNativeとかありますがFlutterがシェア率が一番多いです。

必要なもの

アプリを作るのに必要なのは、この3つです。

• IDE(アプリを作るための編集ソフト)

  • VSCodeを使用しています。

• Xcode(iPhoneアプリ用。Appleが出している無料ソフト)

• Android Studio(Androidアプリ用。Googleが出している無料ソフト)

なぜXcodeとAndroid Studioまで必要かというと、作ったアプリをパソコンの中の仮想スマホで動かすからです。

・iPhoneの仮想スマホ → シミュレーター
・Androidの仮想スマホ → エミュレーター

パソコンの画面に本物そっくりのスマホが出てきて、その中でアプリが動きます。 実機がなくても、ここで動きを確かめながら作れます！！
(スマホアプリ開発してる感があってカッコいい✨

データの保存、サーバーはいる?

こちらも認識しておきましょう！

アプリで入力したデータをどこに保存するか、という話です。

結論、ログインや外部との連携がないなら、スマホの中(アプリのストレージ)に保存すれば十分です。サーバーはいりません。

ただ、

• ログインしたい

• 機種変しても、データを引き継ぎたい

• ほかの人とデータを共有したい

という場合は、外にデータを置く場所が必要になります。
その場合も、FirebaseやSupabaseなら無料から始められます。

では、実際のセットアップ手順を見ていきましょう！