PR

VS CodeでClaude Code APIを認証する方法|初心者向けにわかりやすく解説

サムネイル画像1_生成AI初心者_VS CodeでClaude Code APIを使う_認証方法 Claude Code API
記事内に広告が含まれています。
エルシー
エルシー

皆の者、ご機嫌麗しゅう!我は、生成AI猫 エルシーじゃ😊
生成AI活用方法を紹介していくのじゃ
基本的な使い方を覚えて、快適な生成AI活用ライフを過ごすのじゃ
出身地:Adobe Firefly(画像生成AI)

オリバー
オリバー

皆さん、初めまして!私は、オリバーです。
エルシーさんの助手猫です。
エルシーさんがよく暴走するので、暴走を止める役割をしています。
出身地:Adobe Firefly(画像生成AI)

VS CodeでClaude Code APIを使いたいけれど、「認証方法がわからない…」「情報が少なくて不安」という初心者の方は多いはずです。
本記事では、Claude Code APIをVS Codeで利用するために必要な準備から、ターミナルでの操作、認証画面の流れまでを丁寧に解説します。
生成AIを安全に使うための注意点もまとめているので、この記事を読めば迷わずセットアップを完了できます。
APIを使うには課金が必要です。(5ドル~)
予算の範囲内で使うようにお願いします。

VS CodeでClaude Code APIを使うのに必要なもの

オリバー
オリバー

VS CodeでClaude Code APIを使いたいです。
何が必要ですか?

エルシー
エルシー

下記のものが必要になるのじゃ!
手順については、随時記事を追加するから少し待ってほしいのじゃ!

VS Code

VS Codeの拡張機能から、「Claude Code for VS Code」をインストール

Git for Windows

Node.js

Anthropicのアカウント作成 → APIキー発行

Claude API は従量課金制なので、課金設定(支払い方法登録)が必要

環境変数に作成したAPIキーを設定する

【初心者向け】Windowsで環境変数を設定する方法をわかりやすく解説
Windowsで環境変数を設定する方法を初心者向けにわかりやすく解説。検索から設定画面の開き方、変数名・変数値の入力、再起動の必要性まで丁寧に説明。生成AIを使う際の注意点もまとめています。

VS CodeでClaude Code APIの認証をする方法

オリバー
オリバー

Claude Code APIの認証方法についてやり方を探していますが情報が少ないです。
どうすればいいですか?

エルシー
エルシー

先ほどの必要なツールや手順を準備したら、下記の手順を行うのじゃ!
まずは、VS Codeのターミナルから下記のコマンドを実行するのじゃ!

npm install -g @anthropic-ai/claude-code
オリバー
オリバー

完了しました!

VS Codeのターミナル

エルシー
エルシー

完了したら、VS Codeのターミナルに下記のコマンドを入力して実行するのじゃ!

claude
オリバー
オリバー

下記の画面が表示されました!これで完了ですか?

VS Codeのターミナル

エルシー
エルシー

まだ終わりではないのじゃ!設定をしていくのじゃ!
まず最初に、画面のモードを選ぶのじゃ!
矢印キーで前後に移動して、モードを選んでエンターキーを押すのじゃ!

オリバー
オリバー

こちらの画面だと、Dark modeが選択された状態になっています。

VS Codeのターミナル

エルシー
エルシー

ログイン方法の設定じゃ!
「毎月定額で支払うプラン or APIで使った分だけ払う方法」のどっちを使う?
と聞かれているのじゃ!

オリバー
オリバー

今回はAPIキーを使うので2番を選択して、エンターキーを押します。

VS Codeのターミナル

オリバー
オリバー

急にブラウザに下記の画面が表示されました。

エルシー
エルシー

このアカウントで認証するのか聞かれているのじゃ!
※すでにClaude Codeのアカウントが作成されている場合

オリバー
オリバー

自分が作成したアカウントで間違いありません。
「Authorize」ボタンを押します。

ブラウザの画面(Edgeとか)

エルシー
エルシー

これでブラウザでの設定が完了じゃ!

オリバー
オリバー

ブラウザを閉じます。

ブラウザの画面(Edgeとか)

エルシー
エルシー

VS Codeのターミナルに戻るのじゃ!
ログインに成功した。続けるならエンターキーを押すようにと書いてあるのじゃ!

オリバー
オリバー

エンターキーを押します。

VS Codeのターミナル

エルシー
エルシー

「APIキーを見つけたぞ!このAPIキーを使うの?」と聞かれているのじゃ!

オリバー
オリバー

すでに環境変数にAPIキーを設定しています。

エルシー
エルシー

それなら1番の「Yes」を選択して、エンターキーを押すのじゃ!

VS Codeのターミナル

エルシー
エルシー

これで完了じゃ!
APIキーが漏洩すると勝手に使われて大変なことになるのじゃ!

オリバー
オリバー

他の人にAPIキーを教えない・共有しないようにご注意ください!
定期的にAPIキーの課金額と使用量をご確認ください。

Claude Codeをもっと活用したい人向け!【ブログ運営者の本】

下記は、アフィリエイト広告ではありません。自分の本の宣伝です。
※Kindle Unlimitedのサービス(毎月定額料金を払うことで本が読み放題)
に加入されている方は無料で読めます!

システムのテストを自動化したい人向け

オリバー
オリバー

テストや操作マニュアル作成って面倒ですよね?
自動で下記を行う方法を解説しています。

  • テスト自動化
  • テスト結果レポートの作成(スクショ・動画)
  • 操作マニュアル作成
Amazon.co.jp: Claude Code × Playwright テスト自動化入門: 単体テスト・結合テスト・モンキーテスト・操作マニュアルをAIで自動化する実践ガイド Claude Code API eBook : 生成AI初心者ナビ【AI猫があなたをサポート】: Kindleストア
Amazon.co.jp: Claude Code × Playwright テスト自動化入門: 単体テスト・結合テスト・モンキーテスト・操作マニュアルをAIで自動化する実践ガイド Claude Code API eBook : 生成AI初…

システム完成後の操作マニュアルを自動で作りたい人向け

エルシー
エルシー

操作マニュアルの動画を手作業で作るのは大変なのじゃ!
自動で操作マニュアルの動画を作成する方法を解説しているのじゃ!

Amazon.co.jp: Claude Code×Playwright 操作マニュアル自動作成入門~スクショ撮影から手順書・Word・動画変換まで全自動~: AIへの指示だけで完成!タスク管理アプリを題材にスクリーンショット付き手順書をゼロから自動生成する実践ガイド Claude Code API eBook : 生成AI初心者ナビ【AI猫があなたをサポート】: Kindleストア
Amazon.co.jp: Claude Code×Playwright 操作マニュアル自動作成入門~スクショ撮影から手順書・Word・動画変換まで全自動~: AIへの指示だけで完成!タスク管理アプリを題材にスクリーンショット付き手順書をゼ…

まとめ

エルシー
エルシー

ここまで読んでくれてありがとうなのじゃ!

オリバー
オリバー

生成AIの使用には注意が必要です。
注意しながら、生成AI活用を楽しんでくださいね!

生成AIの注意事項
  • 生成AIの回答は必ず確認する
    • 理由:生成AIは間違った情報を出すことがあります。
    • 対策:複数の情報源と照らし合わせて正確性を確認しましょう。
  • 個人情報や機密情報は入力しない
    • 理由:入力内容が学習や記録に使われる可能性があり、漏洩リスクがあるため。
    • 例:パスワード、住所、電話番号、社内資料などは入力しない。
  • 仕事で使うときは組織のルールを確認する
    • 理由:会社や組織ごとに生成AI利用のルールが異なるため。
    • 対策:利用前に必ず上司や規定を確認しましょう。
  • 商用利用の可否を確認する
    • 理由:生成AIごとに「商用利用OK/NG」のルールが違うため。
    • 対策:利用規約を必ずチェックしてから使いましょう。
  • 著作権侵害にならないか確認する
    • 理由:生成AIで作った文章や画像が、既存の著作物に似すぎてしまう可能性があるため。
    • 対策:公開・販売する前に、オリジナリティや権利関係を確認しましょう。

コメント

タイトルとURLをコピーしました