独学書

Text Date Status
動かして学ぶ!Flutter開発入門 2023/12/23 Chapter 4 Firebaseとの連携 finished ->コード

コンテンツ

Contents Date Status
Flutterで始めるモバイルアプリ開発 2024/12/29 第29回 アプリ名やアイコン設定までFlutterで完結! 開発者向けツールを紹介finished

環境

  1. Windows 11

    Machine Env / FW Last Updated
    Windows Insider Flutter 3.32.0 2025/05/25
      Android Studio Narwhal 2025.1.2 Canary 2 2025/05/25
      Visual Studio Community 2022 17.14.2 Preview 1.0 2025/05/25
  2. Chrome OS Flex 135.0.7049.104 (Official Build)

    Machine Env / FW Last Updated
    Chrome OS Flex Flutter 3.27.1 2025/01/02
      Debian clang 14.0.6 2025/01/02
      cmake 3.25.1 2025/01/02
      ninja 1.11.1 2025/01/02
  3. Mac OS Sequoia 15.4.1

    Machine Env / FW Last Updated
    Mac OS Flutter 3.27.1 2024/12/29

ノウハウ

  • flutter dev
  • Setup
    Expand-Archive –Path $env:USERPROFILE\Downloads\flutter_windows_3.27.1-stable.zip -Destination $env:USERPROFILE\dev\
    
  • flutter doctor -v
    Windows Insider ``` [√] Flutter (Channel stable, 3.32.0, on Microsoft Windows [Version 10.0.26200.5603], locale ja-JP) [723ms] • Flutter version 3.32.0 on channel stable at C:\Users\taish\dev\flutter • Upstream repository https://github.com/flutter/flutter.git • Framework revision be698c48a6 (6 days ago), 2025-05-19 12:59:14 -0700 • Engine revision 1881800949 • Dart version 3.8.0 • DevTools version 2.45.1 [√] Windows Version (Windows 11 or higher, 24H2, 2009) [4.9s] [√] Android toolchain - develop for Android devices (Android SDK version 36.0.0) [4.1s] • Android SDK at C:\Users\taish\AppData\Local\Android\Sdk • Platform android-36, build-tools 36.0.0 • ANDROID_HOME = C:\Users\taish\AppData\Local\Android\Sdk • Java binary at: C:\Program Files\Android\Android Studio Narwhal\jbr\bin\java This is the JDK bundled with the latest Android Studio installation on this machine. To manually set the JDK path, use: `flutter config --jdk-dir="path/to/jdk"`. • Java version OpenJDK Runtime Environment (build 21.0.6+-13391695-b895.109) • All Android licenses accepted. [√] Chrome - develop for the web [384ms] • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe [√] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.14.2 Preview 1.0) [383ms] • Visual Studio at C:\Program Files\Microsoft Visual Studio\2022\Preview • Visual Studio Community 2022 version 17.14.36121.58 • The current Visual Studio installation is a pre-release version. It may not be supported by Flutter yet. • Windows 10 SDK version 10.0.26100.0 [√] Android Studio (version 2025.1.2) [124ms] • Android Studio at C:\Program Files\Android\Android Studio Narwhal • Flutter plugin can be installed from: https://plugins.jetbrains.com/plugin/9212-flutter • Dart plugin can be installed from: https://plugins.jetbrains.com/plugin/6351-dart • Java version OpenJDK Runtime Environment (build 21.0.6+-13391695-b895.109) [√] IntelliJ IDEA Community Edition (version 2025.1) [122ms] • IntelliJ at C:\Program Files\JetBrains\IntelliJ IDEA Community Edition 2024.3.4 • Flutter plugin version 85.2.4 • Dart plugin version 251.25410.28 [√] VS Code (version 1.100.2) [19ms] • VS Code at C:\Users\taish\AppData\Local\Programs\Microsoft VS Code • Flutter extension version 3.110.0 [√] Connected device (3 available) [2.4s] • Windows (desktop) • windows • windows-x64 • Microsoft Windows [Version 10.0.26200.5603] • Chrome (web) • chrome • web-javascript • Google Chrome 136.0.7103.114 • Edge (web) • edge • web-javascript • Microsoft Edge 137.0.3296.39 [√] Network resources [656ms] • All expected network resources are available. • No issues found! ```
    Mac OS ``` [!] Flutter (Channel stable, 3.27.1, on macOS 15.2 24C101 darwin-arm64, locale ja-JP) • Flutter version 3.27.1 on channel stable at /Users/taishow2024/src/flutter ! Upstream repository https://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:x-oauth-basic@github.com/flutter/flutter.git is not a standard remote. Set environment variable "FLUTTER_GIT_URL" to https://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:x-oauth-basic@github.com/flutter/flutter.git to dismiss this error. • Framework revision 17025dd882 (13 days ago), 2024-12-17 03:23:09 +0900 • Engine revision cb4b5fff73 • Dart version 3.6.0 • DevTools version 2.40.2 • If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and upgrades. [✗] Android toolchain - develop for Android devices ✗ Unable to locate Android SDK. Install Android Studio from: https://developer.android.com/studio/index.html On first launch it will assist you in installing the Android SDK components. (or visit https://flutter.dev/to/macos-android-setup for detailed instructions). If the Android SDK has been installed to a custom location, please use `flutter config --android-sdk` to update to that location. [✓] Xcode - develop for iOS and macOS (Xcode 16.1) • Xcode at /Applications/Xcode.app/Contents/Developer • Build 16B40 • CocoaPods version 1.16.1 [✓] Chrome - develop for the web • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome [!] Android Studio (not installed) • Android Studio not found; download from https://developer.android.com/studio/index.html (or visit https://flutter.dev/to/macos-android-setup for detailed instructions). [✓] VS Code (version 1.96.2) • VS Code at /Applications/Visual Studio Code.app/Contents • Flutter extension version 3.102.0 [✓] Connected device (4 available) • iPhone 16 Pro (mobile) • 17212119-2285-4ED4-80BC-E40A2F42FEF3 • ios • com.apple.CoreSimulator.SimRuntime.iOS-18-1 (simulator) • macOS (desktop) • macos • darwin-arm64 • macOS 15.2 24C101 darwin-arm64 • Mac Designed for iPad (desktop) • mac-designed-for-ipad • darwin • macOS 15.2 24C101 darwin-arm64 • Chrome (web) • chrome • web-javascript • Google Chrome 131.0.6778.205 [✓] Network resources • All expected network resources are available. ! Doctor found issues in 3 categories. ```
    Chrome OS Flex ``` [✓] Flutter (Channel stable, 3.27.1, on Debian GNU/Linux 12 (bookworm) 6.6.54-05528-gdd4efe62d86b, locale en_US.UTF-8) • Flutter version 3.27.1 on channel stable at /home/taishow2006/src/flutter • Upstream repository https://github.com/flutter/flutter.git • Framework revision 17025dd882 (2 weeks ago), 2024-12-17 03:23:09 +0900 • Engine revision cb4b5fff73 • Dart version 3.6.0 • DevTools version 2.40.2 [✗] Android toolchain - develop for Android devices ✗ Unable to locate Android SDK. Install Android Studio from: https://developer.android.com/studio/index.html On first launch it will assist you in installing the Android SDK components. (or visit https://flutter.dev/to/linux-android-setup for detailed instructions). If the Android SDK has been installed to a custom location, please use `flutter config --android-sdk` to update to that location. [✗] Chrome - develop for the web (Cannot find Chrome executable at google-chrome) ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable. [✓] Linux toolchain - develop for Linux desktop • Debian clang version 14.0.6 • cmake version 3.25.1 • ninja version 1.11.1 • pkg-config version 1.8.1 [!] Android Studio (not installed) • Android Studio not found; download from https://developer.android.com/studio/index.html (or visit https://flutter.dev/to/linux-android-setup for detailed instructions). [✓] VS Code (version 1.96.2) • VS Code at /usr/share/code • Flutter extension version 3.102.0 [✓] Connected device (1 available) • Linux (desktop) • linux • linux-x64 • Debian GNU/Linux 12 (bookworm) 6.6.54-05528-gdd4efe62d86b [✓] Network resources • All expected network resources are available. ! Doctor found issues in 3 categories. ```
  • flutterの更新
    flutter upgrade
    
  • flutter 3.27.1
    • Android Studio Meerkat 2024.3.1 Canary 6
      • AndroidManifest.xml に下記追加
        <uses-permission android:name="android.permission.INTERNET"/>
        
    • Chrome OS Flex
      sudo apt install clang cmake ninja-build
      
    • iOS Simulator on Mac OS iOS Simulator
  • flutter 3.24.3 / Android Studio Ladybug
  • Build エラーシューティング
  • 動かして学ぶ!Flutter開発入門
    • firebase
      • firebase(Webサイト)でプロジェクトを作成する
      • コンソールでfirebaseを利用する設定を行う
        • firebase-toolsをインストールする
          npm install -g firebase-tools
          
        • firebaseにログインする
          firebase login
          
        • firebaseCLIをインストールする
          dart pub global activate flutterfire_cli
          
        • flutterアプリと紐づけるため、プロジェクトを作成する
          flutter create <Project Name>
          
        • flutterアプリと紐づける
          cd <ProjectDirectory>
          flutterfire configure --project={firebaseのプロジェクト名}
          
      • Functions(関数)・・・Blazeプランに変更しないと利用できない
        • デプロイされている関数を一覧で確認 一覧
        • Timerトリガの関数
          • Cloud Schedulerで実行周期を確認 Cloud Scheduler
    • flutter icon
    • 64Kを超えるメソッドを使用する Multidex Support
  • カスタムフォントの利用 公式ドキュメント
    • Raleway and Roboto Mono(Google Fonts) Google Fonts
    • LINESeed JP LINESeed JP
  • Android Studio Update

アプリ作成

  1. 情報収集
    1. 株価取得
    2. Flutter