Flutter 使ってモバイルの世界さ行くべ 🐦

$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.19.3, on macOS 14.4 23E214 darwin-arm64, locale ja-JP)
[!] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
    ✗ cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
    ✗ Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/macos#android-setup for more details.
[✗] Xcode - develop for iOS and macOS
    ✗ Xcode installation is incomplete; a full installation is necessary for iOS and macOS development.
      Download at: https://developer.apple.com/xcode/
      Or install Xcode via the App Store.
      Once installed, run:
        sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
        sudo xcodebuild -runFirstLaunch
    ✗ CocoaPods not installed.
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To install see https://guides.cocoapods.org/using/getting-started.html#installation for instructions.
[✓] Chrome - develop for the web
[✓] Android Studio (version 2023.2)
[✓] VS Code (version 1.87.1)
[✓] Connected device (2 available)
[✓] Network resources

! Doctor found issues in 2 categories.
The Flutter CLI developer tool uses Google Analytics to report usage and diagnostic
data along with package dependencies, and crash reporting to send basic crash
reports. This data is used to help improve the Dart platform, Flutter framework,
and related tools.

Telemetry is not sent on the very first run. To disable reporting of telemetry,
run this terminal command:

    flutter --disable-analytics

If you opt out of telemetry, an opt-out event will be sent, and then no further
information will be sent. This data is collected in accordance with the Google
Privacy Policy (https://policies.google.com/privacy)

$ flutter doctor --android-licenses
[=======================================] 100% Computing updates...
4 of 6 SDK package licenses not accepted.
Review licenses that have not been accepted (y/N)? y

$ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
$ sudo xcodebuild -runFirstLaunch

$ brew update && brew upgrade
$ sudo gem install cocoapods
$ pod --version
1.15.2

ERROR:  Error installing cocoapods:
The last version of drb (>= 0) to support your Ruby & RubyGems was 2.0.6. Try installing it with `gem install drb -v 2.0.6` and then running the current command again
drb requires Ruby version >= 2.7.0. The current ruby version is 2.6.10.210.

// 安定版を表示
$ rbenv install -l
3.0.7
3.1.5
3.2.4
3.3.1
jruby-9.4.6.0
mruby-3.3.0
picoruby-3.0.0
truffleruby-24.0.1
truffleruby+graalvm-24.0.1

// 適当な Ruby のインストールと適用
$ rbenv install 3.3.1
$ rbenv global 3.3.1
$ exec $SHELL -l

$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.19.3, on macOS 14.4 23E214 darwin-arm64, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 15.3)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2023.2)
[✓] VS Code (version 1.87.1)
[✓] Connected device (2 available)
[✓] Network resources

• No issues found!

[✓] Flutter (Channel stable, 3.19.3, on macOS 14.4 23E214 darwin-arm64, locale ja-JP)
    • Flutter version 3.19.3 on channel stable at /Users/maechan/Dev/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision ba39319843 (10 days ago), 2024-03-07 15:22:21 -0600
    • Engine revision 2e4ba9c6fb
    • Dart version 3.3.1
    • DevTools version 2.31.1

[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
    • Android SDK at /Users/maechan/Library/Android/sdk
    • Platform android-34, build-tools 34.0.0
    • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 17.0.9+0-17.0.9b1087.7-11185874)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 15.3)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 15E204a
    • CocoaPods version 1.15.2

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2023.2)
    • Android Studio at /Applications/Android Studio.app/Contents
    • 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 17.0.9+0-17.0.9b1087.7-11185874)

[✓] VS Code (version 1.87.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.84.0

[✓] Connected device (2 available)
    • macOS (desktop) • macos  • darwin-arm64   • macOS 14.4 23E214 darwin-arm64
    • Chrome (web)    • chrome • web-javascript • Google Chrome 122.0.6261.129

[✓] Network resources
    • All expected network resources are available.

• No issues found!

To use 'SeiyaのiPad' for development, enable Developer Mode in Settings → Privacy & Security.

Exited (1).

Launching lib/main.dart on macOS in debug mode...
--- xcodebuild: WARNING: Using the first of multiple matching destinations:
{ platform:macOS, arch:arm64, id:xxxxxxxxxx-xxxxxxxxxx, name:My Mac }
{ platform:macOS, arch:x86_64, id:xxxxxxxxxx-xxxxxxxxxx, name:My Mac }
warning: Run script build phase 'Run Script' will be run during every build because it does not specify any outputs. To address this warning, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'Flutter Assemble' from project 'Runner')

$ flutter clean
Cleaning Xcode workspace...
Cleaning Xcode workspace...
Deleting build...
Deleting .dart_tool...
Deleting Generated.xcconfig...
Deleting flutter_export_environment.sh...
Deleting ephemeral...

Connecting to VM Service at ws://127.0.0.1:56477/QUrtiBrqCtw=/ws

Scaffold
│
├── AppBar
│    └── Text ("タイトル")
│
├── Center
│    └── Text ("メインコンテンツ")
│
└── FloatingActionButton
     └── Icon (Icons.add)

  Scaffold(
  appBar: AppBar(
    title: Text('タイトル'),
  ),
  body: Center(
    child: Text('メインコンテンツ'),
  ),
  floatingActionButton: FloatingActionButton(
    onPressed: () {
      // アクション
    },
    child: Icon(Icons.add),
  ),
)

$ flutterfire configure
i Found 4 Firebase projects.

✔ Select a Firebase project to configure your Flutter application with xxxxxx.
✔ Which platforms should your configuration support (use arrow keys & space to select)? · android, ios
i Firebase android app com.example.helloworld is not registered on Firebase project xxxxxx. 

i Registered a new Firebase android app on Firebase project xxxxxx. 
i Firebase ios app com.example.helloworld is not registered on Firebase project xxxxxx.
i Registered a new Firebase ios app on Firebase project xxxxxx.
Firebase configuration file lib/firebase_options.dart generated successfully with the following Firebase apps:
Platform  Firebase App Id
android   n:xxxxxxxxx:android:xxxxxxxxxxxx
ios       n:xxxxxxxxxx:ios:xxxxxxxxxxxxxxx

Learn more about using this file and next steps from the documentation:
 > https://firebase.google.com/docs/flutter/setup

$ flutter run --verbose
...
[ +394 ms] 1.15.2
[        ] Running pod install...  // ここで数分待っている・・・

// Firebase 関連のライブラリを一旦アンインストール (1)
$ flutter pub remove firebase_ui_auth
$ flutter pub remove cloud_firestore
$ flutter pub remove firebase_auth
$ flutter pub remove firebase_core
// 依存関係を再構築 (2)
$ flutter clean // 念の為おまじない
$ flutter pub get

enum PlanetType { terrestrial, gas, ice }

enum Planet {
  mercury(planetType: PlanetType.terrestrial, moons: 0, hasRings: false),
  venus(planetType: PlanetType.terrestrial, moons: 0, hasRings: false),
  uranus(planetType: PlanetType.ice, moons: 27, hasRings: true),
  neptune(planetType: PlanetType.ice, moons: 14, hasRings: true);

  const Planet({required this.planetType, required this.moons, required this.hasRings});

  final PlanetType planetType;
  final int moons;
  final bool hasRings;
  
  bool get isGiant => planetType == PlanetType.gas || planetType == PlanetType.ice;
}

void main() {
  List<Planet> planets = Planet.values;
  for (var planet in planets) {
    print('Planet: ${planet.name}');
    print('Type: ${planet.planetType}');
    print('Moons: ${planet.moons}');
    print('Has Rings: ${planet.hasRings}');
    print('Is Giant: ${planet.isGiant}');
    print('---');
  }
}

class MockSpaceship implements Spacecraft {
  @override
  // Spacecraftクラスの全てのメソッドをここで実装する必要がある
}

abstract class Describable {
  void describe();  // 抽象メソッド

  void describeWithEmphasis() {
    print('=========');
    describe();
    print('=========');
  }
}

class Animal {
  Animal get parent => ...
  void chase(Animal a) { ... }
}

class Cat extends Animal {
  @override
  Cat get parent => ...

  @override
  void chase(Object a) { ... } // Animal から Object へ変更は可能
}

// Homebrew 経由で fvm をインストール
$ brew tap leoafarias/fvm
$ brew install fvm
$ fvm -v
3.1.1

// インストール可能な Flutter のバージョンを出力
$ fvm releases 
┌───────────────────┬──────────────┬──────────┐
│ Version           │ Release Date │ Channel  │
├───────────────────┼──────────────┼──────────┤
│ v1.0.0            │ Dec 4, 2018  │ stable   │
├───────────────────┼──────────────┼──────────┤
│ v1.2.1            │ Feb 26, 2019 │ stable   │
├───────────────────┼──────────────┼──────────┤
...
│ 3.19.2            │ Feb 28, 2024 │ stable   │
├───────────────────┼──────────────┼──────────┤
│ 3.19.3            │ Mar 8, 2024  │ stable   │
├───────────────────┼──────────────┼──────────┤
│ 3.19.4            │ Mar 21, 2024 │ stable ✓ │
└───────────────────┴──────────────┴──────────┘
Channel:
┌─────────┬─────────┬──────────────┐
│ Channel │ Version │ Release Date │
├─────────┼─────────┼──────────────┤
│ stable  │ 3.19.4  │ Mar 21, 2024 │
└─────────┴─────────┴──────────────┘

// 現状の安定版をインストール
$ fvm install 3.19.4
Creating local mirror...
 Compressing objects: [██████████████████████████████████████████████████] 100%
 Receiving objects:   [██████████████████████████████████████████████████] 100%
 Resolving deltas:    [██████████████████████████████████████████████████] 100%
✓ Clone complete
✓ Flutter SDK: SDK Version : 3.19.4 installed! (2.6s)

// バージョンを指定
$ fvm use 3.19.4 // 安定版を指定したい場合は `stable` と入力してもいい

# Flutter alias
alias flutter 'fvm flutter'

// エイリアス `flutter` で実行
$ flutter pub add http
Resolving dependencies... 
+ http 1.2.1
+ http_parser 4.0.2
  leak_tracker 10.0.0 (10.0.4 available)
  leak_tracker_flutter_testing 2.0.1 (3.0.3 available)
  leak_tracker_testing 2.0.1 (3.0.1 available)
  material_color_utilities 0.8.0 (0.11.1 available)
  meta 1.11.0 (1.12.0 available)
  test_api 0.6.1 (0.7.0 available)
+ typed_data 1.3.2
  vm_service 13.0.0 (14.2.0 available)
+ web 0.5.1
Changed 4 dependencies!
7 packages have newer versions incompatible with dependency constraints.
Try `flutter pub outdated` for more information.

// エイリアスを使わない元のコマンドで実行
$ fvm flutter pub add http
"http" is already in "dependencies". Will try to update the constraint.
Resolving dependencies... 
  leak_tracker 10.0.0 (10.0.4 available)
  leak_tracker_flutter_testing 2.0.1 (3.0.3 available)
  leak_tracker_testing 2.0.1 (3.0.1 available)
  material_color_utilities 0.8.0 (0.11.1 available)
  meta 1.11.0 (1.12.0 available)
  test_api 0.6.1 (0.7.0 available)
  vm_service 13.0.0 (14.2.0 available)
Got dependencies!
7 packages have newer versions incompatible with dependency constraints.
Try `flutter pub outdated` for more information.

$ fvm use 3.19.4
Setting up Flutter SDK: 3.19.4

Downloading Darwin arm64 Dart SDK from Flutter engine a5c24f538d05aaf66f7972fb23959d8cafb9f95a...
  % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                 Dload  Upload   Total   Spent    Left  Speed
100  212M  100  212M    0     0  18.1M      0  0:00:11  0:00:11 --:--:-- 15.7M
Building flutter tool...
Resolving dependencies... (2.1s)
Got dependencies.
Flutter 3.19.4 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 68bfaea224 (2 days ago) • 2024-03-20 15:36:31 -0700
Engine • revision a5c24f538d
Tools • Dart 3.3.2 • DevTools 2.31.1

✓ Flutter SDK: SDK Version : 3.19.4 is setup
[WARN] Project is not a git repository. 
 But will set .gitignore as IDEs may use it,to determine what to index and display on searches,
You should add the fvm version directory ".fvm/" to .gitignore.
✔ Would you like to do that now? · yes                                                      
✓ Added .fvm/ to .gitignore

✓ Dependencies resolved. (8.4s)
✓ Project now uses Flutter SDK : SDK Version : 3.19.4
┌────────────────────────────────────────────────────────────────────┐
│ ✓ Running on VsCode, please restart the terminal to apply changes. │
└────────────────────────────────────────────────────────────────────┘
You can then use "flutter" command within the VsCode terminal.

{
  "dart.flutterSdkPath": ".fvm/versions/3.19.4"
}

$ flutter  --version
Flutter 3.19.4 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 68bfaea224 (2 days ago) • 2024-03-20 15:36:31 -0700
Engine • revision a5c24f538d
Tools • Dart 3.3.2 • DevTools 2.31.1

// Dart は Flutter をインストールしたら自動的に入るけど念のため出力してみる
$ dart --version
Dart SDK version: 3.3.1 (stable) (Wed Mar 6 13:09:19 2024 +0000) on "macos_arm64"

// `Dev` というディレクトリをユーザーディレクトリの下に作ってそこで管理していた
$ which dart
/Users/maechan/Dev/flutter/bin/dart

// Flutter ディレクトリを削除（シェルで通していたパスがあればそれも削除）
$ rm -rf /Users/maechan/Dev/flutter/
// Dart コマンドが使えないことを確認
$ dart --version
fish: Unknown command: dart

$ flutter --version
Flutter 3.19.4 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 68bfaea224 (2 days ago) • 2024-03-20 15:36:31 -0700
Engine • revision a5c24f538d
Tools • Dart 3.3.2 • DevTools 2.31.1

$ dart --version
Dart SDK version: 3.3.2 (stable) (Tue Mar 19 20:44:48 2024 +0000) on "macos_arm64"

import 'package:flutter/material.dart';

void main() {
  runApp(const Center(
    child: Counter(),
  ));
}

class Counter extends StatefulWidget {
  const Counter({super.key});

  @override
  State<Counter> createState() => _CounterState();
}

class _CounterState extends State<Counter> {
  int _count = 0;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () {
        print('tapped!');
        setState(() {
          _count += 1;
        });
      },
      child: Container(
          color: Colors.red,
          width: 100,
          height: 100,
          child: Center(child: Text('$_count', textDirection: TextDirection.ltr))),
    );
  }
}

{
  "apiEndpoint": "http://example.com/api",
  "logLevel": 1,
  "enableDebugMenu": true
}

const endpoint = String.fromEnvironment('apiEndpoint');
const endpoint = Int.fromEnvironment('logLevel');
const endpoint = bool.fromEnvironment('enableDebugMenu');

// 不要なプラットフォームディレクトリを削除
$ rm -rf linux/ && rm -rf macos/ && rm -rf windows/ && rm -rf web/
// お掃除
$ flutter clean
// 依存関係を再取得
$ flutter pub get

// Hooks を入れておきたい
$ flutter pub add flutter_hooks

// Firebase のインストール
$ flutter pub add firebase_core firebase_auth cloud_firestore provider firebase_ui_auth

// Riverpod のインストール（`flutter_riverpod` を使う場合は `hooks_riverpod` と交換）
$ flutter pub add hooks_riverpod riverpod_annotation
// Riverpod のアノテーションと定義の自動生成と整形用ライブラリ
$ flutter pub add --dev riverpod_generator riverpod_lint custom_lint

// freezed のインストール
$ flutter pub add freezed_annotation json_annotation
$ flutter pub add --dev freezed json_serializable 

// コード生成のために build_runner を導入
$ flutter pub add --dev build_runner

// コード生成コマンド
$ flutter packages pub run build_runner build

$ open -a Simulator
$ flutter run
...
Checking for wireless devices...

[1]: SeiyaのiPad (00008103-0002311A3668801E)
[2]: Seiya’s iPhone (00008110-00142C392607801E)
[3]: iPhone 15 (2426173C-39AF-4782-86ED-23C8187B51D8)
[4]: Mac Designed for iPad (mac-designed-for-ipad)
Please choose one (or "q" to quit): 3
...