animation = CurvedAnimation(
  //parent:
  // アニメーションの制御を行う親（通常は AnimationController）を指定します。
  //（親のアニメーションの進行度に基づき、カーブに従った進行度を計算します。）
　parent: controller, 
　//curve: 
　//Curves クラスで定義されているカーブを指定します。
　//（この例では Curves.easeIn が使われており、アニメーションがゆっくりと始まり、
　//徐々に加速する動きを表します。）
　curve: Curves.easeIn
);

import 'dart:math';

//このカスタムカーブ ShakeCurve は、sin 関数を使って繰り返しの振動を表現します。
//（このようにカーブの挙動を自由に設計でき、カスタムアニメーションを実現できます。）
class ShakeCurve extends Curve {
  @override
  double transform(double t) => sin(t * pi * 2);
}

controller = AnimationController(duration: const Duration(seconds: 2), vsync: this);

//AnimationController を作成しています
//（が、まだ再生は開始されていません）。

tween = Tween<double>(begin: -200, end: 0);

colorTween = ColorTween(begin: Colors.transparent, end: Colors.black54);

AnimationController controller = AnimationController(
    duration: const Duration(milliseconds: 500), vsync: this);
Animation<int> alpha = IntTween(begin: 0, end: 255).animate(controller);

//AnimationController:
//アニメーションの時間や制御を行うための基本的なコントローラです。
//（ここでは、500ミリ秒の間にアニメーションが完了します。）
AnimationController controller = AnimationController(
    duration: const Duration(milliseconds: 500), vsync: this
);

//CurvedAnimation:
//カーブを使用して非線形の進行を追加します。
//（ここでは、easeOut カーブを使いアニメーションの速度が後半で緩やかになります。）
final Animation<double> curve =
    CurvedAnimation(parent: controller, curve: Curves.easeOut);
    
//IntTween:
//指定範囲(0～255)で整数値を補間します。
//animate()メソッド:
//カーブ付きコントローラに接続させます。
//（結果）Animation<int>オブジェクトは、アニメーション中に整数の変化を提供します。
Animation<int> alpha = IntTween(begin: 0, end: 255).animate(curve);

import 'package:flutter/material.dart';

void main() => runApp(const LogoApp());

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

  @override
  State<LogoApp> createState() => _LogoAppState();
}

class _LogoAppState extends State<LogoApp> {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        margin: const EdgeInsets.symmetric(vertical: 10),
        height: 300,
        width: 300,
        child: const FlutterLogo(),
      ),
    );
  }
}

//このコードではアニメーションを通じてサイズが徐々に大きくなるように設定されています。
import 'package:flutter/material.dart';
void main() => runApp(const LogoApp());

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

  @override
  State<LogoApp> createState() => _LogoAppState();
}

//修正↓ class _LogoAppState extends State<LogoApp> {
// 1. SingleTickerProviderStateMixinの追加
// ( このミックスインを追加することで、AnimationControllerにvsyncを提供できます。
//   vsyncは、アニメーションが画面外で実行されることを防ぎ、効率的にリソースを管理します。 )
class _LogoAppState extends State<LogoApp> with SingleTickerProviderStateMixin {
  //追加↓
  // 2. AnimationControllerとAnimationの定義
  // ( AnimationControllerはアニメーションの進行を制御し、Animationオブジェクトはアニメーションの状態を保持します。
  //   この例では、Animation<double>を使って、ロゴのサイズを管理しています。 )
  late AnimationController controller;
  late Animation<double> animation;

  //追加↓
  // 3. initStateメソッドのオーバーライド
  @override
  void initState() {
    super.initState();

    // 4. AnimationControllerの初期化
    controller = AnimationController(
      vsync: this,
      duration: const Duration(seconds: 2),
    );

    // 5. Tween と animate() メソッドを使って Animation を初期化
    animation = Tween<double>(begin: 0.0, end: 300.0).animate(controller);

    // 6. addListener で setState を呼び出し、アニメーション進行に合わせてウィジェットを再描画する
    animation.addListener(() {
      setState(() {
        // アニメーションが進行するたびに再描画
      });
    });

    // 7. アニメーションの開始
    controller.forward();
  }

  //追加↓
  // 8. disposeメソッドのオーバーライド
  @override
  void dispose() {
    // AnimationController を解放
    controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        margin: const EdgeInsets.symmetric(vertical: 10),
        //修正↓ height: 300, width: 300,
        // 9. アニメーションの値を使ってロゴのサイズを更新
        height: animation.value,
        width: animation.value,
        //color: Colors.blue,
        child: const FlutterLogo(),
      ),
    );
  }
}

animation = Tween<double>(begin: 0, end: 300).animate(controller);
animation.addListener(() {
    // ···
});

animation = Tween<double>(begin: 0, end: 300).animate(controller)
  ..addListener(() {
    // ···
  });

class AnimatedLogo extends AnimatedWidget {
  const AnimatedLogo({super.key, required Animation<double> animation})
      : super(listenable: animation);

  @override
  Widget build(BuildContext context) {
    final animation = listenable as Animation<double>;
    return Center(
      child: Container(
        margin: const EdgeInsets.symmetric(vertical: 10),
        height: animation.value,
        width: animation.value,
        child: const FlutterLogo(),
      ),
    );
  }
}

//AnimatedWidgetの活用によるアニメーション実行部分の分離
// ( このように、AnimatedWidgetを使うことでアニメーションの処理が簡潔になり、
//   再利用可能なアニメーションウィジェットを作成できます。 )

import 'package:flutter/material.dart';

void main() => runApp(const LogoApp());

// 1. AnimatedWidget 継承による アニメーションコードの分離
// ( AnimatedWidget基底クラスを利用することで、
//   ウィジェットのコア部分とアニメーションの処理部分を分離できます。
//   AnimatedWidgetを使うと、Stateオブジェクトでアニメーションを保持する必要が
//   なくなり、コードが簡潔になります。 )
class AnimatedLogo extends AnimatedWidget {
  const AnimatedLogo({
    super.key, 
    required Animation<double> animation

    //( listenableプロパティ( Animationオブジェクト )を利用して、
    //  ウィジェットのサイズ( heightとwidth )をアニメーションの現在の値に基づいて設定しています。
    //  この方法により、addListener() や setState() を直接使用する必要がありません。 )
  }) : super(listenable: animation);

  @override
  Widget build(BuildContext context) {
    final animation = listenable as Animation<double>;
    return Center(
      child: Container(
        margin: const EdgeInsets.symmetric(vertical: 10),
        height: animation.value,
        width: animation.value,
        child: const FlutterLogo(),
      ),
    );
  }
}

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

  @override
  State<LogoApp> createState() => _LogoAppState();
}

class _LogoAppState extends State<LogoApp> with SingleTickerProviderStateMixin {
  late Animation<double> animation;
  late AnimationController controller;

  @override
  void initState() {
    super.initState();

    // ( AnimationController や Tween の設定は、元の(LogoApp)クラスで引き続き管理されます。 )
    controller = AnimationController(
      duration: const Duration(seconds: 2), vsync: this
    );
    animation = Tween<double>(begin: 0, end: 300).animate(controller);

    controller.forward();
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  // ( 再利用可能な形で新規追加したアニメーション実行部分( AnimatedLogo クラス )に
  //   Animationオブジェクトを渡すことで、アニメーションの進行に合わせて自動的に描画が更新されます。 )
  @override
  Widget build(BuildContext context) => AnimatedLogo(animation: animation);

}

// アニメーションの状態を監視し、無限にループさせるための基本的な実装例

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Infinite Animation Demo',
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Infinite Animation Demo'),
        ),
        body: const Center(
          child: MyAnimation(),
        ),
      ),
    );
  }
}

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

  @override
  MyAnimationState createState() => MyAnimationState();
}

class MyAnimationState extends State<MyAnimation> with SingleTickerProviderStateMixin {
  late AnimationController _controller;

  @override
  void initState() {
    super.initState();
    _controller = AnimationController(
      duration: const Duration(seconds: 2),
      vsync: this,
    );

    // addStatusListener():
    // ( Animationの状態を監視するリスナーを追加 )
    // ( addStatusListener()メソッドを使うことで、
    //   アニメーションの状態に関する通知を受け取ることができます。
    //   具体的には、アニメーションが開始、停止、または逆方向に進む時に、
    //   このリスナーが呼ばれます。 )
    _controller.addStatusListener((status) {
      // 無限ループでのアニメーションの実行
      // ( アニメーションが完了したり、開始状態に戻った場合に方向を逆転させることで、
      //   アニメーションを無限ループで実行することができます。
      //   これにより、ユーザーに継続的な動きを提供することが可能です。 )
      if (status == AnimationStatus.completed) {
        // アニメーションが完了した場合、逆方向に再生
        _controller.reverse();
      } else if (status == AnimationStatus.dismissed) {
        // アニメーションが開始状態に戻った場合、再度前進
        _controller.forward();
      }
    });

    // アニメーションを開始
    _controller.forward();
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return AnimatedBuilder(
      animation: _controller,
      builder: (context, child) {
        return Container(
          // アニメーションに応じて高さを変更
          height: _controller.value * 100,
          width: 100,
          color: Colors.blue,
        );
      },
    );
  }
}

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

// アプリ全体のエントリーポイントとして、MaterialApp をラップする MyApp クラス
class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Infinite Animation Demo',
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Infinite Animation Demo'),
        ),
        body: const Center(
          child: MyAnimation(), // アニメーションウィジェットをここで表示
        ),
      ),
    );
  }
}

// アニメーションを制御する StatefulWidget
class MyAnimation extends StatefulWidget {
  const MyAnimation({super.key});

  @override
  State<MyAnimation> createState() => _MyAnimationState();
}

class _MyAnimationState extends State<MyAnimation> with SingleTickerProviderStateMixin {
  late Animation<double> animation;
  late AnimationController controller;

  @override
  void initState() {
    super.initState();
    controller = AnimationController(
      duration: const Duration(seconds: 2),
      vsync: this,
    );
    animation = Tween<double>(begin: 50, end: 500).animate(controller)
      ..addStatusListener((status) {
        // アニメーションが終了したら逆再生、逆再生が終了したら再び再生
        if (status == AnimationStatus.completed) {
          controller.reverse();
        } else if (status == AnimationStatus.dismissed) {
          controller.forward();
        }
      })

      // アニメーションの変化に伴う再ビルド！
      // ( build 内の return で、(Center ではなく) 
      //   AnimatedBuilder を使用していれば、
      //   この ..addListener と setState は不要となります！ )
      ..addListener(() {
        setState(() {});
      });
      
    controller.forward();
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }
  
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        margin: const EdgeInsets.symmetric(vertical: 10),
        height: animation.value,
        width: animation.value,
        child: const FlutterLogo(),
      ),
    );
  }
}

import 'package:flutter/material.dart';

void main() => runApp(const LogoApp());

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

  @override
  State<LogoApp> createState() => _LogoAppState();
}

class _LogoAppState extends State<LogoApp> with SingleTickerProviderStateMixin {
  late Animation<double> animation;
  late AnimationController controller;

  @override
  void initState() {
    super.initState();
    controller =
        AnimationController(duration: const Duration(seconds: 2), vsync: this);
    animation = Tween<double>(begin: 0, end: 300).animate(controller);
    controller.forward();
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return GrowTransition(
      animation: animation,
      child: const LogoWidget(),
    );
  }
}

//(2) GrowTransition :
// ( アニメーションのトランジションを管理するウィジェット。
//   AnimatedBuilder を利用して、ロゴのサイズを成長させるアニメーションを実現します。 )
class GrowTransition extends StatelessWidget {
  const GrowTransition({
    required this.child,
    required this.animation,
    super.key,
  });

  final Widget child;
  final Animation<double> animation;

  @override
  Widget build(BuildContext context) {
    return Center(
      //(3) AnimatedBuilder() :
      // ( GrowTransition 内で使用され、アニメーションの進行に合わせて子ウィジェットを更新します。 )
      child: AnimatedBuilder(
        animation: animation,
        //(4) ( AnonymousBuilder ) :
        // ( AnimatedBuilder の builder プロパティに渡される匿名関数です。
        //   アニメーションに応じてウィジェットを更新する役割を持っています。 )
        builder: (context, child) {
          return SizedBox(
            height: animation.value,
            width: animation.value,
            child: child,
          );
        },
        child: child,
      ),
    );
  }
}

//(5) LogoWidget() :
// ( 実際にロゴ(Flutter ロゴ)を表示するためのウィジェットです。
//   アニメーションの影響を受けてサイズや位置が変更されますが、ロゴ自体の表示機能に専念しています。 )
class LogoWidget extends StatelessWidget {
  const LogoWidget({super.key});

  @override
  Widget build(BuildContext context) {
    //(1) Container() :
    // ( 最も外側のコンテナで、他のウィジェットを包含します )
    return Container(
      margin: const EdgeInsets.symmetric(vertical: 10),
      //FlutterLogo() :
      // ( Flutter SDK に組み込まれているウィジェット(Flutterの公式ロゴを表示します) )
      child: const FlutterLogo(),
    );
  }
}

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

void main() => runApp(const LogoApp());

class AnimatedLogo extends AnimatedWidget {
  const AnimatedLogo({super.key, required Animation<double> animation})
      : super(listenable: animation);

  @override
  Widget build(BuildContext context) {
    final animation = listenable as Animation<double>;
    return Center(
      child: Container(
        margin: const EdgeInsets.symmetric(vertical: 10),
        height: animation.value,
        width: animation.value,
        child: const FlutterLogo(),
      ),
    );
  }
}

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

  @override
  State<LogoApp> createState() => _LogoAppState();
}

class _LogoAppState extends State<LogoApp> with SingleTickerProviderStateMixin {
  late Animation<double> animation;
  late AnimationController controller;

  @override
  void initState() {
    super.initState();
    controller =
        AnimationController(duration: const Duration(seconds: 2), vsync: this);
    animation = Tween<double>(begin: 0, end: 300).animate(controller)
      ..addStatusListener((status) {
        if (status == AnimationStatus.completed) {
          controller.reverse();
        } else if (status == AnimationStatus.dismissed) {
          controller.forward();
        }
      })

      ..addStatusListener((status) {
        if (kDebugMode) {
          print('$status');
        }
      });
    controller.forward();
  }

  @override
  Widget build(BuildContext context) => AnimatedLogo(animation: animation);

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }
}

import 'package:flutter/material.dart';

void main() => runApp(const LogoApp());

//ロゴのサイズと透明度のアニメーションを同時に実行します。
class AnimatedLogo extends AnimatedWidget {
  const AnimatedLogo({super.key, required Animation<double> animation})
      : super(listenable: animation);

  //透明度を制御するTween: 透明（0.1）から不透明（1.0）まで
  static final _opacityTween = Tween<double>(begin: 0.1, end: 1);

  //サイズを制御するTween: 小さい（0）から大きい（300）まで
  static final _sizeTween = Tween<double>(begin: 0, end: 300);

  @override
  Widget build(BuildContext context) {
    final animation = listenable as Animation<double>;
    return Center(
      child: Opacity(
        //透明度をアニメーションの現在の値で評価
        opacity: _opacityTween.evaluate(animation),
        child: Container(
          margin: const EdgeInsets.symmetric(vertical: 10),
          //サイズをアニメーションの現在の値で評価
          height: _sizeTween.evaluate(animation),
          width: _sizeTween.evaluate(animation),
          child: const FlutterLogo(), //アニメーション対象のFlutterロゴ
        ),
      ),
    );
  }
}

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

  @override
  State<LogoApp> createState() => _LogoAppState();
}

class _LogoAppState extends State<LogoApp> with SingleTickerProviderStateMixin {
  late Animation<double> animation;
  late AnimationController controller;

  @override
  void initState() {
    super.initState();
    //AnimationControllerの初期化: アニメーションを2秒間で完了
    controller =
        AnimationController(duration: const Duration(seconds: 2), vsync: this);

    //カーブ付アニメーション(CurvedAnimation):アニメーション進行を非線形にする
    animation = CurvedAnimation(
      parent: controller, curve: Curves.easeIn
    )
      ..addStatusListener((status) {
        //アニメーションの状態が変更されるたびに呼び出されるリスナー
        if (status == AnimationStatus.completed) {
          //アニメーションが完了したら逆再生
          controller.reverse();
        } else if (status == AnimationStatus.dismissed) {
          //アニメーションが最初の状態に戻ったら再度前進
          controller.forward();
        }
      });
    //アニメーションを開始
    controller.forward();
  }

  @override
  void dispose() {
    //メモリリークを防ぐためにコントローラを破棄
    controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) => AnimatedLogo(animation: animation);
  //AnimatedLogoウィジェットにアニメーションを渡して、ロゴのアニメーションを開始
}