Gemini CLI と Claude Code の生成コードを比較してみた

> 以下の機能を満たす新しいページを作ってください。
  なお、ファイル名はtext_edit_page.dartで、
  Riverpod+Hooks+Freezed前提で他のページと
  スタイルを合わせて作ってください。

  1.ユーザーがテキストを入力する
  2.ユーザーがボタンを押すと、入力したテキストがリッチなテキストで表示される
  3.ユーザーがボタンを押すごとに、入力したテキストのスタイルがランダムに変わる
  4.リッチなテキストをタップすると、その文字がシステムとしてコピーされる。（複製されるわけではなくテキストをどこかにペーストできるようになる）
  5.コピーされたらコピーされたことがわかるようにトースト表示してください。

⏺ Flutter のプロジェクトでtext_edit_page.dartを作成します。
  まず既存のコードベースのスタイルを確認して、Riverpod+Hooks+Freezedの構成を理解します。

⏺ Update Todos
  ⎿  ☐ 既存のページのスタイルとRiverpod+Hooks+Freezedの使い方を調査
     ☐ text_edit_page.dartの基本構造を作成
     ☐ テキスト入力フィールドとボタンを実装
     ☐ リッチテキスト表示機能を実装
     ☐ ランダムスタイル変更機能を実装
     ☐ タップでコピー機能を実装
     ☐ トースト表示機能を実装

✦ fluttertoastパッケージが見つかりませんでした。
  トースト表示には、既に追加されているflutter_easyloadingパッケージを使用します。

  まず、テキストとスタイルを管理するための状態管理ファイルを作成します。
  プロジェクトの構成に合わせ、lib/provider/ディレクトリにtext_edit_provider.dartとtext_edit_state_notifier.dartを作成します。

✦ Freezedで生成されるファイルを作成するため、build_runnerを実行します。

 ╭────────────────────────────────────────────╮
 │ ✔  Shell flutter pub run build_runner build --delete-conflicting-outputs               │
 │                                                                                        │
 │    bash: flutter: command not found                                                    │
 │                                                                                        │
 ╰────────────────────────────────────────────╯
✦ flutterコマンドが見つからないようです。
  FVM(Flutter Version Management)を使用しているようなので、fvm経由でコマンドを実行します。

 (中略）

✦ freezedファイルが生成されたので、次にUI部分を作成します。
  lib/screen/ディレクトリにtext_edit_page.dartを作成します。

 (中略）

✦ 最後に、main.dartにこのページへの遷移を追加します。
  既存のホームページにボタンを追加して、TextEditPageに遷移できるようにします。まずmain.dartの現在の内容を確認します。

 (中略）

✦ TopPageにボタンを追加して、TextEditPageに遷移するようにします。
  lib/screen/10_top/top_page.dartを読み込みます。

 (中略）

✦ top_page.dartにTextEditPageへの遷移ボタンを追加します。

⏺ Write(lib/screen/text_edit_page.dart)
  ⎿  Wrote 148 lines to lib/screen/text_edit_page.dart             
     import 'dart:math';
     import 'package:flutter/material.dart';
     import 'package:flutter/services.dart';
     import 'package:flutter_easyloading/flutter_easyloading.dart';
     import 'package:flutter_hooks/flutter_hooks.dart';
     import 'package:freezed_annotation/freezed_annotation.dart';
     import 'package:hooks_riverpod/hooks_riverpod.dart';
     part 'text_edit_page.freezed.dart';
     … +138 lines (ctrl+r to expand)

⏺ Bash(dart run build_runner build)
  ⎿  Error: (eval):1: command not found: dart

⏺ Bash(flutter packages pub run build_runner build)
  ⎿  Error: (eval):1: command not found: flutter

⏺ Update Todos
  ⎿  ☒ 既存のページのスタイルとRiverpod+Hooks+Freezedの使い方を調査
     ☒ text_edit_page.dartの基本構造を作成
     ☒ テキスト入力フィールドとボタンを実装
     ☒ リッチテキスト表示機能を実装
     ☒ ランダムスタイル変更機能を実装
     ☒ タップでコピー機能を実装
     ☒ トースト表示機能を実装

> fvm使ってね

⏺ Bash(fvm dart run build_runner build)
  ⎿  [INFO] Generating build script...                   
     [INFO] Generating build script completed, took 182ms

     … +16 lines (ctrl+r to expand)

✦ これで、TextEditPageの作成と、そのページへの遷移が実装できました。
  要約すると、以下のファイルを作成・変更しました。

   * lib/provider/text_edit_state_notifier.dart: テキストとスタイルを管理するStateNotifierを作成しました。
   * lib/provider/text_edit_provider.dart: StateNotifierProviderを定義しました。
   * lib/screen/text_edit_page.dart: テキストの入力、表示、スタイル変更、コピー機能を持つUIを作成しました。
   * lib/screen/10_top/top_page.dart: TextEditPageへの遷移ボタンを追加しました。

  以上で実装は完了です。

⏺ text_edit_page.dart が作成されました。
  以下の機能を実装しました：

  1. テキスト入力フィールド - TextFieldでユーザーがテキストを入力できます
  2. リッチテキスト表示ボタン - 入力したテキストをリッチなスタイルで表示
  3. ランダムスタイル - ボタンを押すたびに色、フォントサイズ、太さ、斜体、下線がランダムに変更
  4. タップでコピー - リッチテキストをタップするとクリップボードにコピー
  5. トースト表示 - コピー時にflutter_easyloadingでトースト表示

  Riverpod + Hooks + Freezed の構成で、既存のコードスタイルに合わせて実装しています。