DaisukeNagata

import 'package:flutter/material.dart';

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

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

DaisukeNagata

import 'dart:math';

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

void main() {
  runApp(
    const ProviderScope(child: MyApp()),
  );
}

DaisukeNagata

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:flutter_hooks/flutter_hooks.dart';

const Duration _kExpand = Duration(milliseconds: 300);
final counterProvider =
    StateNotifierProvider<CounterNotifier, CounterState>((ref) {
  return CounterNotifier();
});

DaisukeNagata

import 'package:flutter/material.dart';
/*
ここではflutterとflutter_riverpodをインポートしています。
flutter_riverpod: ^2.3.6を使用してます。
*/
import 'package:flutter_riverpod/flutter_riverpod.dart';
/*
flutter_hooksはFlutterのパッケージで、より簡単にウィジェットの状態のライフサイクルを管理することを助けます。新しい種類のウィジェットであるHookWidgetを導入しており、
これはStatefulWidgetやStatelessWidgetの代わりに使い、より良い状態管理を行うことができます。
flutter_hooksパッケージには、ウィジェットで使用できるいくつかの異なる種類のフックがあります：

DaisukeNagata

import 'dart:math';

import 'package:flutter/material.dart';

const Duration _kExpand = Duration(milliseconds: 1000); <- at any speed

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

DaisukeNagata

import 'package:flutter/material.dart';
/*
ここではflutterとflutter_riverpodをインポートしています。
flutter_riverpod: ^2.3.6を使用してます。
 */
import 'package:flutter_riverpod/flutter_riverpod.dart';

/*
CounterStateクラスはカウンターの状態を保持します。ここでは整数のcounterValueを保持しています。
 */

DaisukeNagata

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

/*
BLoC（Business Logic Component）パターンは、状態管理パターンの一種であり、
アプリケーション内の状態管理とビジネスロジックを分離することを目的としています。
BLoCパターンのメリットやデメリットについて説明します。

メリット：
分離された責務: BLoCパターンは、ビジネスロジックと状態管理を分離するため、アプリケーションのコードをより構造化し、保守性を向上させます。

DaisukeNagata

import 'package:flutter/material.dart';

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

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

  @override

DaisukeNagata

import 'package:flutter/material.dart';

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

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

  @override

DaisukeNagata

import 'package:flutter/material.dart';

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

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

  @override