Dart & Flutter
独学書
Text | Date | Status |
---|---|---|
動かして学ぶ!Flutter開発入門 | 2023/12/23 | Chapter 4 Firebaseとの連携 finished ->コード |
コンテンツ
Contents | Date | Status |
---|---|---|
Flutterで始めるモバイルアプリ開発 | 2024/12/29 | 第29回 アプリ名やアイコン設定までFlutterで完結! 開発者向けツールを紹介finished |
環境
-
Windows 11
Machine Env / FW Last Updated Windows Insider Flutter 3.35.1 2025/08/17 Android Studio Narwhal 4 2025.1.4 Canary 4 2025/09/06 Visual Studio Community 2026 18.0.0 Insiders 2025/09/12 -
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 -
macOS Sequoia 15.6.1
Machine Env / FW Last Updated macOS Flutter 3.37.0-1.0.pre-397 2025/10/03
ノウハウ
設定
- 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の更新
flutter upgrade
- flutter doctor -v
Windows Insider
[√] Flutter (Channel stable, 3.35.1, on Microsoft Windows [Version 10.0.26220.6682], locale ja-JP) [781ms] • Flutter version 3.35.1 on channel stable at C:\Users\taish\dev\flutter • Upstream repository https://github.com/flutter/flutter.git • Framework revision 20f8274939 (5 weeks ago), 2025-08-14 10:53:09 -0700 • Engine revision 1e9a811bf8 • Dart version 3.9.0 • DevTools version 2.48.0 • Feature flags: enable-web, enable-linux-desktop, enable-macos-desktop, enable-windows-desktop, enable-android, enable-ios, cli-animations, enable-lldb-debugging [√] Windows Version (Windows 11 or higher, 25H2, 2009) [2.4s] [√] Android toolchain - develop for Android devices (Android SDK version 36.1.0-rc1) [4.2s] • Android SDK at C:\Users\taish\AppData\Local\Android\Sdk • Emulator version 36.2.8.0 (build_id 14056829) (CL:N/A) • Platform android-CANARY, build-tools 36.1.0-rc1 • ANDROID_HOME = C:\Users\taish\AppData\Local\Android\Sdk • Java binary at: D:\Program Files\Android\Android Studio\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.8+-14018985-b1038.68) • All Android licenses accepted. [√] Chrome - develop for the web [423ms] • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe [√] Visual Studio - develop Windows apps (Visual Studio Community 2026 18.0.0 Insiders [11012.119]) [421ms] • Visual Studio at D:\Program Files\Microsoft Visual Studio\18\Insiders • Visual Studio Community 2026 version 18.0.11012.119 • 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.4) [119ms] • Android Studio at D:\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.8+-14018985-b1038.68) [√] IntelliJ IDEA Ultimate Edition (version 2025.2) [117ms] • IntelliJ at C:\Program Files\JetBrains\IntelliJ IDEA 252.23892.248 • Flutter plugin version 85.3.2 • Dart plugin version 252.25557.23 [√] VS Code (version 1.104.0) [12ms] • VS Code at C:\Users\taish\AppData\Local\Programs\Microsoft VS Code • Flutter extension version 3.118.0 [√] Connected device (3 available) [2.4s] • Windows (desktop) • windows • windows-x64 • Microsoft Windows [Version 10.0.26220.6682] • Chrome (web) • chrome • web-javascript • Google Chrome 139.0.7258.155 • Edge (web) • edge • web-javascript • Microsoft Edge 141.0.3537.13 [√] Network resources [546ms] • All expected network resources are available. • No issues found!
macOS
[✓] Flutter (Channel master, 3.37.0-1.0.pre-397, on macOS 26.0 25A354 darwin-arm64, locale ja-JP) [2.8s] • Flutter version 3.37.0-1.0.pre-397 on channel master at /Users/taishow2024/src/flutter • Upstream repository https://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:x-oauth-basic@github.com/flutter/flutter.git • FLUTTER_GIT_URL = https://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:x-oauth-basic@github.com/flutter/flutter.git • Framework revision 018897e3f1 (4 hours ago), 2025-10-03 03:22:28 -0400 • Engine revision 018897e3f1 • Dart version 3.10.0 (build 3.10.0-275.0.dev) • DevTools version 2.50.0 • Feature flags: enable-web, enable-linux-desktop, enable-macos-desktop, enable-windows-desktop, enable-android, enable-ios, cli-animations, enable-native-assets, omit-legacy-version-file, enable-lldb-debugging [✓] Android toolchain - develop for Android devices (Android SDK version 36.1.0-rc1) [2.7s] • Android SDK at /Users/taishow2024/Library/Android/sdk • Emulator version 36.1.9.0 (build_id 13823996) (CL:N/A) • Platform android-36, build-tools 36.1.0-rc1 • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/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.7+-13880790-b1038.58) • All Android licenses accepted. [✓] Xcode - develop for iOS and macOS (Xcode 26.0) [2.6s] • Xcode at /Applications/Xcode.app/Contents/Developer • Build 17A324 • CocoaPods version 1.16.2 [✓] Chrome - develop for the web [18ms] • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome [✓] Connected device (3 available) [10.5s] • iPhone 17 Pro (mobile) • 156A82AF-0122-45D9-BB69-05425EF502E9 • ios • com.apple.CoreSimulator.SimRuntime.iOS-26-0 (simulator) • macOS (desktop) • macos • darwin-arm64 • macOS 26.0 25A354 darwin-arm64 • Chrome (web) • chrome • web-javascript • Google Chrome 141.0.7390.54 [✓] Network resources [1,119ms] • All expected network resources are available. • No issues found!
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 gpu (履歴)
- Getting Started
- 設定
- native-assetsを有効にする(開発中のチャネル(masterチャネル)でのサポート)
flutter config --enable-native-assets
- flutter SDKをmasterチャネルに切り替え
flutter channel master
- 更新可能とするための環境変数の設定(.zshenv)
export FLUTTER_GIT_URL="https://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:x-oauth-basic@github.com/flutter/flutter.git"
- flutter SDKをmasterチャネルに切り替え
- shaderを自動的にビルドするための設定(hook/build.dart)
// Copy into: hook/build.dart import 'package:native_assets_cli/native_assets_cli.dart'; import 'package:flutter_gpu_shaders/build.dart'; void main(List<String> args) async { await build(args, (input, output) async { await buildShaderBundleJson( buildInput: input, buildOutput: output, manifestFileName: 'my_renderer.shaderbundle.json'); }); }
- native-assetsを有効にする(開発中のチャネル(masterチャネル)でのサポート)
- iOS 26
履歴
- flutter 3.27.1
- Android Studio Meerkat 2024.3.1 Canary 6
- AndroidManifest.xml に下記追加
<uses-permission android:name="android.permission.INTERNET"/>
- AndroidManifest.xml に下記追加
- Chrome OS Flex
sudo apt install clang cmake ninja-build
- iOS Simulator on macOS
- Android Studio Meerkat 2024.3.1 Canary 6
- flutter 3.24.3 / Android Studio Ladybug
- Java 21
- Gradle 8.10
- Gradle Plugin も考慮する
- Build エラーシューティング
- flutter環境の確認
flutter doctor -v
- JavaのバージョンとGradleのバージョンの対応確認
- flutter環境の確認
- 動かして学ぶ!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のプロジェクト名}
- firebase-toolsをインストールする
- Functions(関数)・・・Blazeプランに変更しないと利用できない
- デプロイされている関数を一覧で確認
- Timerトリガの関数
- Cloud Schedulerで実行周期を確認
- Cloud Schedulerで実行周期を確認
- デプロイされている関数を一覧で確認
- flutter icon
- 64Kを超えるメソッドを使用する Multidex Support
- firebase
- カスタムフォントの利用
公式ドキュメント
- Raleway and Roboto Mono(Google Fonts)
- LINESeed JP
- Raleway and Roboto Mono(Google Fonts)
- Android Studio Update
アプリ作成
- 情報収集