📅 情報を読み込み中…

🤖
自律的なコーディング

ファイルの作成・編集・削除、コマンド実行、テストなどを Claude が自動で行います。「このアプリを作って」と指示するだけでコードを自律的に書き進めます。

🔍
コードベース理解

既存のプロジェクトフォルダを読み込んで、コード全体を理解した上でバグ修正・リファクタリング・機能追加ができます。

コマンド実行

npm install・git・テストスクリプトなどのコマンドを自動実行。開発フローをそのまま自動化できます(要確認)。

🌐
Web 検索・ドキュメント参照

最新のライブラリ情報やドキュメントを検索しながらコードを生成。最新情報をもとにした実装が可能です。

🚀 インストール・セットアップ

⚠️
Claude Code の利用には Anthropic API キー(有料)が必要です。API ガイド でキーの取得方法をご確認ください。

必要な環境

Node.js 18 以降 npm または npx macOS / Linux / Windows (WSL推奨) Anthropic API キー

セットアップ手順

1

Node.js をインストール

nodejs.org から LTS 版をダウンロードしてインストールします。

2

Claude Code をインストール

$ npm install -g @anthropic-ai/claude-code added 248 packages in 12s
3

API キーを環境変数に設定

# macOS / Linux $ export ANTHROPIC_API_KEY='sk-ant-...' # Windows PowerShell > $env:ANTHROPIC_API_KEY = 'sk-ant-...'
4

プロジェクトフォルダで起動

$ cd ~/projects/my-app $ claude ✓ Claude Code v1.x.x 作業ディレクトリ: /Users/you/projects/my-app 何をしましょうか?

💡 使い方の例

新規アプリの作成

あなた: Reactで天気予報アプリを作って。OpenWeather APIを使って現在地の天気を表示するシンプルなもの。 Claude:了解です。天気予報Reactアプリを作成します。 ✓ プロジェクト構造を確認中... ✓ src/App.jsx を作成中... ✓ src/components/WeatherCard.jsx を作成中... ✓ src/hooks/useWeather.js を作成中... ✓ package.json を更新中... ✓ 完了!`npm start` で起動できます。

バグ修正

あなた: ログイン時に `TypeError: Cannot read property 'id' of undefined` が出る。直して。 Claude:エラーを調査します。 ✓ src/auth/login.js を読み込み中... ✓ 問題を発見: user オブジェクトのnullチェックが不足 ✓ src/auth/login.js を修正中... ✓ 修正完了!変更内容: - 修正前: const userId = user.id + 修正後: const userId = user?.id ?? null

リファクタリング

あなた: utils.js の関数が重複している。整理して。 Claude:コードを解析します。 ✓ utils.js を解析中(384行)... ✓ 重複を発見: formatDate が3箇所で重複定義 ✓ 共通関数に統合中... ✓ リファクタリング完了: 384行 → 201行(47%削減)

テスト作成

あなた: src/api/userService.js の全関数にJestテストを書いて。 Claude:テストを作成します。 ✓ userService.js を解析中... ✓ 7つの関数を検出 ✓ tests/api/userService.test.js を作成中... ✓ 23件のテストケースを生成 ✓ モックを設定中... ✓ 完了!`npm test` で実行できます。

🔌 IDE・エディタ連携

📝
VS Code

VS Code の統合ターミナルから Claude Code を起動すると、現在のファイルのコンテキストを自動で読み込みます。

💎
JetBrains IDEs

IntelliJ IDEA・PyCharm・WebStorm などの JetBrains 製品でも統合ターミナルからクロード Codeを利用できます。

🐙
GitHub との連携

GitHub Actions や GitHub CLI と組み合わせて、プルリクエストのレビューや自動コード修正も可能です。