---
title: 非エンジニアでもClaud Codeを活用したい～環境構築まで～
description: 非エンジニアでも簡単にClaude Codeの環境を構築する方法を解説。VS Codeを使った手順を詳しく紹介します。
image: https://niigata.insight-lab.co.jp/hubfs/%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92PC%E3%81%AB%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E3%81%99%E3%82%8B%E3%81%BE%E3%81%A7%E3%81%AE%E6%B5%81%E3%82%8C%E3%82%92%E8%A1%A8%E7%8F%BE%E3%81%97%E3%81%9F%E3%81%84.jpg
---

[![INSIGHT LAB_文字のみ_WHT](https://niigata.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT.png) ![INSIGHT LAB](https://niigata.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png)](https://niigata.insight-lab.co.jp/)

[![ご相談・お問い合わせ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/5935783/776f0ba1-b1ff-427b-8b96-6d9f8a537edd.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/776f0ba1-b1ff-427b-8b96-6d9f8a537edd)

<https://niigata.insight-lab.co.jp/blog/%E9%9D%9E%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A7%E3%82%82claud-code%E3%82%92%E6%B4%BB%E7%94%A8%E3%81%97%E3%81%9F%E3%81%84%E7%92%B0%E5%A2%83%E6%A7%8B%E7%AF%89%E3%81%BE%E3%81%A7#tmpmodule_159358932545378>

- [ホーム](https://niigata.insight-lab.co.jp/insight-labインサイトラボ新潟研究開発センター)
- [データとは](https://niigata.insight-lab.co.jp/data)
- [ブログ](https://niigata.insight-lab.co.jp/blog)
- [お役立ち資料](https://niigata.insight-lab.co.jp/white-paper)
- [セミナー情報](https://niigata.insight-lab.co.jp/blog/tag/%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88)

###### 3 分で読むことができます

# [非エンジニアでもClaud Codeを活用したい～環境構築まで～](https://niigata.insight-lab.co.jp/blog/非エンジニアでもclaud-codeを活用したい環境構築まで)

 執筆者 [Sophy](https://niigata.insight-lab.co.jp/blog/author/sophy) 更新日時 2026年5月07日

###### Topics: [DX](https://niigata.insight-lab.co.jp/blog/tag/dx) [生成AI](https://niigata.insight-lab.co.jp/blog/tag/生成ai) [AIエージェント](https://niigata.insight-lab.co.jp/blog/tag/aiエージェント)

![](https://niigata.insight-lab.co.jp/hubfs/%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92PC%E3%81%AB%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E3%81%99%E3%82%8B%E3%81%BE%E3%81%A7%E3%81%AE%E6%B5%81%E3%82%8C%E3%82%92%E8%A1%A8%E7%8F%BE%E3%81%97%E3%81%9F%E3%81%84.jpg)

ごきげんよう、Sophyです！

最近話題のClaude Code、非エンジニアでもアプリが作れる！なんて言われたら、ぜひとも試してみたいですよね。

と言うことで、今回のブログでは、非エンジニアSophyが、四苦八苦しながらもClaude Code環境を構築するところまでをまとめていきたいと思います！

## Claude Codeとは？

今回のブログは、非エンジニア向けを意識して公開したいと思いますので、そもそもClaud Codeって何ですか？というところから記載させていただきますね。

Claude Codeとは、Anthropic社が提供する【エージェント型コーディングシステム】のことです。  
Claude.aiの有料プランを購入もしくはAPIアカウントを取得することで使用可能になります。

一言でいうと、  
AIがユーザーに代わってコードを書き、テストして、コミットまで行うツールです！！  
（Claudeに回答してもらいました）

最大の特徴は、AIがPCのファイルやコマンドに直接アクセスして実行できる点です。ユーザー側は、自然言語で指示を出しながら、対話型で必要なコードを生成していきます。

一見、すごく簡単そうに聞こえますが、事前にどのような作業を任せたいのか、どのようなアプリを作りたいのかなど、目的や要件を固めることがポイントです。また、出来上がったコードが正しいか、意図しない指示が含まれていないかの確認作業も重要になります。

 

## Claude Code環境を構築しよう

お待ちかね、非エンジニアでもできるClaude Codeの環境構築までの流れをレポートしていきます。  
今回は、VS Code（Visual Studio Code）の拡張機能を使って構築していきます！

# step1

まずは、VS Codeをインストールしましょう。ブラウザで「VS Code」と検索し、公式サイトにアクセスします。お使いのOSに合わせてインストーラーを選択し、ダウンロードしてください。

 ダウンロードしたファイルをクリックし、インストールを開始してください。 インストールの際は、基本的に「次へ」を連打しても問題ないですが、チェックを入れておくと使い勝手がよくなる項目もあるようなので、気になる場合には生成AIに相談しましょう。  
（私は連打派です）

インストールが完了したら、VS Codeを起動します。インストール直後は英語表記のため、拡張機能を使って日本語表記に変更します。

1. 左のアイコンバーの一番下、四角いマークをクリック
2. 検索窓に「Japanese」と入力
3. 地球儀のようなアイコン「Japanese Language Pack for  Visual Studio Code 」を選択し、Installをクリック
4. 右下に「再起動しますか？」のような表記が出るので、「Change Language and Restart」をクリックし再起動

これで日本語表記に変更することができました。

 

# step2

続けて、Claude Codeの拡張機能をインストールします。

1. 検索窓に「Claude Code」と入力
2. いくつか似たようなアイコンが出てきますので、その中からAnthropic社が公開している**「Claude Code for VS Code」**をインストール
3. インストールが完了すると右上と左のメニューバーにClaudeのアイコンが表示されます
4. アイコンをクリックし、Claude.aiへログインします（ログインは初回のみ）  
   ※今回はClaude.ai Subscriptionをクリックし、ログインしています
5. Claudeのログイン画面が立ち上がったら、画面の指示に従ってログインし、接続を承認してください

これでClaud Codeのインストールが完了しました。

 

# step3

次に、Claude Codeをデスクトップで使用するために、Gitをインストールします。

Gitの公式サイトからインストーラーをダウンロードします。ダウンロードしたファイルをクリックし、インストールを開始してください。インストールの際は、基本的に「NEXT」の連打で問題ありません。（連打派の私は、安定の連打です）

インストールが完了したらVS Codeに移り、 Claude Codeの操作画面が立ち上がることをご確認ください。※step2から起動させたままの場合は、アプリを再起動しましょう。

これで環境構築の作業は終わりです、お疲れ様でした！！

 

---

# 最後に

ここまでお付き合いいただき、ありがとうございました！

今回は、VS Codeを使って環境を構築しておりますが、他の構築方法もありますので、気になる方はぜひチェックしてみてください。

本ブログは、非エンジニアでも活用できる生成AIやAIエージェント情報を公開しております。次回以降、Claude Codeの活用状況などもレポートしていきたいと考えておりますので、乞うご期待ください！（※時期は未定となります）

- [Tweet](https://twitter.com/share)

![Sophy](https://niigata.insight-lab.co.jp/hubfs/610e34139c43a5bf098e3435_36.png)

#### 執筆者 [Sophy](https://niigata.insight-lab.co.jp/blog/author/sophy)

経理事務職・営業職を経て、2022年7月1日からINSIGHT LABに入社。現在は、DX推進グループに所属し、デジタルの力で新潟の活性化を目指します！

###### [前の投稿](https://niigata.insight-lab.co.jp/blog/マークダウン形式とは基本の書き方と活用法)

[![](https://niigata.insight-lab.co.jp/hubfs/AZ2yxVOssaMXG28nCt9Xgg-AZ2yxVOsCTPNsa-8FKWllQ.jpg)](https://niigata.insight-lab.co.jp/blog/マークダウン形式とは基本の書き方と活用法)

###### [マークダウン形式とは？基本の書き方と活用法](https://niigata.insight-lab.co.jp/blog/マークダウン形式とは基本の書き方と活用法)

###### [次の投稿](https://niigata.insight-lab.co.jp/blog/-dx-データを理解したい-3-良いデータ-悪いデータとは)

[![](https://niigata.insight-lab.co.jp/hubfs/de-ta.jpg)](https://niigata.insight-lab.co.jp/blog/-dx-データを理解したい-3-良いデータ-悪いデータとは)

###### [【DX】データを理解したい #3 良いデータ・悪いデータとは](https://niigata.insight-lab.co.jp/blog/-dx-データを理解したい-3-良いデータ-悪いデータとは)

 

## こちらの記事もおすすめです

<https://niigata.insight-lab.co.jp/blog/xアナリティクスへのログイン方法とインプレッション数を調べてみた件>

###### 1 分で読むことができます。

#### [Xアナリティクス（無料版）の確認方法と運用中の過去ポストを振り返ってみた](https://niigata.insight-lab.co.jp/blog/xアナリティクスへのログイン方法とインプレッション数を調べてみた件)

###### 2024年 2月 20日 by rice

<https://niigata.insight-lab.co.jp/blog/motivation-concentration>

###### 3 分で読むことができます。

#### [【ご紹介】やる気と作業興奮の関係について](https://niigata.insight-lab.co.jp/blog/motivation-concentration)

###### 2025年 5月 9日 by donut

<https://niigata.insight-lab.co.jp/blog/worldcup>

###### 3 分で読むことができます。

#### [ワールドカップを支えるテクノロジーとは？IMUとVAR技術について](https://niigata.insight-lab.co.jp/blog/worldcup)

###### 2022年 12月 13日 by donut

##### INFORMATION

INFORMATION

- [会社概要](https://www.insight-lab.co.jp/about/company.html)
- [お問い合わせ](https://contact.insight-lab.co.jp/main)

##### MENU

MENU

- [ホーム](https://niigata.insight-lab.co.jp/insight-labインサイトラボ新潟研究開発センター)
- [データとは](https://niigata.insight-lab.co.jp/data)
- [ブログ](https://niigata.insight-lab.co.jp/blog)
- [お役立ち資料](https://niigata.insight-lab.co.jp/white-paper)
- [セミナー情報](https://niigata.insight-lab.co.jp/blog/tag/%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88)

##### 新着記事

新着記事

<https://niigata.insight-lab.co.jp/blog/祝新潟研究開発センター開設6周年>

###### [☆祝☆新潟研究開発センター開設6周年！](https://niigata.insight-lab.co.jp/blog/祝新潟研究開発センター開設6周年)

こんにちは、riceです。2026年6月、新潟研究開発センターは開設6周年を迎えました！...

[![Logo_yoko_C+W](https://niigata.insight-lab.co.jp/hs-fs/hubfs/Logo_yoko_C+W.png?width=2025&height=540&name=Logo_yoko_C+W.png "Logo_yoko_C+W")](https://www.insight-lab.co.jp/)

- [プライバシーポリシー](https://niigata.insight-lab.co.jp/ja/privacy/)

Copyright © 2020 INSIGHT LAB, Inc.

<https://x.com/rice_insight>