現役プロに教わるClaude CodeをVS Codeに導入する方法とローカル環境でのアプリ起動 ～APIキーをチャットに直接貼るのはNG!?［第5回］

バイブコーディング連載の第5回では、開発の場をクラウドから自分のパソコンへ移します。VS CodeにClaude Codeの拡張機能を入れて「Claude Pro」でログインし、スラッシュコマンドの「/init」でプロジェクトの指示書「CLAUDE.md」を生成しました。英語で作られたため日本語に直してもらっています。

最大の学びはAPIキーの扱いで、石丸智輝氏からチャット欄に貼り付けると外部で処理され漏洩の恐れがあると指摘され、新たに発行したキーは「.env.local」に保存し、「.gitignore」で管理対象から外しました。さらにClaude Codeが自動でコードを読む仕様に備え、「.claude/settings.json」で読み取りを拒否する設定も加えています。ローカルで起動すると当初は真っ黒な画面でしたが、その旨を伝えると修正され、画像の解析まで動作しました。

この要約は生成AIで作成しました。

記事はこちら

現役プロに教わるClaude CodeをVS Codeに導入する方法とローカル環境でのアプリ起動 ～APIキーをチャットに直接貼るのはNG!?［第5回］

柳谷智宣

ITライター

FacebookContact

1972年生まれ、東京育ち。ITやビジネスといったカテゴリーで執筆しているライターです。キャリアは27年目で、雑紙やムック、単行本、新聞といった紙媒体から、ウェブ記事、メールマガジン、プレスリリースなども手掛けています。現在は、執筆だけでなく、企画提案から執筆・編集までを行っております。主に一般ビジネスユーザーをターゲットに、易しく解説する記事が多いですが、エンタープライズ向けの記事やメーカーや企業のウェブサイトのコンテンツ制作も請け負っています。可能な限り、様々な案件に対応できますので、まずは打診いただけると幸いです。