【非エンジニア向け】Claude Codeのインストール方法、使い方徹底解説

イケハヤです。

いやー、ここ最近「バイブコーディング」がヤバいくらい進化していますね！

プログラミング知識がなくても、AIの力を借りて、本格的な開発ができる時代が来ました。

そんなバイブコーディングに使えるツールのひとつで、めっちゃおすすめなのが「Claude Code」です。ぼくも最近はこれをメインに使っています。

Claude Codeはエンジニア向けだと思われがちですが、まったくそんなことはなく、むしろ非エンジニアこそ使うべきです！

たとえば、この記事も実はClaude Codeで書いてます。

ブログ執筆や編集にも使える万能ツールなんですよ！

というわけで、完全初心者でも今日からClaude Codeを使い始められるよう、丁寧に解説していきます！

「もっと手前の方から理解したい」という方は、こちらの講義をざっと受講してもらえればと思います〜。

まず知っておきたい：「Claude.ai（Webサイト）」と 「Claude Code」の違い

「Claude」って聞いたことあるけど、「Claude Code」は何が違うの？

正直、ややこしいです。勘違いしてる人も多いです。

最初にこの違いをはっきりさせておきましょう！

Claude.ai（Webサイト版）

こちらは「ブラウザで使う」チャット形式のAIです。「ChatGPTと同じ」というとわかりやすいですかね！

• 💬 質問に答えてくれる

• 📝 文章を書いてくれる

• 💡 アイデアを出してくれる

• 📱 外出先などどこでも利用できる

• ❌ 実際にファイルを作ったり編集したりはできない

Claude Code（今回の主役！）

こちらは「パソコンで」直接動く開発特化型AIです。ソフトウェアをインストールして利用します。

• 🛠️ 実際にファイルを作成・編集できる

• 🚀 作ったものをすぐに動かせる

• 📁 プロジェクト全体を理解して作業

• ⚡ プロの開発者と同じ環境で作業

• ❌ パソコン（できればMac）必須、出先やスマホでは基本的に利用できない

本格的な開発をするなら、Claude Code一択です。

例えばこんな違いがあります。

Claude.ai で「TODOアプリを作って」と頼むと：
→ コードを表示してくれる（でも自分でファイルを作る必要がある）

Claude Code で「TODOアプリを作って」と頼むと：
→ 必要なファイルを全部作って、すぐに動くアプリが完成！

つまり、Claude Codeは「見せるだけ」じゃなくて「実際に作ってくれる」んです。これってすごくないですか？

初心者でも使えるの？

もちろん！

プログラミングがわからない初心者でも、Claude Codeは使えます。

てか、ぼくがプログラミング一切わからないけど、めっちゃ使ってますw

Claude Codeは

「日本語で話しかけるだけで、実際に動くプログラムを作ってくれるAIアシスタント」

なんです。

すべて日本語の指示でオーケー！

「シューティングゲーム作って」「もっといい感じにして」「ちょっと微妙なのでなんとかして」とか、そういう指示で色々作ってくれます。

Claude Codeを使う上で、プログラミングの知識はマジで不要です。信じてください。

スマホでできる？

残念ながら、スマホはよ〜〜〜っぽど頑張らないと難しいですね。

Claude Codeは「パソコン必須」だと思ってください。

そして、現状Windowsには非対応です。Windowsでもできなくないんですが、初心者にはだいぶハードルが高いですね……。

初心者の方はMacを強く推奨します！

【月3000円〜】料金プラン徹底解説！

Claude Codeは有料サービスで、「月額固定プラン」です。

無料では使えないのでご注意ください！

レートリミット（制限）があり、その制限のなかでなら「使い放題」になっています。

料金プランは「Pro (20ドル)」「MAX 5x（100ドル）」MAX 20x（200ドル）」の3種類です。

いきなりわかりにくいですが……

まずは$20のProプランから始めましょう！

• 毎月約3,000円で使い放題

• 初めての開発には十分

• Sonnet 4でも初心者には十分高性能

• いつでもアップグレード可能

ぼくはレートリミットが嫌なのと、Opusを使いたいので、$200のMax 20xプランを使っています。

でも最初はProプランで十分です！

使っていくうちに「もっと使いたい」と思ったらアップグレードすればOKです。

フローチャートも作ってみました（Claude Codeが）。初心者はProからどうぞ！

Q: プログラミング初心者？
├─ YES → Proプラン（$20）でスタート！
└─ NO → Q: プロジェクトの規模は？
         ├─ 1,000行以下 → Proプラン（$20）
         ├─ 1,000〜10,000行 → Q: Opus 4を使いたい？
         │                    ├─ YES → Max 5x（$100）
         │                    └─ NO → Proプラン（$20）
         └─ 10,000行以上 → Max 20x（$200）推奨

API経由は初心者には非推奨

なお、Claude CodeはAPI経由でも使えますが、これは従量課金（使った分だけ請求）なのでおすすめしません。

• ❌ 料金が予測しづらい

• ❌ うっかり使いすぎる危険

• ❌ 設定が複雑

初心者は月額プランが安心です。API経由で利用しないように注意しましょう！

インストール方法（Mac/Linux編）

はじめに：「ターミナル」について

ここが最初の山場です！

Claude Codeは「ターミナル」という黒い画面を使うんですが、正直言って初めて見る人には怖く感じるかもしれません。

でも大丈夫。

やるべきことは、文字を打つだけなんです。

失敗しても壊れないし、やり直せます。

一度覚えてしまえば「なんだ、こんなものか」と思うはずです。一緒に頑張りましょう！

STEP 1：ターミナルを開く

Macの場合：

1. Finderを開く

2. アプリケーション → ユーティリティ → ターミナル

3. または、Spotlight検索（⌘+スペース）で「ターミナル」と入力

初めて開いた時の見た目：

黒い画面に白い文字で何か表示されます。

大丈夫、怖くないです！ただの文字入力画面です。

STEP 2：「Node.js」をインストール

まず、Claude Codeを使うためには「Node.js」が必要です。

よくわからないと思いますが大丈夫です。ぼくもわかりませんw

以下のサイトからダウンロードできますので、インストールしましょう。

STEP 3：Claude Codeをインストール

いよいよClaude Codeをインストールします！

ターミナルに以下の文字をコピペして、Enterキーを押すだけ：

npm install -g @anthropic-ai/claude-code

こんな感じです。エンターを押して、のんびり待てばOKです！

※ここで詰まる場合は、以下の記事が参考になるかもです！ぼくの環境ではスッとインストールできましたが、環境によっては詰まるとのことです〜。

STEP 4：Claude Codeを起動

インストールが完了したら、ターミナルに以下の6文字を入力：

claude

こんな感じ！

「Welcome to Claude Code!」というメッセージが出たら成功です！

STEP 5：Claudeアカウントでログイン

初回起動時に、アカウントの認証画面が開きます。

英語でわかりにくいかもですが「subscription（月額サブスク）」というワードが入っている方を選んで進んでください。

1. ブラウザが自動的に開く

2. Claudeアカウントでログイン（Pro以上のプランが必要）

3. 「認証する」をクリック

4. ターミナルに戻ると自動的に接続完了

APIキーは不要です！

アカウントログインだけでOK。これでClaude Codeを利用できるようになりました！

🎉 おめでとうございます！

ここまで来れたあなたは、もう立派な開発者の仲間入りです。

ターミナルが使えるようになったことは、大きな一歩です。

最初は「難しそう」と思ったターミナルも、実際に使ってみたらただの文字入力画面ですよね。

これからClaude Codeを使って、どんどん楽しいものを作っていきましょう！

Windows向けガイド（初心者には非推奨）

⚠️ 重要：Windowsユーザーへの正直なアドバイス

初心者の方には、現時点でWindowsでのClaude Code利用はおすすめしません。

理由：

• 公式にはWindows未対応

• セットアップが複雑で挫折しやすい

• エラーが発生しても解決が困難

• 本来の性能が発揮できない可能性

おすすめの選択肢

1. Windows版の公式リリースを待つ & 別のツールを使う

おそらく近い将来、Windows版も出るはずです。もしくは、OpenAIやGoogleが同様のサービスを出してくるでしょう。それまで待つのが一番確実。

バイブコーディング自体はClaude Codeじゃなくてもできるので、Windsurfなどで始めてみるのがいいでしょう！

メルマガでWindsurfセミナーを配信してるので、こちらをどうぞ。

2. Macを購入する

いっそ買ってしまうのも手です。AI関係は、Macじゃないと対応してないものも多いんですよね、、、

• 中古のMacBook Airなら5-8万円程度

• 開発者の大半がMac使用

• トラブルが少なく、情報も豊富

• 投資価値は十分にある

とりあえず手に入れるなら、整備済み中古品がおすすめです。

3. どうしても今すぐWindowsで使いたい場合

以下の方法がありますが、完全初心者にはそこそこ難しいです：

WSL2（Windows Subsystem for Linux 2）を使う方法

1. PowerShellを管理者権限で起動

2. wsl --installを実行

3. Ubuntu環境でClaude Codeをインストール

必要なスキル：

• コマンドライン操作の基礎知識

• エラーメッセージを読んで対処する能力

• Linux環境の基本的な理解

正直に言いますが、初心者の方は、Windowsで無理してClaude Codeを使うより、まずはWindsurf.などでAIプログラミングに慣れることをおすすめします。

初心者が最初に試すべき5つのプロジェクト

さあ、Claude Codeが使えるようになったら、何から始めましょうか？

いきなり大きなプロジェクトは挫折の元。まずは小さな成功体験を積み重ねていきましょう！

プロンプトをコピペするだけで、ザクザクと作ってくれるはずです。

まずは適当にウェブサイトやツールを作ってみて、開発を体験してみてください！

1. 自己紹介サイト作成

プロンプト例：

私の自己紹介サイトを作ってください。
- 名前：[あなたの名前]
- 職業：[あなたの職業]
- 趣味：[あなたの趣味]
- 好きな色：青
- シンプルでモダンなデザインで

学べること：

• HTML/CSSの基礎

• ウェブサイトの構造

• デザインの基本

2. TODOリスト アプリ

プロンプト例：

シンプルなTODOリストアプリを作ってください。
機能：
- タスクを追加できる
- 完了したタスクにチェックを付けられる
- タスクを削除できる
- データはブラウザに保存される

学べること：

• JavaScriptの基礎

• データの保存方法

• ユーザーインターフェース

3. 電卓アプリ

プロンプト例：

基本的な電卓アプリを作ってください。
- 四則演算（+、-、×、÷）ができる
- クリアボタンがある
- 見た目はiPhoneの電卓風で

学べること：

• イベント処理

• 計算ロジック

• UIデザイン

4. 天気予報表示アプリ

プロンプト例：

現在地の天気を表示するアプリを作ってください。
- 現在の気温を表示
- 天気アイコンを表示
- 3日間の予報も見られる
- 無料の天気APIを使って

学べること：

• API連携

• 非同期処理

• データの表示方法

5. 簡単なゲーム（じゃんけん）

プロンプト例：

じゃんけんゲームを作ってください。
- プレイヤー vs コンピューター
- 勝敗をカウント
- かわいいアニメーション付き
- スマホでも遊べるように

学べること：

• ゲームロジック

• アニメーション

• レスポンシブデザイン

よくある質問：スクリーンショットの貼り方

Claude Codeのよくある誤解として、スクリーンショットなどを添付できないと思いがちです（ぼくもそう思ってました）。

が、これ普通にできます。

「このサイトみたいなの作って！」って言いたい時、スクリーンショットを見せられたら便利ですよね。

Macでのスクリーンショット取得：

1. Command + Shift + 4 を同時に押す

2. 撮影したい範囲をドラッグで選択

3. カシャッと音がしたら成功！

Claude Codeに貼り付け：

1. Claude Codeのターミナル画面をクリック

2. Command + V で貼り付け

3. 「このデザインのサイトを作って」と頼むだけ

そう、普通にドラッグ&ドロップでデータを渡せます。こんな感じで認識してくれます。

もちろんスクショ以外も渡せます。

• 画像ファイル → 「この画像のようなデザインで作って」

• HTMLファイル → 「このファイルを改善して」

• CSVファイル → 「このデータをグラフ化して」

• 音声ファイル → 「この音源を文字起こしして」

プログラミング知識がなくても、ファイルを投げ込むだけでOK。ぜんぶやってくれます。ヤバい。

上達のための5つのコツ

1. エラーを恐れない

バイブコーディングは、エラーとの戦いです。Claude Codeに「このエラーを直して」「ずっとエラーが続くけど原因わかる？」などと伝えて、忍耐強く開発していきましょう。

2. 小さく始める

最初から大きなプロジェクトは挫折の元。まずは1ページのペラサイトから作ってみましょう。

3. 質問する習慣をつける

「この部分は何をしているの？」
「なぜこの方法を選んだの？」

4. 諦めずに作り続ける

バイブコーディングは正直「ガチャ」です。うまくいくときはうまくいくし、ダメなときはダメです。諦めずに作り続けましょう！

5. 毎日少しずつ開発を進める

どんなことにも通じますが、継続が大切。週末にまとめてより、毎日コツコツ、作りたいものを作っていきましょう！

まとめ：今すぐ始めよう！

プログラミング知識ゼロでも、Claude Codeがあれば今日から開発者です。

今すぐやること：

1. Claude Codeをインストール

2. 自己紹介サイトを作ってみる

3. 分からないことは日本語で質問

最初は誰でも初心者です。大切なのは、一歩踏み出すこと。

Claude Codeと一緒に、あなたのアイデアを形にしましょう！

「バイブコーディングサロン」に入って、みんなと学ぼう！

日本最大のバイブコーディング学習者コミュニティを作っています。

すでに1000人以上が参加済み！「入会金4980円」のみと、オンラインサロンとしては格安かなと思います。

正確にアンケートは取ってませんが、参加者の99%は非エンジニアだと思われます。

このLPもバイブコーディングで作っています。

うちのサロン入って5〜10時間くらい勉強すれば、このくらいのサイトなら、自力で作れるようになると思います〜。

もちろんWebサイト意外にも、いろいろ作れるようになりますよ！