Claude Codeとclaude.aiのArtifacts機能の根本的な違いは何ですか？どちらをいつ使うべきですか？
Artifacts（claude.aiインターフェース）：サンドボックスで実行、ローカルファイルにアクセス不可、パッケージインストール不可、実際のコード実行不可。適している：クイックコードプロトタイプ、ロジックのデモ。
Claude Code（コマンドライン）：実際の開発環境で実行、コードベース全体を読み取り可能、パッケージインストール可能、テスト実行可能、ファイルを直接変更可能。
選択ガイド：コードの効果をすぐに確認したいだけ → Artifacts。実際のコードベースでの有意義な作業 → Claude Code。
Claude Codeがタスクを実行するとき、望まない変更をしないようにするにはどうすればよいですか？
組み込みメカニズム：すべての副作用のある操作（ファイルの作成/変更/削除、ターミナルコマンドの実行、パッケージのインストール）に対して、Claude Codeはデフォルトで実行前に何をしようとしているかを表示し、確認を待ちます。
あなたができる保護：Git管理下で作業することが最も重要です。Claude Code完了後、git diffですべての変更を注意深く確認し、満足したらgit commit；不満足ならgit checkout .で1秒で元に戻します。
実際の作業習慣：意味のあるサブタスクが完了するたびにgit commitします。これにより明確な進捗記録ができ、問題があった場合に正確に元に戻せます。
Claude CodeのAPIキーのコストをどのように管理しますか？見積もり方法はありますか？
大まかな見積もり：小さなタスク（バグ修正、2〜3ファイル読み取り）：$0.05〜$0.20；中程度のタスク（テストスイート作成、5〜10ファイル読み取り）：$0.20〜$0.80；大きなタスク（モジュールのリファクタリング、20+ファイル読み取り）：$1〜$5。
コスト管理方法：ファイル範囲を指定——コードベース全体を読ませない；/clearでコンテキストを定期的にリセット；console.Anthropic.comで月次支出上限を設定。
Claude Proユーザー：Claude Proがある場合、claude.aiアカウントでログインを優先します（サブスクリプションに含まれる）。
基本をマスターした後に探索する価値のあるClaude Codeの高度な機能は何ですか？
Subagents（サブエージェント）：メインインスタンスから複数の子Claude Codeインスタンスを並列にspawnします。
MCP統合：MCP（Model Context Protocol）を通じてGitHub、Jira、データベースなどのツールに接続します。
ヘッドレスモード：claude --print "your task"でClaude Codeを非インタラクティブに実行します。CI/CD統合や自動化スクリプトに適しています。
計画モード：操作を実行する前に完全な実行計画を出力します。高リスクな操作に特に有用です。
Artifactsはサンドボックス環境で動作し、ローカルファイルへのアクセス・パッケージインストール・実際のコード実行はできない。クイックプロトタイプやロジック確認に向いている。Claude Codeは開発環境で直接動作し、コードベース全体を読み込み、パッケージをインストールし、テストを実行し、ファイルを直接変更する。
選択の基準：「ソート関数を書いて」はArtifactsで十分。「重複値でソートが異常動作する原因を特定して修正して」はClaude Codeが必要だ。実際のコードベースとテスト結果にアクセスして初めて解決できる。
Claude Codeは副作用を伴う操作（ファイル作成・変更・削除、ターミナルコマンド実行、パッケージインストール）を実行する前に、何をしようとしているかを表示して確認を求める。
保護策として、Gitバージョン管理の中で作業することが最重要だ。大きな変更前にgit statusでクリーンな状態を確認し、作業後はgit diffで変更内容を精査する。気に入らなければgit checkout .で即座に元に戻せる。複雑なタスクには、実行前に計画を立てる「プランフェーズ」を先に依頼し、内容を確認してから実行を承認する方法が有効だ。
サブタスク完了ごとに明確なメッセージ付きでgit commitすることを推奨する。これにより詳細な進捗記録が残り、問題のあるステップだけを正確に元に戻せる。
| タスク規模 | 概算コスト |
|---|---|
| 小規模（バグ修正1件、2〜3ファイル確認） | $0.05〜0.20 |
| 中規模（テストスイート構築、5〜10ファイル分析） | $0.20〜0.80 |
| 大規模（モジュールリファクタリング、20ファイル以上） | $1〜5 |
コスト管理の基本：
src/auth/など特定ディレクトリのみ参照と指示）/clearでコンテキストをリセットし、蓄積されたトークンコストを防ぐ/costでセッション統計を確認するClaude Proユーザーはclaude.aiアカウント認証を優先し、Pro使用上限を超えた場合のみAPI Keyに切り替えることを推奨する。
前提条件： Node.js 18以上、macOS・Linux・WSL2推奨のWindows、AnthropicのAPI KeyまたはClaude Pro/Maxサブスクリプション。
npm install -g @anthropic-ai/claude-code
プロジェクトディレクトリでclaudeを実行して起動する。初回起動時にclaude.aiアカウントまたはAPI Keyで認証する。
実際のコードベースから中程度の難易度のタスクから始めるのが理想だ。既知のバグ修正、既存コードへのテスト追加、複雑な関数のリファクタリングが良い最初のタスクになる。
テスト追加の例：プロジェクトディレクトリでclaudeを実行し、「src/utils/formatter.jsの全関数にJestを使ったユニットテストを書いて、tests/utils/に配置して」と指示する。Claude Codeはファイルを読み込み、各関数を分析し、各ステップを表示しながらテストを書いていく。
プロジェクトルートにCLAUDE.mdファイルを作成する。Claude Codeはセッションごとにこのファイルを自動的に読み込む。毎回コンテキストを説明し直す必要がなくなる。
含めるべき内容：
サブエージェント： メインインスタンスから複数の子Claude Codeインスタンスを同時に起動できる。「コードベースの3つのモジュールを同時に分析して、それぞれパフォーマンス問題を洗い出して」という指示で3つの子エージェントが並行実行される。
MCP統合： GitHub、Jira、データベースなどの外部ツールをMCPプロトコル経由で接続できる。「GitHubのバグ関連Issueをすべて見つけて優先度でソートし、最高優先度から修正を始めて」という一連の作業を自律的に実行する。
ヘッドレスモード： claude --print "タスク"でCI/CDや自動化スクリプトに組み込める非インタラクティブ実行が可能。
プランモード： 操作を実行する前に完全な実行計画を生成し、承認後に実装する。高リスクな操作に特に有効。
/clearでコンテキストをリセットするgit diffで変更確認、git checkoutで元に戻す）/compactでコンテキストを圧縮する