所要時間: 約30分 | 難易度: ★★★☆☆
この記事で作るもの
- CursorのGUIとClaude CodeのCLIエージェントをシームレスに連携させた開発環境
- FastAPIを使用した「株価リアルタイム監視・通知API」のプロトタイプ
📦 この記事に関連する商品(楽天メインで価格確認)
MacBook Pro 32GBCursorのインデックス作成とClaude Codeの並行動作には32GB以上のメモリが必須
※アフィリエイトリンクを含みます
前提知識
- Pythonの基本的な文法
- ターミナル(Terminal / PowerShell)の基本操作
- Node.jsがインストールされていること
必要なもの
- Anthropic APIキー(Claude Code用)
- Cursorの有料プラン(Pro以上推奨、無料枠でも可)
- Node.js v18.19.0 以上
先に確認するスペック・料金
AIコーディングを本気で行うなら、ケチってはいけないのが「API代」と「メモリ」です。Claude Codeは非常に強力なエージェントですが、ターミナル上で自律的に動くため、1回のタスクで数十円〜数百円のAPI費用(Claude 3.5 Sonnet使用分)が飛ぶこともあります。
私はRTX 4090を2枚挿した自作PCでローカルLLMも回していますが、VS Code/Cursorの拡張機能やClaude Codeのような最新ツールに関しては、ローカルよりもAPI経由のほうが圧倒的に「賢さ」の恩恵を受けられます。
PCスペックとしては、Cursorのインデックス作成とClaude Codeの同時並行を考えると、メモリ32GB以上が理想です。16GBでも動きますが、大規模なリポジトリを読み込ませるとスワップが発生し、レスポンスが1秒以上遅れることがあります。この「1秒の差」が開発のリズムを壊すため、可能な限りハードウェアへの投資を優先してください。
なぜこの方法を選ぶのか
これまで私は「Cursor(Cline/Aider等の拡張機能含む)」だけで完結させようとしてきました。しかし、Claude Codeの登場で結論が変わりました。
Cursorは「コードの全体像を視覚的に把握し、インラインで修正する」のに適しています。一方でClaude Codeは「ターミナル操作、テスト実行、Git操作を含めた自律的なタスク遂行」において圧倒的に手数が少ないです。
例えば「テストコードを全件実行して、エラーが出た箇所をすべて修正し、コミットまで済ませる」という作業。Cursorだと人間がボタンを押す回数が多いですが、Claude Codeなら1行の命令で済みます。この「GUIとCLIの使い分け」が、現時点で最も生産性が高いAI開発の正解だと確信しています。
Step 1: 環境を整える
まずはClaude Codeをインストールし、Cursorから呼び出せるようにします。
# Claude Codeのインストール
npm install -g @anthropic-ai/claude-code
# バージョン確認(2025年3月時点の最新版を確認)
claude --version
# 初回認証(ブラウザが開くのでAnthropicアカウントでログイン)
claude auth login
Claude CodeはNode.js環境で動作するCLIツールです。npmを使用してグローバルにインストールすることで、Cursor内のターミナルから直接呼び出せるようになります。
⚠️ 落とし穴:
Node.jsのバージョンが古いと、インストール中にエラーが出るか、実行時に謎の挙動をします。node -vで18.19.0以上であることを必ず確認してください。また、WindowsユーザーはPowerShellを管理者権限で実行しないとシンボリックリンク作成で失敗することがあります。
Step 2: 基本の設定
Claude Codeを起動し、開発環境の権限を与えます。これをしないと、ファイルを作成したりコマンドを実行したりするたびに許可を求められ、エージェントの良さが死にます。
# プロジェクトディレクトリを作成して移動
mkdir ai-stock-app && cd ai-stock-app
# Claude Codeの起動
claude
起動後、まず以下の設定を確認・変更してください。
# Claude Codeの対話モード内で実行
/config set -g autoExecute true
「なぜこの設定にするのか」という点ですが、Claude Codeはデフォルトでは「コマンド実行前にユーザーの許可」を求めます。しかし、エンジニアが横でずっと見ているなら、信頼できるディレクトリ内では自動実行(autoExecute)をオンにしたほうが、開発スピードは3倍速くなります。
Step 3: 動かしてみる
それでは、Cursorの画面を開いた状態で、下のターミナルからClaude Codeに「株価を取得するAPI」を作らせてみましょう。
# Claude Codeのプロンプトに入力
yfinanceを使って、指定したティッカーシンボルの最新価格を返すFastAPIのアプリを作って。
ディレクトリ構成はシンプルに main.py 1ファイルで。
必要なライブラリのインストールも済ませておいて。
期待される出力
Claude Codeが自律的に以下を判断して実行します。
pip install fastapi uvicorn yfinanceの実行main.pyの作成とコード記述- サーバーの起動確認
# main.py の例
import yfinance as yf
from fastapi import FastAPI
app = FastAPI()
@app.get("/price/{ticker}")
def get_price(ticker: str):
stock = yf.Ticker(ticker)
price = stock.history(period="1d")['Close'].iloc[-1]
return {"ticker": ticker, "price": price}
Cursorの画面上で、左側のファイルツリーに即座に main.py が現れるはずです。これがGUIとCLIを併用する醍醐味です。
Step 4: 実用レベルにする
ここからが本番です。プロトタイプを「仕事で使えるレベル」に引き上げます。エラーハンドリングを追加し、さらに「特定の価格を超えたらログを出す」機能を追加させます。
今度はCursorの「Composer(Ctrl+I / Cmd+I)」を使って、コードのロジックを修正しましょう。
- Cursorで
main.pyを開く。 - Composerに以下を入力: 「このAPIに、株価が取得できなかった場合の例外処理を追加して。また、価格チェックのバックグラウンドタスクを実装するための雛形も作って」
# 修正後の実用的なコード例
import yfinance as yf
from fastapi import FastAPI, HTTPException
import logging
logging.basicConfig(level=logging.INFO)
logger = logging.getLogger(__name__)
app = FastAPI()
def fetch_stock_price(ticker: str):
try:
stock = yf.Ticker(ticker)
data = stock.history(period="1d")
if data.empty:
raise ValueError(f"No data found for {ticker}")
return data['Close'].iloc[-1]
except Exception as e:
logger.error(f"Error fetching {ticker}: {e}")
return None
@app.get("/price/{ticker}")
async def get_price(ticker: str):
price = fetch_stock_price(ticker)
if price is None:
raise HTTPException(status_code=404, detail="Stock info not found")
return {"ticker": ticker, "price": float(price)}
「なぜこの方法か」というと、細かいロジックの修正やリファクタリングは、CursorのComposerで変更箇所を「差分(Diff)」として確認しながら進めるほうが、AIの暴走を防げるからです。
逆に、この後の「Gitへのコミット」や「README.mdの自動生成」は、再びターミナルのClaude Codeに戻って一言命じるだけです。
# 再びClaude Codeで
これまでの変更内容を要約して、Conventional Commitsに従ってコミットしておいて。
これで、メッセージの作成からコミットまで完了します。
よくあるトラブルと解決法
| エラー内容 | 原因 | 解決策 |
|---|---|---|
claude: command not found | パスが通っていない | npm bin -g でパスを確認し、環境変数に追加する。 |
| API代が急激に増える | Claude Codeがループしている | /config set -g maxIterations 5 などで最大ループ数を制限する。 |
| ライブラリの競合 | venv(仮想環境)を使っていない | 常に python -m venv .venv を作成し、Claude Codeにそれを認識させる。 |
次のステップ
この環境が整えば、あなたは「仕様を考える人」になり、AIが「手を動かす人」になります。次に挑戦すべきは、以下の3つです。
- GitHub Actionsとの連携: Claude Codeに「このプロジェクト用のCI/CDパイプラインを組んで」と頼み、自動テスト環境を構築してみてください。
- MCP(Model Context Protocol)の導入: CursorやClaude CodeにGoogle検索やSlack通知の権限を与えるMCPサーバを導入することで、AIが自ら最新情報を検索してコードを書くようになります。
- プロンプトエンジニアリングの自動化:
.claudecode.mdというファイルをプロジェクトルートに作り、プロジェクト独自の命名規則や禁止事項を記述してください。これにより、AIの出力品質が劇的に安定します。
AIコーディングは、ツールを一つに絞る必要はありません。Cursorの「目」とClaude Codeの「手」を使い分けるのが、現在の最適解です。
よくある質問
Q1: Cursorの有料プランに入っていますが、Claude CodeのAPI代は別途かかりますか?
はい、かかります。Cursorの料金はCursor社のモデル利用料であり、Claude CodeはAnthropic社のAPIを直接叩くため、従量課金となります。月額$20のCursor代とは別に、月間$10〜30程度のAPI予算を見ておくのが現実的です。
Q2: Claude Codeがファイルを勝手に消したりしませんか?
100%安全とは言い切れません。そのため、必ずGit管理下のディレクトリで作業してください。Claude Codeが何かミスをしても、CursorのGUIからGit Graphを見れば即座に git restore で戻せます。
Q3: Python以外の言語でも同じように動きますか?
もちろんです。TypeScriptやRust、Goなどでも同様のフローが使えます。特にTypeScript環境では、Claude Codeが npm test を自分で回してエラーを潰していく様子は感動的ですらあります。





