バグ修正の効率化
エラーログやスタックトレースをAIに分析させ、原因特定から修正までを効率的に行います。
エラー分析の依頼
スタックトレースを渡す
以下のエラーの原因と修正方法を教えてください。
【エラーメッセージ】
TypeError: Cannot read properties of undefined (reading 'map')
at UserList (src/components/UserList.tsx:15)
at renderWithHooks (react-dom.development.js:14985)
【関連コード】
```tsx
const UserList = ({ users }) => {
return users.map(user => {user.name});
};
```
【状況】
- APIからのレスポンスを待っている間に発生
- 最初のレンダリング時のみ発生
AIの回答例
原因: 初期状態で users が undefined のため、map を呼び出せない
修正:
users?.map() またはデフォルト値 users = [] を設定
Claude Code でのデバッグ
# エラーをそのまま貼り付け > このエラーを修正してください: > [エラーメッセージをペースト] # ログファイルを分析 > @logs/error.log このログのエラー原因を分析してください # 特定の問題を調査 > ユーザー登録で500エラーが出ます。原因を調べてください
再現手順から原因特定
以下の再現手順でバグが発生します。原因を特定してください。 【再現手順】 1. ログインする 2. タスク一覧を開く 3. タスクを削除する 4. 画面をリロードする 5. 削除したはずのタスクが表示される 【期待動作】 削除したタスクは表示されない 【関連ファイル】 - backend/app/api/tasks.py - frontend/src/features/tasks/api.ts
まとめ
- ✓エラー全体を渡す - スタックトレース、状況、コードをセットで
- ✓再現手順を明確に - いつ、どの操作で発生するか
- ✓修正後はテスト - 同じエラーが出ないことを確認