Dart & Flutter

独学書

テキスト	日付	進捗状況
動かして学ぶ！Flutter開発入門	2023/12/23	Chapter 4 Firebaseとの連携 finished ->コード

コンテンツ

コンテンツ	日付	進捗状況
Flutterで始めるモバイルアプリ開発	2024/12/29	第29回 アプリ名やアイコン設定までFlutterで完結！ 開発者向けツールを紹介finished

環境

端末	環境／FW	最終更新
InsiderDev	Flutter 3.27.1	2024/12/23
	Android Studio Meerkat 2024.3.1 Canary 9	2025/01/11
	Visual Studio Community 2022 17.13.0 Preview 2.1	2024/12/22
Mac OS	Flutter 3.27.1	2024/12/29
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

ノウハウ

• flutter dev

  • Get started
  • myapp - flutter demo
  • Startup namer

• Setup

  Expand-Archive –Path $env:USERPROFILE\Downloads\flutter_windows_3.27.1-stable.zip -Destination $env:USERPROFILE\dev\
  

• flutter doctor -v

  InsiderDev

  [✓] Flutter (Channel stable, 3.27.1, on Microsoft Windows [Version 10.0.26120.2705], locale ja-JP)
      • Flutter version 3.27.1 on channel stable at C:\Users\taish\dev\flutter
      • Upstream repository https://github.com/flutter/flutter.git
      • Framework revision 17025dd882 (6 days ago), 2024-12-17 03:23:09 +0900
      • Engine revision cb4b5fff73
      • Dart version 3.6.0
      • DevTools version 2.40.2
  
  [✓] Windows Version (Installed version of Windows is version 10 or higher)
  
  [✓] Android toolchain - develop for Android devices (Android SDK version 35.0.0)
      • Android SDK at C:\Users\taish\AppData\Local\Android\sdk
      • Platform android-Baklava, build-tools 35.0.0
      • Java binary at: C:\Program Files\Android\Android Studio\jbr\bin\java
      • Java version OpenJDK Runtime Environment (build 21.0.5+-12771278-b631.28)
      • All Android licenses accepted.
  
  [✓] Chrome - develop for the web
      • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe
  
  [✓] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.13.0 Preview 2.1)
      • Visual Studio at C:\Program Files\Microsoft Visual Studio\2022\Preview
      • Visual Studio Community 2022 version 17.13.35617.110
      • The current Visual Studio installation is a pre-release version. It may not be supported by Flutter yet.
      • Windows 10 SDK version 10.0.22621.0
  
  [✓] Android Studio (version 2024.3)
      • Android Studio at C:\Program Files\Android\Android Studio
      • 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.5+-12771278-b631.28)
  
  [✓] IntelliJ IDEA Community Edition (version 2024.3)
      • IntelliJ at C:\Program Files\JetBrains\IntelliJ IDEA Community Edition 2024.3
      • Flutter plugin version 83.0.4
      • Dart plugin version 243.23177
  
  [✓] VS Code (version 1.96.2)
      • VS Code at C:\Users\taish\AppData\Local\Programs\Microsoft VS Code
      • Flutter extension version 3.102.0
  
  [✓] Connected device (3 available)
      • Windows (desktop) • windows • windows-x64    • Microsoft Windows [Version 10.0.26120.2705]
      • Chrome (web)      • chrome  • web-javascript • Google Chrome 131.0.6778.205
      • Edge (web)        • edge    • web-javascript • Microsoft Edge 132.0.2957.55
  
  [✓] Network resources
      • All expected network resources are available.
  

  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

• flutter 3.24.3 / Android Studio Ladybug

  • Java 21
  • Gradle 8.10
  • Gradle Plugin も考慮する
    • Android Application Gradle Plugin

• Build エラーシューティング

  • flutter環境の確認

    flutter doctor -v
    

  • JavaのバージョンとGradleのバージョンの対応確認

• 動かして学ぶ！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で実行周期を確認
  • flutter icon
  • 64Kを超えるメソッドを使用する Multidex Support

• カスタムフォントの利用 公式ドキュメント

  • Raleway and Roboto Mono(Google Fonts)
  • LINESeed JP

• Android Studio Update

  • Kotlin dist downloading failed

アプリ作成

1. 情報収集
   1. 株価取得
      • kabuステーションAPI
      • auカブコム証券のkabuステーションAPIを使ってみる
   2. Flutter
      • FlutterでAPIリクエストを行う（初心者向け）