$ cd ~/development
$ unzip ~/Downloads/flutter_macos_3.0.2-stable.zip

$ ~ % ls
Applications    Desktop     Documents   Downloads   Library     Movies      Music       Pictures    Public      VirtualBox VMs  flutter     sandbox

$ ~ % cd flutter //Flutterのディレクトリに移動

$ flutter % ls
AUTHORS         CONTRIBUTING.md     README.md       bin         examples        packages
CODEOWNERS      LICENSE         TESTOWNERS      dartdoc_options.yaml    flutter_console.bat version
CODE_OF_CONDUCT.md  PATENT_GRANT        analysis_options.yaml   dev         flutter_root.iml

$ flutter % cd bin //binディレクトリへ移動
$ bin % pwd        //binディレクトリに移動し、pwdでパスを確認
/Users/divx/flutter/bin  //ここのパスをコピーしておく

% echo $SHELL   //自身のシェルを確認する
/bin/zsh

% echo export PATH="＄PATH:hogehoge" >> ~/.zshrc   //hogehogeの箇所に、コピーしたパスを入力。
$ ~ % echo export PATH="$PATH:/Users/divx/flutter/bin" >> ~/.zshrc   //パスを通す

//ターミナルを「command + q」で一旦終了し、再起動する。
$ ~ % flutter   //flutterが認識されればok

$ echo $PATH   //flutter/binディレクトリがPATHに含まれていることを確認
$ ~ % echo $PATH
/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Users/divx/flutter/bin

$ which flutter   //パスが表示されればOK

$ ~ % which flutter
/Users/divx/flutter/bin/flutter

//開発に必要な準備できているかを確認できるコマンド
flutter doctor

//インストールコマンド
brew install cocoapods

//デフォルトアプリコード

main.dart

import 'package:flutter/material.dart';

void main() {
runApp(const MyApp());
}

class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}

class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key, required this.title}) : super(key: key);
final String title;

@override
State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;

void _incrementCounter() {
setState(() {
_counter++;
});
}

@override
Widget build(BuildContext context) {

return Scaffold(
  appBar: AppBar(
    title: Text(widget.title),
  ),
  body: Center(
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: &lt;Widget&gt;[
        const Text(
          'You have pushed the button this many times:',
        ),
        Text(
          '$_counter',
          style: Theme.of(context).textTheme.headline4,
        ),
      ],
    ),
  ),
  floatingActionButton: FloatingActionButton(
    onPressed: _incrementCounter,
    tooltip: 'Increment',
    child: const Icon(Icons.add),
  ), // This trailing comma makes auto-formatting nicer for build methods.
);
}
}

amplify add auth

npm install -g @aws-amplify/cli@flutter-preview

(base) $ todo_lesson % npm install -g @aws-amplify/cli@flutter-preview
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: amplify-codegen@2.28.1
npm WARN Found: amplify-cli-core@1.30.0
npm WARN node_modules/@aws-amplify/cli/node_modules/@aws-amplify/amplify-category-api/node_modules/amplify-provider-awscloudformation/node_modules/amplify-cli-core
npm WARN   amplify-cli-core@"1.30.0" from amplify-provider-awscloudformation@4.61.1
npm WARN   node_modules/@aws-amplify/cli/node_modules/@aws-amplify/amplify-category-api/node_modules/amplify-provider-awscloudformation
npm WARN     amplify-provider-awscloudformation@"4.61.1" from @aws-amplify/amplify-category-api@1.1.6
npm WARN     node_modules/@aws-amplify/cli/node_modules/@aws-amplify/amplify-category-api
npm WARN   1 more (graphql-transformer-core)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer amplify-cli-core@"^2.3.0" from amplify-codegen@2.28.1
npm WARN node_modules/@aws-amplify/cli/node_modules/@aws-amplify/amplify-category-api/node_modules/amplify-provider-awscloudformation/node_modules/amplify-codegen
npm WARN   amplify-codegen@"^2.23.1" from amplify-provider-awscloudformation@4.61.1
npm WARN   node_modules/@aws-amplify/cli/node_modules/@aws-amplify/amplify-category-api/node_modules/amplify-provider-awscloudformation
npm WARN 
npm WARN Conflicting peer dependency: amplify-cli-core@2.9.1
npm WARN node_modules/amplify-cli-core
npm WARN   peer amplify-cli-core@"^2.3.0" from amplify-codegen@2.28.1
npm WARN   node_modules/@aws-amplify/cli/node_modules/@aws-amplify/amplify-category-api/node_modules/amplify-provider-awscloudformation/node_modules/amplify-codegen
npm WARN     amplify-codegen@"^2.23.1" from amplify-provider-awscloudformation@4.61.1
npm WARN     node_modules/@aws-amplify/cli/node_modules/@aws-amplify/amplify-category-api/node_modules/amplify-provider-awscloudformation
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: amplify-codegen@2.28.1
npm WARN Found: graphql-transformer-core@6.30.0
npm WARN node_modules/@aws-amplify/cli/node_modules/@aws-amplify/amplify-category-api/node_modules/amplify-provider-awscloudformation/node_modules/graphql-transformer-core
npm WARN   graphql-transformer-core@"6.30.0" from amplify-provider-awscloudformation@4.61.1
npm WARN   node_modules/@aws-amplify/cli/node_modules/@aws-amplify/amplify-category-api/node_modules/amplify-provider-awscloudformation
npm WARN     amplify-provider-awscloudformation@"4.61.1" from @aws-amplify/amplify-category-api@1.1.6
npm WARN     node_modules/@aws-amplify/cli/node_modules/@aws-amplify/amplify-category-api
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer graphql-transformer-core@"^7.2.1" from amplify-codegen@2.28.1
npm WARN node_modules/@aws-amplify/cli/node_modules/@aws-amplify/amplify-category-api/node_modules/amplify-provider-awscloudformation/node_modules/amplify-codegen
npm WARN   amplify-codegen@"^2.23.1" from amplify-provider-awscloudformation@4.61.1
npm WARN   node_modules/@aws-amplify/cli/node_modules/@aws-amplify/amplify-category-api/node_modules/amplify-provider-awscloudformation
npm WARN 
npm WARN Conflicting peer dependency: graphql-transformer-core@7.6.1
npm WARN node_modules/graphql-transformer-core
npm WARN   peer graphql-transformer-core@"^7.2.1" from amplify-codegen@2.28.1
npm WARN   node_modules/@aws-amplify/cli/node_modules/@aws-amplify/amplify-category-api/node_modules/amplify-provider-awscloudformation/node_modules/amplify-codegen
npm WARN     amplify-codegen@"^2.23.1" from amplify-provider-awscloudformation@4.61.1
npm WARN     node_modules/@aws-amplify/cli/node_modules/@aws-amplify/amplify-category-api/node_modules/amplify-provider-awscloudformation
npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated graphql-import@0.7.1: GraphQL Import has been deprecated and merged into GraphQL Tools, so it will no longer get updates. Use GraphQL Tools instead to stay up-to-date! Check out https://www.graphql-tools.com/docs/migration-from-import for migration and https://the-guild.dev/blog/graphql-tools-v6 for new changes.
npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated event-to-promise@0.8.0: Use promise-toolbox/fromEvent instead
npm WARN deprecated graphql-tools@4.0.8: This package has been deprecated and now it only exports makeExecutableSchema.\nAnd it will no longer receive updates.\nWe recommend you to migrate to scoped packages such as @graphql-tools/schema, @graphql-tools/utils and etc.\nCheck out https://www.graphql-tools.com to learn what package you should use instead
npm WARN deprecated @graphql-toolkit/common@0.6.6: GraphQL Toolkit is deprecated and merged into GraphQL Tools, so it will no longer get updates. Use GraphQL Tools instead to stay up-to-date! Check out https://www.graphql-tools.com/docs/migration-from-toolkit for migration and https://the-guild.dev/blog/graphql-tools-v6 for new changes.
npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated @aws-amplify/cli@7.7.0-flutter-preview.2: This version is no longer supported. Please use 7.6.15 or higher.
npm WARN deprecated core-js@2.6.12: core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
npm WARN deprecated core-js@2.6.12: core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
npm WARN deprecated core-js@2.6.12: core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
npm WARN deprecated @graphql-toolkit/common@0.9.7: GraphQL Toolkit is deprecated and merged into GraphQL Tools, so it will no longer get updates. Use GraphQL Tools instead to stay up-to-date! Check out https://www.graphql-tools.com/docs/migration-from-toolkit for migration and https://the-guild.dev/blog/graphql-tools-v6 for new changes.
npm WARN deprecated @graphql-toolkit/common@0.9.7: GraphQL Toolkit is deprecated and merged into GraphQL Tools, so it will no longer get updates. Use GraphQL Tools instead to stay up-to-date! Check out https://www.graphql-tools.com/docs/migration-from-toolkit for migration and https://the-guild.dev/blog/graphql-tools-v6 for new changes.

added 1583 packages, and audited 1609 packages in 2m

57 packages are looking for funding
  run `npm fund` for details

38 vulnerabilities (4 low, 7 moderate, 26 high, 1 critical)

To address issues that do not require attention, run:
  npm audit fix

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.
npm notice 
npm notice New patch version of npm available! 8.12.1 -> 8.12.2
npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.12.2
npm notice Run npm install -g npm@8.12.2 to update!
npm notice

amplify --version

(base) $ todo_lesson % amplify --version
7.7.0-flutter-preview.2

amplify configure

dev_dependencies:
flutter_test:
sdk: flutter

get: ^4.6.5
amplify_flutter: ^0.5.1
amplify_datastore: ^0.5.1
amplify_api: ^0.5.1

Future<void> _configureAmplify() async {
// Add the following lines to your app initialization to add the DataStore plugin
final datastorePlugin =
AmplifyDataStore(modelProvider: ModelProvider.instance);
await Amplify.addPlugin(datastorePlugin);
try {
await Amplify.configure(amplifyconfig);
} on AmplifyAlreadyConfiguredException {
safePrint(
'Tried to reconfigure Amplify; this can occur when your app restarts on Android.');
}
}

flutter pub get

import 'package:amplify_datastore/amplify_datastore.dart';
import 'package:amplify_flutter/amplify_flutter.dart';
import 'package:get/get_state_manager/src/simple/get_controllers.dart';

void _configureAmplify() async {
final datastorePlugin = AmplifyDataStore(
modelProvider: ModelProvider.instance,
);
// Add the following line and update your function call with addPlugins
final api = AmplifyAPI();
await Amplify.addPlugins([datastorePlugin, api]);
try {
await Amplify.configure(amplifyconfig);
} on AmplifyAlreadyConfiguredException {
print('Tried to reconfigure Amplify; this can occur when your app restarts on Android.');
}
}

class HomeScreen extends StatelessWidget {
const HomeScreen({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return Container();
}
}

import 'package:flutter_amplify/amplifyconfiguration.dart';
import 'package:flutter_amplify/models/ModelProvider.dart';

//main.dart

import 'package:flutter/material.dart';
import 'package:flutter_amplify/controller/controller_bindings.dart';
import 'package:flutter_amplify/screens/home_screen.dart';
import 'package:get/get_navigation/src/root/get_material_app.dart';

void main() {
  runApp(const MyApp());                     //最初に呼ばれるルートウィジェット
}

class MyApp extends StatelessWidget {        //Myappは、状態の変化がないStatelessWidgetを継承している。
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {       //build()メソッド内にウィジェットツリーを記述して画面を表示する。
    return GetMaterialApp(
      initialBinding: ControllerBindings(),
      home: const HomeScreen(),
    );
  }
}

//controller_bindings.dart

import 'package:flutter_amplify/controller/controller.dart';
import 'package:get/get.dart';

class ControllerBindings extends Bindings {
  @override
  void dependencies() {
    Get.put(Controller());
  }
}

//controller.dart

import 'package:amplify_api/amplify_api.dart';
import 'package:amplify_datastore/amplify_datastore.dart';
import 'package:amplify_flutter/amplify_flutter.dart';
import 'package:flutter_amplify/amplifyconfiguration.dart';
import 'package:flutter_amplify/models/ModelProvider.dart';
import 'package:get/get.dart';

class Controller extends GetxController {
  var todoList = <Todos>[].obs;
  @override
  void onInit() {
    _configureAmplify();
    super.onInit();
  }

  // amplifyの構成を行う。
  Future<void> _configureAmplify() async {
    // Add the following lines to your app initialization to add the DataStore plugin
    final datastorePlugin = AmplifyDataStore(modelProvider: ModelProvider.instance);
    await Amplify.addPlugin(datastorePlugin);
    try {
      await Amplify.configure(amplifyconfig);
    } on AmplifyAlreadyConfiguredException {
      safePrint('Tried to reconfigure Amplify; this can occur when your app restarts on Android.');
    }
  }

  //read data
  Future<void> readData() async {
    try {
      todoList = RxList(await Amplify.DataStore.query(Todos.classType));
      update();
    } on Exception catch (e) {
      print(e);
    }
  }

  //add new todo
  Future<void> addPost(String? task) async {
    try {
      var _newTodo = Todos(task: task!, isDone: false);

      await Amplify.DataStore.save(_newTodo);
      readData();
    } on Exception catch (e) {
      print(e);
    }
  }

  //update todo
  Future<void> updatePost(String? id, isDone) async {
    try {
      var _oldTodos = (await Amplify.DataStore.query(Todos.classType, where: Todos.ID.eq(id)))[0];

      var _newTodos = _oldTodos.copyWith(id: id!, task: _oldTodos.task, isDone: isDone!);

      await Amplify.DataStore.save(_newTodos);
      readData();
    } on Exception catch (e) {
      print(e);
    }
  }

  //delete todo
  Future<void> deleteTodo(String? id) async {
    (await Amplify.DataStore.query(Todos.classType, where: Todos.ID.eq(id))).forEach((element) async {
      try {
        await Amplify.DataStore.delete(element);
      } on Exception catch (e) {
        print(e);
      }
    });
    readData();
  }
}

//home_screen.dart

import 'package:flutter/material.dart';
import 'package:flutter_amplify/controller/controller.dart';
import 'package:get/get_state_manager/get_state_manager.dart';

class HomeScreen extends StatefulWidget {
  const HomeScreen({Key? key}) : super(key: key);

  @override
  State<HomeScreen> createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  final TextEditingController _taskcontroller = TextEditingController();
  @override
  Widget build(BuildContext context) {
    return GetBuilder<Controller>(
        init: Controller(),
        initState: (_) {},
        builder: (_) {
          return Scaffold(
            appBar: AppBar(title: const Text('Flutter Amplify')),
            body: ListView.builder(
              itemCount: _.todoList.length,
              itemBuilder: (context, index) => Dismissible(
                key: UniqueKey(),
                onDismissed: (direction) => _.deleteTodo(_.todoList[index].id),
                background: Row(
                  mainAxisAlignment: MainAxisAlignment.end,
                  children: const [
                    Icon(
                      Icons.delete,
                      color: Colors.red,
                    )
                  ],
                ),
                child: _.todoList.isNotEmpty
                    ? Card(
                        child: ListTile(
                          title: Text(_.todoList[index].task),
                          trailing: Checkbox(
                            onChanged: (value) => _.updatePost(_.todoList[index].id, value),
                            value: _.todoList[index].isDone,
                          ),
                        ),
                      )
                    : const Center(
                        child: Text('No tasks'),
                      ),
              ),
            ),
            floatingActionButton: FloatingActionButton(
              child: const Icon(Icons.add),
              onPressed: () => showModalBottomSheet(
                context: context,
                builder: (context) => Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Column(
                    children: [
                      TextField(
                        controller: _taskcontroller,
                      ),
                      ElevatedButton(
                        onPressed: () => {
                          _.addPost(_taskcontroller.text.trim()),
                          Navigator.pop(context),
                          _taskcontroller.clear(),
                        },
                        child: const Text('save'),
                      ),
                    ],
                  ),
                ),
              ),
            ),
          );
        });
  }
}