バイブコーディング入門
Claude Codeを使ったAI駆動開発を学ぶ
バイブコーディング入門
Claude Codeを使って、AIと対話しながらプログラミングする方法を学ぼう
ゴール：Claude Codeを使いこなして開発効率を爆上げする！
バイブコーディングとは？
🎵 Vibe = 雰囲気・感覚
バイブコーディングとは、細かい仕様を決めずに、AIに「こんな雰囲気で」「こういう感じで」と伝えながらコードを生成していく開発スタイルです。
従来の「1行1行自分で書く」スタイルから、「AIと対話しながら作る」スタイルへの大きな変革です。
ドキュメントを調べながら進める
エラーも自分で解決
AIがコードを生成・修正
対話しながら完成させる
Claude Codeとは？
Claude CodeはAnthropicが開発したターミナルベースのAIコーディングアシスタントです。
💡 Claude Codeの特徴
- ターミナルで動作 - コマンドラインから直接使える
- ファイル操作が可能 - コードの読み書き、編集ができる
- コマンド実行 - git、npm、テストなども実行可能
- コンテキスト理解 - プロジェクト全体を把握して提案
🚀 できること
- 新しい機能の実装
- バグの修正
- リファクタリング
- テストの作成
- ドキュメントの生成
- コードの説明・解説
インストール方法
Claude Codeはワンコマンドで簡単にインストールできます。
Mac / Linux
# ターミナルで以下を実行
curl -fsSL https://claude.ai/install.sh | sh
Windows
# PowerShellで以下を実行
irm https://claude.ai/install.ps1 | iex
💡 インストール確認
インストール後、ターミナルで claude --version を実行して確認しましょう。
⚠️ 必要なもの
- Anthropicアカウント（初回起動時にログインが必要）
- インターネット接続
基本的な使い方
1. Claude Codeを起動する
# プロジェクトのディレクトリで起動
cd your-project
claude
2. やりたいことを伝える
起動したら、自然な日本語で指示を出すだけ！
> ログイン機能を追加して
> このエラーを直して
> このコードを説明して
> テストを書いて
3. 提案を確認して承認
Claudeがコードの変更を提案したら、内容を確認して選択肢から選びます：
1：承認して実行 / 2：編集してから実行 / 3：拒否
💡 ポイント
Claudeは変更を勝手に適用しません。必ず確認を求めてくれるので、安心して使えます。
CLAUDE.md（最重要）
⭐ これが一番大事！
プロジェクトのルートに CLAUDE.md ファイルを作成しておくと、Claude が毎回それを読み込んで、プロジェクト固有のルールや指示を理解してくれます。
CLAUDE.md には、プロジェクトのルールやコーディング規約、使用技術などを書いておきます。
# CLAUDE.md の例
always respond in Japanese
# プロジェクト概要
このプロジェクトはLaravelで作られたECサイトです。
# 技術スタック
- Laravel 11
- PHP 8.3
- MySQL 8.0
- Tailwind CSS
🚨 日本語設定が超重要！
always respond in Japanese を最初に書いておかないと、Claudeは英語で返答してきます。
日本語で作業したい場合は、これを一番最初に書いてください！
💡 ポイント
CLAUDE.md があると、毎回「このプロジェクトはLaravelで...」と説明しなくても、Claudeが自動で理解してくれます。
最初にこれを作っておくと、作業効率が格段に上がります！
よく使うオプション
途中で中断した作業を続けたいときに便利
例: claude -c "このバグを直して"
例: @src/App.tsx この部分を修正して
Sonnet、Opus などを選択できる
初回起動時や再認証が必要なときに使う
# 前回の続きから再開
claude -r
# 起動と同時に指示を渡す
claude -c "ログイン機能を追加して"
# 組み合わせも可能
claude -r -c "さっきの続きで、バリデーションも追加して"
効果的な使い方のコツ
「ボタンを青色にして」の方が◎
的確な修正ができる
小さな変更を積み重ねる
理解してから承認する
⚠️ 注意点
- AIの提案を鵜呑みにしない（必ず確認する）
- 機密情報を含むファイルに注意する
- こまめにgit commitしておく
まとめ
🎉 さあ、始めよう！
バイブコーディングで開発効率を爆上げしましょう！
まずは簡単なタスクから試してみてください。
「AIと一緒にコードを書く」新しい体験を楽しんでください！
🤖✨
Let's Vibe Coding!