メインコンテンツへスキップ
見出し画像

【非エンジニア向け】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

    こんな感じ!

    画像
    「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サイト意外にも、いろいろ作れるようになりますよ!


    あなたへのおすすめ