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

激ムズ⁉️イケハヤの記事を見てClaude Codeをインストールを試みた

    最近話題のバイブコーディング。

    イケハヤさんがVoicyで散々煽ってくるのでブロガーとして何か挑戦したいなと思っていました。

    イケハヤさんのVoicy↓

    noteでイケハヤさんが「Claude Code」のインストール方法を解説してくれていたので早速やってみることに。

    …が、やってみたら思っていたよりずっと難しかったです。
    イケハヤさんの記事通りに進めていったものの、うまくいかず、インストールの段階で諦めたくなりました。

    この記事では、「Claude Code」のインストール方法を私の体験をもとに解説します。
    イケハヤさんの解説にはないものをインストールする必要がありました。

    ステップゼロ 「Claude」と「Claude Code」は別物

    バイブコーディングを「Claude」でやれると思っていたら「Claude Code」というものをインストールしないといけないらしい。別のものだとは知らなかった。

    イケハヤさんの記事通りにやってみた

    イケハヤさんの記事では以下のように手順が紹介されていました。

    STEP 1:ターミナルを開く

    これはすぐにできました。
    Spotlight検索(⌘+スペース)で「ターミナル」と入力して、黒い画面を開くだけです。

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

    Node.jsの公式サイトからダウンロードしてインストール。
    ここまでもスムーズでした。

    STEP 3:「Claude Code」をインストール

    問題が起きたのはこのステップです。

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

    これをターミナルにコピペしてエンターを押したのですが、エラーが出てうまくいきませんでした。
    何度試してもターミナルで「error」というような表示が出て、先に進めず…。

    ChatGPTに相談してみた

    困ってしまってChatGPTに聞いてみると、

    ChatGPT:それはmacOSでよくある権限エラーですね。Node.jsをnvmというツールで入れ直すと解決しますよ。あとはこれについても確認してみてください。なんとかかんとか〜

    というようなアドバイスをもらいました。

    私:Node.jsはインストールしているはずです、、、、何を言ってるのかさっぱりわかりません。具体的な手順を教えてください。

    ChatGPT:このコマンドを打って次はこれで、なんとかかんとか〜〜

    見たいな感じで教えてくれました。

    nvm?Xcode?聞いたことない言葉ばかり

    この時点で出てきた言葉は、正直すべて初めて聞くものでした。

    • nvm(Node Version Manager)

    • Xcode コマンドラインツール

    意味はよくわかりませんでしたが、とりあえずChatGPTの言う通りに一つずつ進めていきました。

    初心者向けClaude Code をインストール手順

    私のように途中でつまずいた方の参考になればと思い、Claude Codeが使えるようになるまでに行った手順をまとめておきます。

    ① ターミナルを開く

    LaunchpadやSpotlight検索で「ターミナル」と入力して開くだけです。

    ② Xcode コマンドラインツールをインストール

    まず以下のコマンドを実行します。

    xcode-select --install

    これを入れておかないと、後の手順で止まる可能性があるので最初にやっておくと安心です。

    ③ nvm をインストール

    次に、nvmをインストールします。

    curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

    そして、以下のコマンドを実行してnvmを使える状態にします。

    export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"

    ④ Node.js をnvm経由で入れ直す

    nvm install --lts nvm use --lts nvm alias default node


    ⑤ Claude Code をインストール

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

    これで、エラーが出ることなくインストールが完了しました。

    ⑥ 確認してみる

    claude --help

    このコマンドを打って、ヘルプ画面が表示されれば成功です。

    ⑦Claude Codeを起動

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

    claude

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

    最後に

    WordPressやHTML/CSSには少し慣れていますが、今回出てきたNode.jsやnvm、Xcodeといった用語はまったくの初耳でした。
    それでもChatGPTに質問しながら進めていくことで、なんとかClaude Codeのインストールを完了することができました。

    イケハヤさんの記事もとてもわかりやすかったのですが、私のように環境によってはうまくいかないケースもあるようです。
    同じように途中で困ってしまった方がいたら、この記事が少しでも助けになればうれしいです。

    インストールでつまずいてる人がバイブコーディングで役に立つものを作れるとは思えない。なんて卑屈になってしまっていますが、時代の流れにしがみついていこうと思います。共に頑張りましょう。😭


     
     
    ゲームと読書が趣味/副業(ブログ、webライター、ショート動画編集、台本作成など)

    あなたへのおすすめ