この記事の目次
Claude Codeとは?Web版と何が違うの?
Claude Code(クロード コード)は、Anthropicが提供するターミナルベースのAIコーディングアシスタントだよ。ブラウザでclaude.aiにアクセスする「Web版」とは違って、ターミナル(コマンドライン)から直接使えるのが特徴。
Web版Claudeとの違い
- Web版Claude:ブラウザで使う。チャット形式で質問・依頼。コピペでコードを受け取る
- Claude Code:ターミナルで使う。プロジェクト全体を理解して、ファイルの作成・編集・削除を直接やってくれる
つまり、Claude Codeは「コードを教えてくれるAI」ではなく「一緒にコードを書いてくれるAI」。自分のパソコンのファイルを直接触ってくれるから、コピペの手間がゼロなんだ。
こんな人におすすめ
・プログラミングで副業を始めたい人
・コードは書けないけどWebサイトやツールを作りたい人
・開発スピードを爆速にしたいエンジニア
・ノーコードの次のステップに進みたい人
インストール手順
前提条件
- Node.js 18以上がインストールされていること
- ターミナル(Mac)/ コマンドプロンプト or PowerShell(Windows)が使えること
Node.jsのインストール(まだの人)
Node.jsが入っていない場合は、まずこちらを入れよう。
Claude Codeのインストール
これだけ!たった1コマンドでインストール完了だよ。
初期設定とログイン
Claude Codeを起動する
認証方法
初回起動時に認証が必要だよ。2つの方法があるんだ。
- Anthropicアカウントでログイン(おすすめ):ブラウザが開くので、claude.aiのアカウントでログインするだけ
- APIキーを使う:
ANTHROPIC_API_KEYの環境変数を設定しておけば自動認証
どっちを選ぶべき?
Claude Proに加入しているなら1番が楽。APIキーで従量課金のほうが安い場合もあるから、使い方に合わせて選ぼう。
基本的な使い方
Claude Codeが起動したら、あとは日本語で「やりたいこと」を伝えるだけ。こんな感じ。
ファイルの作成・編集・削除を全部AIがやってくれるから、自分はやりたいことを伝えるだけ。まるでプロのエンジニアが隣にいるみたいでしょ?
Claude Codeが自動でやってくれること
- ファイルの作成・編集・削除
- ターミナルコマンドの実行(npm installなど)
- プロジェクト全体のファイルを読んで理解する
- エラーの原因を特定して修正する
- テストの作成と実行
- Gitの操作(コミット・プッシュなど)
覚えておきたいスラッシュコマンド
Claude Codeの中で使える便利なコマンドがあるよ。全部覚えなくても、よく使うものだけ知っておけばOK。
/help— 使い方のヘルプを表示/clear— 会話履歴をクリアしてリセット/compact— 会話を要約してコンテキストを節約/cost— 今のセッションでかかった料金を表示/doctor— インストール状態の診断
実践:Claude Codeで簡単なWebサイトを作ってみよう
実際にやってみよう!「自己紹介のポートフォリオサイト」を作る流れだよ。
ステップ1:プロジェクトフォルダを作成
ステップ2:AIに指示を出す
ステップ3:できあがりを確認
数十秒〜数分で、Claude Codeがファイルを作成してくれる。ブラウザでindex.htmlを開けば完成したサイトが見られるよ。
ステップ4:修正を依頼
このやり取りを繰り返すだけで、どんどんクオリティが上がっていくんだ。
副業での活用シーン5選
1. Web制作の受注案件をこなす
クライアントから「こんなサイトが欲しい」と言われたら、Claude Codeに指示を出して一気に作成。制作時間を従来の1/3〜1/5に短縮できるよ。
2. ブログのカスタマイズ
WordPressやHTMLブログのデザイン変更、機能追加をAIに任せられる。「サイドバーにプロフィールウィジェットを追加して」みたいな指示でOK。
3. 業務自動化ツールの開発
Pythonスクリプトやシェルスクリプトの作成をAIに任せて、企業向けの業務自動化ツールを納品する副業ができるよ。
4. LINEボット・チャットボットの開発
「飲食店の予約受付ボットを作って」と指示すれば、Claude Codeがコードを生成。1件5〜15万円の案件が狙えるジャンルだよ。
5. アプリのプロトタイプ作成
「こんなアプリを作りたい」というアイデアを伝えるだけで、動くプロトタイプを作ってくれる。スタートアップの受託開発にも使えるね。
料金と注意点
料金体系
- Claude Pro(月額20ドル)で利用する場合:月額料金内で利用可能(利用量の上限あり)
- APIキーで利用する場合:従量課金。使った分だけ料金がかかる
注意点
- ファイルの変更を必ず確認する:AIが提案する変更は「承認」してから適用される。中身を確認してからOKを出そう
- 機密情報に注意:プロジェクト内のファイルをAIが読むので、APIキーやパスワードが含まれるファイルがないか確認
- Gitで管理する:AIの変更をいつでも戻せるように、Gitでバージョン管理するのがおすすめ
- 生成コードのレビュー:AIのコードが完璧とは限らない。特にセキュリティ面は自分でもチェックしよう
困ったときのトラブルシューティング
「command not found: claude」と出る
Node.jsが正しくインストールされていないか、npmのグローバルパスが通っていない可能性があるよ。node --versionで確認してみて。
認証エラーが出る
ブラウザで認証する方法を試してみよう。claudeを実行すると認証用のURLが表示されるから、そこからログインしてね。
動作が遅い・フリーズする
大きなプロジェクト(ファイル数が多い)だと時間がかかることがある。.claudeignoreファイルを作って、node_modulesなどの不要なフォルダを除外しよう。