❯ melos run           
Select a script to run in this workspace:

1) prepare:tools
    └> Install tools for development
2) prepare:signings
    └> Set up signing for build
3) bump:build
    └> Bump build version and number
4) bump:patch
    └> Bump patch version
5) bump:minor
    └> Bump minor version
6) bump:major
    └> Bump major version
7) get
    └> Pub get
8) outdated
    └> Pub outdated
9) upgrade
    └> Pub upgrade
10) pod
    └> Pod install with repository update
11) refresh
    └> clean & bootstrap
12) gen:build_runner
    └> Generate files by build_runner
13) gen:l10n
    └> Generate files by flutter_localizations
14) gen:xcodeproj
    └> Generate .xcodeproj for iOS by XcodeGen
15) gen
    └> Generate all files
16) clean:build_runner
    └> clean generated files by build_runner
17) clean:l10n
    └> clean generated files by flutter gen-l10
18) clean:xcodeproj
    └> Clean Xcode project
19) clean:pod
    └> Clean CocoaPods lockfile and artifacts
20) clean:gen
    └> Clean all generated files
21) watch
    └> Generate files by build_runner dynamically
22) check
    └> Analyze with Dart SDK and custom_lint
23) check:strict
    └> Analyze with Dart SDK and custom_lint (info and warning as error)
24) check:custom_lint
    └> Analyze with custom_lint
25) fix
    └> Quick fix with Dart SDK
26) fix:dry
    └> Quick fix with Dart SDK (dry run)
27) fix:custom_lint
    └> Quick fix with custom_lint
28) pretty
    └> Format Dart and Arb files
29) pretty:dry
    └> Format All Dart files (dry run)
30) pretty:dart
    └> Format All Dart files
31) pretty:arb
    └> Sort arb files with provided paths
32) pretty:arb:all
    └> Sort all arb files
33) icons
    └> Generate app icons
34) splash
    └> Generate native splash screen
35) build:all
    └> Build prd Android, iOS and Web
36) build:android
    └> Build prd Android (AAB)
37) build:android:dev
    └> Build dev Android (AAB)
38) build:android:dev:apk
    └> Build dev Android (APK)
39) build:android:stg
    └> Build stg Android (AAB)
40) build:android:stg:apk
    └> Build stg Android (APK)
41) build:android:prd
    └> Build prd Android (AAB)
42) build:android:prd:apk
    └> Build prd Android (APK)
43) build:android:e2e
    └> Build dev Android (APK) for Maestro
44) build:android:all
    └> Build all flavors Android (AAB)
45) build:ios
    └> Build prd iOS
46) build:ios:dev
    └> Build dev iOS
47) build:ios:dev:ipa
    └> Build dev iOS (IPA)
48) build:ios:stg
    └> Build stg iOS
49) build:ios:stg:ipa
    └> Build stg iOS (IPA)
50) build:ios:prd
    └> Build prd iOS
51) build:ios:prd:ipa
    └> Build prd iOS (IPA)
52) build:ios:e2e
    └> Build dev iOS for Maestro
53) build:ios:all
    └> Build all flavors iOS
54) build:web
    └> Build Web preview
55) build:widgetbook
    └> Build Widgetbook
56) run:preview
    └> Run Web preview
57) run:widgetbook
    └> Run Widgetbook
58) test:prepare
    └> Copy dart test files to execute test
59) test:prepare:coverage
    └> Move dart test files to measure test coverage
60) test
    └> Test Flutter
61) test:coverage
    └> Test Flutter with coverage
62) test:vrt
    └> Take VRT snapshots
63) e2e
    └> Run E2E tests
64) e2e:prepare
    └> Copy all e2e test files to .maestro-flows/
65) deeplink:android
    └> launch android app with provided deeplink URL
66) deeplink:ios
    └> launch ios app with provided deeplink URL
67) export:arb
    └> export arb to csv
68) update:arb
    └> update arb
69) badging:check
    └> Check Android Badging
70) badging:update
    └> Update Android Badging

ui/
├── component/
│   ├── button/
│   │   ├── share_button.dart
│   │   └── share_button_vrt.dart
│   └── text/
├── hook/
│   ├── use_debounce.dart
│   └── use_debounce_test.dart
├── screen/
│   ├── root/
│   │   ├── component/
│   │   ├── hook/
│   │   ├── home/
│   │   │   ├── component/
│   │   │   ├── hook/
│   │   │   ├── home_query.graphql
│   │   │   ├── home_query.graphql.dart
│   │   │   ├── home_screen_e2e.yaml
│   │   │   ├── home_screen.dart
│   │   │   ├── home_screen.g.dart
│   │   │   └── home_screen_vrt.dart
│   │   ├── my_page/
│   │   │   ├── component/
│   │   │   ├── hook/
│   │   │   ├── setting/
│   │   │   └── my_page_screen.dart
│   │   └── root_screen.dart
│   └── series/
│       ├── component/
│       ├── hook/
│       └── series_screen.dart
└── theme

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

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return MaterialApp.router(
      theme: AppTheme.light.data,
      darkTheme: AppTheme.dark.data,
      themeMode: ThemeMode.light, // 今はライト固定
      // ...
    );
  }
}

class AppTheme {
  const AppTheme._({required this.data});

  factory AppTheme._light() {
    return AppTheme.lightInternal();
  }

  @visibleForTesting
  factory AppTheme.lightInternal({String? systemFontFamily}) {
    final appColor = AppColor.light();
    final appText = AppText.light(
      appColor,
      systemFontFamily: systemFontFamily,
    );
    final themeData = ThemeData(
      useMaterial3: true,
      brightness: Brightness.light,
    ).applyGlobalTheme(appColor, appText).applyPlatformTheme();

    return AppTheme._(data: themeData);
  }

  factory AppTheme._dark() {
    // ...
  }
	
  // ライトテーマ向け
  static AppTheme light = AppTheme._light();
  // ダークテーマ向け
  static AppTheme dark = AppTheme._dark();

  final ThemeData data;
}

extension ThemeDataExt on ThemeData {

  ThemeData applyGlobalTheme(AppColor appColor, AppText appText) {
    return copyWith(
      // 標準 Widget に対するグローバルテーマの設定
      appBarTheme: _appBarTheme(
        appColor,
        appText,
      ),
      // ...
      // AppColor や AppText を各 Widget から参照するための ThemeExtentions
      extensions: _themeExtensions(
        appColor,
        appText,
      ),
    );
  }

  static AppBarTheme _appBarTheme(
    AppColor appColor,
    AppText appText,
  ) {
    return AppBarTheme(
      backgroundColor: appColor.surface.basePrimaryDefault,
      titleTextStyle: appText.label.p18.bold,
      iconTheme: IconThemeData(color: appColor.text.basePrimaryDefault),
      centerTitle: true,
      scrolledUnderElevation: 0,
    );
  }
  
  static Iterable<ThemeExtension<dynamic>> _themeExtensions(
    AppColor appColor,
    AppText appText,
  ) =>
      [
        LabelTextStyleThemeExt(
          p10: appText.label.p10,
          //...
        ),
        // ...
        TextColorThemeExt(
          basePrimaryDefault: appColor.text.basePrimaryDefault,
          //...
        ),
        // ...
      ];
}

@Riverpod(dependencies: [])
Options$Query$MyPage myPageQueryOptions(MyPageQueryOptionsRef ref) {
  return Options$Query$MyPage(
    variables: Variables$Query$MyPage(),
  );
}

class MyPageScreen extends HookConsumerWidget {

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final options = ref.watch(myPageQueryOptionsProvider);
    final query = useQuery(options);
    
    // Widget 構築
  }
}

/// VRT 向けの Widget を生成する関数
@GenerateScenario()
Widget myPageScreenAnonymous(BuildContext context) {
  // ...

  return ProviderScope(
    overrides: [
      // ダミーデータを返す
      myPageQueryOptionsProvider.overrideWithValue(_dummyAnonymous),
    ],
    child: const FakePlaybookRouter(MyPageRoute()),
  );
}

class SettingScreen extends HookConsumerWidget {
  const SettingScreen({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final isGuestUser = useIsGuestUser();
    final options = ref.watch(settingQueryOptionsProvider);
    final query = useQuery$Setting(options);

    return Scaffold(
      // ...
      body: GraphQLQueryContainer(
        query: query,
        onLoadingWidget: SkeletonSettingScreen(isGuestUser: isGuestUser),
        onErrorWidget: (error, stackTrace) => ErrorContainer(
          error: error,
          stackTrace: stackTrace,
          onAction: query.refetch,
        ),
        child: (data) {
          return SingleChildScrollView(
            // ...
          ):
        },
      ),
    );
  }
}

class UserNameText extends StatelessWidget {
  const UserNameText({
    required this.data,
    this.style,
    this.maxLines,
    super.key,
  });

  final Fragment$UserNameText data;
  final TextStyle? style;
  final int? maxLines;

  @override
  Widget build(BuildContext context) {
	  // ゲストユーザにはゲスト表示
    final userName = data.isGuest
        ? context.l10n.common_guest
        : dat.userProfile.nickname;

    return Text(
      userName,
      style: style,
      maxLines: maxLines,
    );
  }
}

fragment UserNameText on User {
  id
  isGuest
  userProfile {
    nickname
  }
}

query MyPage {
  me {
    ...UserNameText
  }
}

■ 対象 (in the context of)
何に対する意思決定か。

■ 課題・理想状態 (facing)
直面している課題や、課題に対する完全な理想状態は何か。
※ 課題に対する完全な理想状態: 意思決定により達成できる理想状態ではなく、課題が全て撤廃された完全な理想状態。

■ 目的・達成事項 (to achieve)
この意思決定により、完全または部分的に何が達成されるか。

■ 決定事項 (we decided for)
意思決定の内容詳細。

■ 別の選択肢 (and neglected)
選ばれなかった選択肢とそれらの欠点。

■ 受け入れるトレードオフ (accepting downside)
この意思決定により生まれる(可能性のある)ネガティブな副作用。