Claude Code実践
Claude Codeを自分のプロジェクトに組み込む最初の一歩
環境構築から最初のエージェント実行まで10分で動かす手順。詰まりポイントを先に潰しておく。
·約2分
LINE 公式アカウント
AI副業スタートガイドをLINEで無料配布中
R
Rikuto (LAB)
非エンジニアが Claude Code × n8n × Supabase で副業システムを作り続ける実験記。 失敗も含めたリアルな一次情報を発信しています。
THINK YOU LAB 運営
環境構築から最初のエージェント実行まで10分で動かす手順。詰まりポイントを先に潰しておく。
LINE 公式アカウント
AI副業スタートガイドをLINEで無料配布中
Rikuto (LAB)
非エンジニアが Claude Code × n8n × Supabase で副業システムを作り続ける実験記。 失敗も含めたリアルな一次情報を発信しています。
THINK YOU LAB 運営
「Claude Code、触ってみたけどどこから始めればいいか分からない」という話をよく聞く。
公式ドキュメントは整っているが、自分のプロジェクトにどう組み込むかという観点での情報が少ない。この記事では、俺が実際にやった手順をそのまま書いていく。
npm install -g @anthropic-ai/claude-codeインストール後、ターミナルで claude と打つと起動する。
これが一番重要。CLAUDE.md はClaudeへの「このプロジェクトのルール書」になる。
# プロジェクト名
## 技術スタック
- Next.js 16 (App Router)
- TypeScript
- Tailwind CSS
## 作業ルール
- ファイル変更前に必ず既存コードを読む
- git push は人間が手動実行する最初は3〜5行でいい。使いながら育てていく。
claude
> このプロジェクトのディレクトリ構成を説明して
まず「読む」タスクから始めると、Claudeがプロジェクトを把握する様子が見えて安心できる。
「何をお願いすればいいか分からない」
最初は「このファイルの役割を説明して」「このエラーの原因を特定して」だけで十分。実装を頼むのはその後。
「出力が多すぎて追えない」
/compact コマンドでコンテキストを圧縮できる。長いセッションでは定期的に使う。
claude --help よりも実際に動かして見る方が早い次回は n8n との組み合わせについて書く予定。
LINE 公式アカウント
AI副業×自動化の実践ナレッジをLINEで毎週配信中