[Japanese title]

Claude Code vs Grok：実際に役立ったコーディングアシスタント vs 気が散りがちなアシスタント

[Japanese translation]
私は過去2週間、Claude CodeとGrokを主要なコーディングアシスタントとして使用しました。フィボナッチ数列を書かせたり再帰を説明させたりするだけでなく、実際の仕事を与えました。リファクタリングが必要な中途半端なDjango API、パフォーマンス問題を抱えるReactフロントエンド、大規模データセットでタイムアウトし続けるPythonスクリプトがありました。どちらのツールが実際にコードを出荷できるのか、単に話すだけではないのかを見たかったのです。

以下がその結果です。

第一印象：セットアップと導入

Claude Code

Claude Codeはターミナルベースのツールです。npm（npm install -g @anthropic-ai/claude-code）でインストールし、プロジェクトディレクトリでclaudeを実行します。プロジェクト構造をスキャンし、git履歴を読み取り、セッションを開始します。Web UIもチャットウィンドウもなく、単なるコマンドラインです。

最初に気づいたこと：ファイルを読み取る前に許可を求めました。調査したいファイルをすべてリストアップし、確認を待ちました。これは敬意を感じさせましたが、同時に遅くも感じました。200以上のファイルがあるプロジェクトで、初期スキャンに約40秒かかりました。

ロードが完了したので、次のように入力しました：「views.pyファイルを関数ベースのビューからクラスベースのビューにリファクタリングしてください。」すると、現在のファイルを表示し、インラインで変更を提案し、適用するかどうかを尋ねてきました。「はい」「いいえ」「修正」と答えることができました。また、変更を加える前に自動的にgitブランチを作成しました。

Grok

Grokはコード専用モードを備えたWebベースのチャットインターフェースです。ブラウザからアクセスし、コードスニペットを貼り付けて質問しました。プロジェクトのzipファイルをアップロードできる「コード分析」機能もありますが、この機能は不安定でした—構造を正しく解析することもあれば、依存関係を理解せずにファイル名をリストアップするだけのこともありました。

同じリクエストから始めました：「views.pyファイルをクラスベースのビューを使用するようにリファクタリングしてください。」Grokはリファクタリングされたファイルを示す完全なコードブロックで応答しました。一見正しく見えました。しかし、プロジェクトにコピーペーストしようとしたところ、いくつかの変数名が一貫性なく変更され、関数にあったカスタムデコレータが削除されていることに気づきました。デコレータについて尋ねることはなく、単に不要だと判断したようです。

第一印象の結論： Claude Codeは既存のコードを尊重する共同作業者のように感じられました。Grokは答えを速すぎるほど出してきて、特定のコンテキストで実際に機能するかどうかを確認しない賢い友人のように感じられました。

実世界でのテスト：3つの具体的なプロジェクト

プロジェクト1：Django REST APIのリファクタリング

私のAPIには12のエンドポイントがあり、すべて関数ベースのビューで、ページネーションロジック、エラーハンドリング、権限チェックが重複していました。すべてを汎用ビューとミックスインのセットに統合したかったのです。

Claude Codeのアプローチ：

次のように入力しました：「すべてのビューにわたるページネーションと権限ロジックを再利用可能なミックスインに統合してください。」

Claude Codeはまず、変更するすべてのファイルをリストアップしました：

以下のファイルを分析します：
- api/views.py（12のビューすべて）
- api/permissions.py（既存の権限クラス）
- api/pagination.py（既存のページネーションクラス）
- api/urls.py（URLの更新が必要）

次に計画を示しました：

1. api/mixins.pyを作成し、OrganizationPaginationMixinとTeamPermissionMixinを含める
2. 各ビューをリファクタリングして、これらのミックスインとDjangoの汎用ビューを継承させる
3. 新しいビュークラスに合わせてURLを更新する
4. 既存のテストを実行して、何も壊れていないことを確認する

計画を承認しました。コードを書き、ミックスインファイルを作成し、12のビューすべてをリファクタリングし、テストスイートを実行しました。URL命名の変更により2つのテストが失敗しました—「失敗したテストを修正して」と言うと、自動的に修正されました。

合計時間：7分。差分を確認し、承認して次に進みました。

Grokのアプローチ：

views.pyファイル全体（約400行）をGrokのチャットに貼り付け、「ページネーションと権限にミックスインを使用するようにリファクタリングしてください」と尋ねました。

Grokはリファクタリングされたファイルを含む単一のコードブロックで応答しました。見栄えは良く、ミックスクラスを作成して適用していました。しかし問題がありました：

1. カスタムのTeamPermissionクラスをTeamPermissionMixinにリネームしましたが、他のファイルのインポートを更新しませんでした。
2. 私のPageNumberPaginationサブクラスを、尋ねることなく汎用のLimitOffsetPaginationに置き換えました。
3. URLsファイルにはまったく触れなかったため、新しいクラスベースのビューが正しく呼び出されません。
4. すべてのビューが同じ権限モデルを使用していると想定していましたが、実際には3つのビューに異なる権限要件がありました。

最初の問題を指摘しました。Grokは謝罪し、修正版のミックスインファイルを提供しました。しかし、その新しいバージョンで循環インポートが発生しました。それを指摘すると、別の修正を提供しましたが、今度はリストエンドポイントのページネーションが間違っていました。4回のやり取りの後、コードは動作するようになりました—しかし25分かかり、Grokが決して対処しなかった3つの問題を手動で修正しました。

具体的な例： あるビューではGETにIsAuthenticated、POSTにIsAdminUserが必要でした。Claude Codeは「view_ordersはHTTPメソッドによって異なる権限を持っているようです。カスタム権限クラスを作成しますか、それとも特定のメソッドにDjangoの組み込みpermission_classesデコレータを使用しますか？」と尋ねました。Grokはすべてにpermission_classes = [IsAuthenticated]を使用し、私が気づく必要がありました。

リファクタリングの勝者： Claude Code、大差で。プロジェクト構造を理解し、明確化の質問をし、テストを実行しました。

プロジェクト2：Reactパフォーマンス問題のデバッグ

私のReactアプリには、500行以上のテーブルをレンダリングするダッシュボードページがありました。各行にはいくつかのドロップダウンがあり、全体がもたついていました。不要な再レンダリングが原因だと思いました。

Claude Codeのアプローチ：

次のように入力しました：「Dashboardコンポーネントのパフォーマンスボトルネックを見つけてください。テーブルの再レンダリングが頻繁すぎます。」

Claude Codeはまずコンポーネントファイルを読み取り、次に親コンポーネント、そして状態管理を読み取りました。3つの問題を特定しました：

1. マップされた行にkeyプロパティがなかったため、親の状態が変わるたびにテーブルが行コンポーネントを再作成していました。
2. ドロップダウンコンポーネントがonChangeハンドラでインラインアロー関数を使用しており、レンダリングのたびに新しい関数インスタンスを作成していました。
3. 親のReduxセレクターが、データが変更されていない場合でも毎回新しい配列参照を返していました。

各問題を正確な行番号とともに示し、修正案を提案しました。Reduxセレクターについては、createSelectorを使用したメモ化セレクターを記述しました。ドロップ