Claude Code をローカルインストールで試してみる（Node.js の Hello, World! のプログラムを書いてもらう）

## はじめに
現在、リサーチプレビューとしてベータ版提供されている「Claude Code」を試してみます。

●Claude Code概要 - Anthropic
　https://docs.anthropic.com/ja/docs/agents-and-tools/claude-code/overview

![2025-02-26_12-09-48.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/4428b4f7-4ddd-4a09-bd30-297855161f3d.jpeg)

利用する場合は「ウェイトリストに登録する形」というのを見かけて、すぐにリストに登録していたのですが、その日の深夜には下記のお知らせがメールで来ていました。

![2025-02-26_10-09-34.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/b179504c-52cb-4a84-9e5c-d44adfb08b4e.jpeg)

## 試してみる
実際に軽く試してみます。

### セットアップの公式手順など
ちなみに、公式のセットアップ方法は以下なのですが、グローバルインストールでなくローカルインストールで試してみました（※通常はグローバルインストールにするのが使いやすいと思います）。

https://docs.anthropic.com/en/docs/agents-and-tools/claude-code/overview#install-and-authenticate
![2025-02-26_12-13-32.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/69de4349-ee47-4477-bc25-4369c158dc9d.jpeg)

### セットアップをローカルインストールで進めてみる
ローカルインストールでセットアップを進めていきます。

#### パッケージのインストール
まずは、パッケージのインストールです。
（ローカルインストールなので公式手順にあった「-g」をけずっています）

```zsh
npm install @anthropic-ai/claude-code
```

ローカルインストールした場所で、とりあえず npxコマンド（または `npm exec` コマンド）を使って実行します。

```zsh
npx claude
```

#### 設定を進める（コマンド実行ができるところまで）

その後、以下の画面を進めていきました。

![2025-02-26_12-16-38.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/143107c6-f548-4f3c-a942-f82f61eaac8b.jpeg)

![2025-02-26_12-20-38.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/1353b595-2df2-4708-a95b-b125cc4b6e46.jpeg)

認証の際は、ブラウザでの操作を行う形になります。
以下のブラウザでの画面で認証をして、その後、元のウィンドウのほうで注意書き・説明などが出てきたりもしました。

![2025-02-26_12-23-12.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/ff18a329-1deb-4b7f-bf51-3e9df182f249.jpeg)

![2025-02-26_12-26-06.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/adaea968-b2a5-4dd0-b717-16252ecbbf70.jpeg)

![2025-02-26_12-28-29.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/4184b5b8-864a-4251-bc57-a6ef33244b14.jpeg)

そして、コマンドを実行していたフォルダを信頼して良いかの確認が入ります。

![2025-02-26_12-29-02.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/7e6f272f-413c-4bba-b345-273db9e30a34.jpeg)

自動アップデートの対応について聞かれたりもしました。

![2025-02-26_12-30-31.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/7c03a6c7-e846-4fb0-b8b1-afe67bf8d8b9.jpeg)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/2317478e-0276-46ad-a86c-0bfe69b2959b.png)


#### コマンドを実行してみる

その後、コマンド実行が可能な画面へたどり着きました。

![2025-02-26_12-32-15.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/7f5b6f75-2007-47b6-ba80-18b38b508c66.jpeg)

試す内容は以下の記事を真似て、シンプルな内容にしてみます。

●Claude Code を試す
　https://zenn.dev/schroneko/articles/a4496472b76477

上記の記事では、「Python で Hello, World! のプログラムを書いて」という内容を依頼していましたが、自分は「Node.js で Hello, World! のプログラムを書いて」という内容にしてみました。

この依頼を出した後は、以下のとおりの作成予定の内容が提示され（※ちなみに、下線・矢印で示した部分がプロンプト）、その提示された内容で実際にファイルを作成して良いかの確認を求められました。

![2025-02-26_12-34-36.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/f3ef73e9-5ebb-4e1b-935e-61e78bc8695c.jpeg)

#### 作成されたファイルを確認

ファイル作成を許可すると、実際にファイルが作成されたことを確認できました。
そして中身を確認するために VS Code でファイルを開いたところ、上記で提示されていた内容と同じ内容であることが確認できました。

![2025-02-26_12-35-25.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/8407b71b-02e6-46d4-af68-882af18e0c77.jpeg)


#### 費用の確認

[Anthropic Console](https://console.anthropic.com/dashboard) から今回の費用を確認してみます。Settings の [Usage](https://console.anthropic.com/settings/usage) と [Cost](https://console.anthropic.com/settings/cost) のそれぞれの確認結果は以下のとおりでした。

![2025-02-26_12-49-04.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/8ebefdf7-d0fe-4574-90d8-e27598f913da.jpeg)

![2025-02-26_12-47-47.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/50868/cec93829-6117-4817-acb8-3aa61af77990.jpeg)