Claude Codeを試すためにセットアップしてみた

## 概要

Claude Codeを試してみたので体験記をメモ的に残す。

## 内容

どういうものかの説明が下記にざっくり書いてあった。ぱっと読んだ感じだけですごく便利そう。

https://docs.anthropic.com/ja/docs/claude-code/overview

早速使ってみたいので下記の内容を参考に導入を進める。

https://docs.anthropic.com/ja/docs/claude-code/getting-started

導入方法は下記に細かく記載されていた。自分が転記する必要もないくらい丁寧なのでリンクを貼って終わりにする。↓

https://docs.anthropic.com/ja/docs/claude-code/getting-started#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%A8%E8%AA%8D%E8%A8%BC

導入って言ってもnpmでパッケージをグローバルインストールして、プロジェクトのルートディレクトリに移動して`$ claude`というコマンドを実行するだけっぽい。
ローカルPCのNode.jsのバージョンかなにかでエラーになったが下記の方法で無事解決

https://qiita.com/miriwo/items/b6cab5fa94f29eaaa749

`$ claude`というコマンドを実行すると初期設定になる。ダークモード系の設定をしたあとにログインしてサブスクを求められる。合わなかったり活用できなかったら1ヶ月で解約すればいいのでお試しでProプランをサブスク契約してみる。
ターミナルからCloude Codeを使うためProプランのサブスク契約は必須っぽい。

![CleanShot 2025-06-18 at 13.58.40@2x.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/fd5d565c-cf88-444d-9ed9-2822079b4f6b.jpeg)

アクセスしたらすごく安心できる内容が表示された。うれしい。

![CleanShot 2025-06-18 at 14.02.03@2x.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/016fc6d5-0093-4cdd-8962-24afe03409e5.jpeg)

Web版のClaudeを使う事ができるようになったが、肝心のアクティベートコードが見つからない。
ターミナル上のリンクを再度クリックしてみる。

![CleanShot 2025-06-18 at 14.08.02@2x.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/e2890a92-f313-4414-8dcb-c2e413569c8a.jpeg)

それっぽい画面が出た。「承認する」をクリックした。

![CleanShot 2025-06-18 at 14.09.37@2x.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/4826a46b-8f6e-427a-9659-3d113b5bdfe5.jpeg)

アクティベートコードが出たのでコピーしてターミナルに貼り付ける。

![CleanShot 2025-06-18 at 14.10.00@2x.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/0c394526-e669-43d2-ac1d-d7bcf78a2e6f.jpeg)

Cursorのターミナルを使ってClaude Codeをセットアップしていたら勝手に拡張機能を入れてくれたらしい。素敵。ありがとう。

```
╭───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│                                                                                                                                                           │
│ 🎉 Claude Code extension installed in Cursor!                                                                                                             │
│ Version: 1.0.27                                                                                                                                           │
│                                                                                                                                                           │
│ Quick start:                                                                                                                                              │
│ • Press Cmd+Esc to launch Claude Code                                                                                                                     │
│ • View and apply file diffs directly in your editor                                                                                                       │
│ • Use Cmd+Option+K to insert @File references                                                                                                             │
│                                                                                                                                                           │
│ For more information, see https://docs.anthropic.com/s/claude-code-ide-integrations                                                                       │
│                                                                                                                                                           │
╰───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
```

これで使い始められる状態になったらしい。

`$ claude`というコマンドでClaude Code専用のターミナルを開く事ができ、`/exit`で終了する事ができるもｙ


## 参考文献

https://docs.anthropic.com/ja/docs/claude-code/overview

https://docs.anthropic.com/ja/docs/claude-code/getting-started#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%A8%E8%AA%8D%E8%A8%BC

https://dev.classmethod.jp/articles/get-started-claude-code-1/

https://dev.classmethod.jp/articles/get-started-claude-code-2nd/