こんにちは、やまとトトローです^^
今回は Flutter(フラッター) を使って、
📸 QRコードを読み取るスマホアプリ を作るための
最初の一歩(環境構築) を、わくわく楽しくまとめました🌱
「むずかしそう…」と思ったあなた、大丈夫😊
Flutterは 未来感 × やさしさ がそろった最高の道具です✨
目次
🌱 Flutterってなに?
Flutterは、Googleが作った
スマホアプリ開発のための道具セット です。
✨ Flutterのすごいところ
- 📱 iPhone / Android 両対応
- 🧠 1つのコードでOK
- 🎨 デザインがきれい
- 🚀 個人開発にもやさしい
まさに
「シンプル・イズ・ベスト」+「わくわく進化」 🌈
🛠 開発環境(今回の前提)
今回は以下の環境を想定します👇
- 💻 Windows 10 / 11
- 📱 Androidスマホ(USB接続)
- 🌐 インターネット接続あり
※ Macでもほぼ同じ流れでいけます🍎
① Flutter SDK をインストールしよう 🌸
🔽 公式サイトへ
「Get started」→「Windows」を選択
→ Flutter SDK をダウンロードします。
📁 解凍して配置
例:
C:\flutter
② パス(Path)を通そう 🚶♂️
Windowsの設定
- 「環境変数」を検索
- 「Path」→ 編集
- 追加👇
C:\flutter\bin
③ Flutterが動くか確認✨
コマンドプロンプト or PowerShellで👇
flutter doctor
✅ が並んでたらOK!
⚠️ が出ても大丈夫(あとで直せます)
④ Android Studio を入れよう 🤖
FlutterでAndroidアプリを作るために必要です。
🔽 ダウンロード
👉 https://developer.android.com/studio
インストール時は
✔ Android SDK
✔ Emulator
✔ Platform Tools
にチェックを入れます。
⑤ スマホで実機テストする準備📱
スマホ側
- 「開発者モード」ON
- 「USBデバッグ」ON
PC側
USBでスマホ接続 → 確認👇
flutter devices
スマホ名が出たら成功🎉
⑥ Flutterプロジェクトを作ってみよう 🌈
flutter create qr_app
cd qr_app
flutter run
📱 スマホに
カウンターアプリ が表示されたら…
🌟 Flutter環境構築 完了! 🌟
🌳 やまとトローのひとこと 🌳
Flutterは
「最初ちょっとだけ準備」
「あとは楽しく積み木」
QRコード、商品管理、村の入場証、
モバイルハウス案内、森カフェ…🌲
アイデアがそのまま形になる世界です✨
