空の下でひっそりと

てきとーに更新していきます。レーザーカッターや3Dプリンタが好き

Claude Code Extension for VS Codeを使ってみた

Claude Codeを試したい

コードの生成を試したく、いろいろ情報を取得していました。

現在、Github Copilot Proの年間プランを契約しているため、Pro Plusにアップグレードする案と、Claude Codeで悩んでいたのですが、Claude CodeのVScode拡張機能がある、ということでClaude Codeを試してみることにしました。

セットアップ

❯ node -v
v23.11.0

❯ npm -v
10.9.2

# claudeをinstall
❯ npm install -g @anthropic-ai/claude-code

❯ claude --version
1.0.31 (Claude Code)

拡張機能vscodeにインストールし、ファイルタブの右上にあるclaudeのアイコンをクリック。 ログインを求められるので、1のCluade account with subsctiptionを選択。

ブラウザが開かれるので、課金しているアカウントでログインします。

注意事項を読み、Enter。 Recommend settingはYes。 フォルダーの信頼はYes。 を自分は選択しました。

初期構築

/init

その次はもう作り始めてみる。

nodejsでtodoアプリを作ってください。

何回かサーバーの起動に失敗したけど、「サーバー起動に失敗する原因を教えてください。また対策を行い起動してください。」と指示を出すと、うまく起動してくれました。

追加、編集、削除と基本的な機能がそろったTodoアプリの完成です。

面白すぎた

初めてのagent使用となりましたが、神すぎました。

家にPC1つ買って置いといて、動かし続けられると熱いなーと思い、ハードオフ回ってみたけど、思いつきでPC買うのは流石に躊躇しちゃいました。。。

でも、放置でアプリを作れるのは本当に楽しかったです。ぜひ使ってみて!