社内備品管理アプリをつくってみよう：準備編：生成AIツールのインストール（Claude Codeのインストール方法）

今回の備品管理システムを開発する上で、次の2点が必要となります。

Node.js：JavaScriptの実行環境。ReactなどのWeb開発に必要
Claude Code：AIコーディングツール本体

もしまだ生成AIツールが入っていない場合、現時点では、個人的にはClaude Codeがおすすめです。

本記事では、Claude Codeのインストール方法をご紹介します。

ただGeminiやCodexでもOKです。

GeminiはGoogleアカウントを使って無料で作成可能です。

Windows環境でGeminiCLIをインストールする方法～メモ書き

Windows環境でGeminiCLIを試してみました。無料で使えて、性能も良い感じです。普段はClaude Codeを使っていますが、ざっくりした感想なども書き残しておきますね。事前に必要なもの今回はWindows PowerSh...

Codexは、ChatGPTのアカウントがあれば利用可能です。

OpenAI Codex CLIのインストール・日本語化設定・Claude Codeとの比較

今回は OpenAIのCodex CLI についてをお伝えします。ひとことでいうと、結構すごい！ Codex CLIは、2025年8月7日～、ChatGPTの有料アカウント（月額20ドル〜）があれば追加料金なしで使えるようになりました。...

無料の場合には制限があることも。このあたりは時期によって異なるので、ご利用のプランについて調べてみてくださいね。

Node.jsのインストール
Claude Codeのインストール手順：Windows
1. 方法①PowerShell環境で動かす
  1. Claude Codeのインストール
    1. 何も反応がない場合
  2. プロジェクトの場所へ移動
2. 方法②WSL環境で動かす
Claude Codeのインストール手順：Mac
1. Claude Codeのインストール
2. プロジェクトの場所へ移動
Claude Codeの起動
1. アカウント連携
Claude Codeの初期設定ファイル

Node.jsのインストール

Node.jsのインストールはhttps://nodejs.org/からLTS版をダウンロードしてください。なお、Windowsの場合（方法②WSLを使う場合）は、ここではNode.jsインストール不要です。Ubuntu上で後ほどセットアップします。

Node.js — どこでもJavaScriptを使おう

Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.

インストールが終わっても画面には何も出ないので、正しく入ったか、下記の手順で確認します。

ターミナル（Mac）またはPowerShell（Windows）等を開きます。
node -v と入力してエンターキーを押します。
v20.11.0 のような数字が表示されれば成功です！

Claude Codeのインストール手順：Windows

Windows環境では、2つの方法があります。どちらでもOKです！

方法1：PowerShell環境で動かす
- PowerShellはデフォルトで使用可能なので、より手間が少ない方法です。
方法2：WSL環境（Windows Subsystem for Linux）で動かす
- 仮想Linux環境で動くため、Windows本体から隔離されて安全性が高まります

方法①PowerShell環境で動かす

Node.jsのインストールが完了したら、Claude Codeをインストールします。

Claude Codeのインストール

PowerShellを立ち上げて、下記コマンドで、Claude Codeをインストールします。

irm https://claude.ai/install.ps1 | iex

1	irm https://claude.ai/install.ps1 \| iex

その後、claude –versionといれて、Claudeのバージョンが表示されれば、インストール成功です。

claude --version

1	claude --version

何も反応がない場合

Node.jsを使ってインストールをします。

npm install -g @anthropic-ai/claude-code

1	npm install -g @anthropic-ai/claude-code

「npm : このシステムではスクリプトの実行が無効になっているため、ファイル C:\Program Files\nodejs\npm.ps1 を読み込むことができません。」と出た場合は、PowerShell の実行ポリシーが「Restricted」になっていて、スクリプトを実行できない状況です。

PowerShell上で下記コマンドをお試しください。

Get-ExecutionPolicy

				1

						Get-ExecutionPolicy

Restricted と返ってきたら実行ポリシーが制限されています。

実行ポリシーを変更します。

<span class="line">Set-ExecutionPolicy RemoteSigned -Scope CurrentUser</span>
<span class="line">Get-ExecutionPolicy</span>

1 2	<span class="line">Set-ExecutionPolicy RemoteSigned -Scope CurrentUser</span> <span class="line">Get-ExecutionPolicy</span>

RemoteSigned と返ってきたら変更成功です。

プロジェクトの場所へ移動

PowerShellでcdコマンドを使って、編集するプロジェクトの中に移動します。

cd C:\Users\YourName\Documents\your-project

1	cd C:\Users\YourName\Documents\your-project

方法②WSL環境で動かす

まずWSLをいれます。

WSLのインストール

WSLは、Windows上でLinux環境を仮想的に動作させるシステムです。Windows PowerShellを管理者権限で実行し、以下のコマンドでインストールします。

wsl --install

1	wsl --install

インストール後、Ubuntuを起動します。

Node.jsのセットアップ

冒頭の手順でNode.jsのインストールをスキップした方は、ここでUbuntu上にセットアップします。今回はNode.jsのバージョン管理がしやすいnvmを使用してセットアップを行いました。

curl -fsSL https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash

1	curl -fsSL https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh \| bash

Ubuntuを再起動した後、下記コマンドを実行して、LTS版（長期サポート版）のNode.jsをインストールします。

nvm install --lts
nvm use --lts

1 2	nvm install --lts nvm use --lts

インストール後、再度下記コマンドを順番に実行します。最新のLTS版が入ったことが確認できます。

node --version
npm --version

1 2	node --version npm --version

Claude Codeのインストール

これで準備ができました。下記コマンドで、Claude Codeをインストールします。

curl -fsSL https://claude.ai/install.sh | bash

1	curl -fsSL https://claude.ai/install.sh \| bash

その後、claude –versionといれて、Claudeのバージョンが表示されれば、インストール成功です。

claude --version

1	claude --version

プロジェクトの場所へ移動

WSL（Ubuntu）では、Linux側のファイルシステムでプロジェクトを作成・管理することをおすすめします。

Ubuntuを起動すると、ホームディレクトリ（~）にいます。cdコマンドを使って、プロジェクトディレクトリに移動します。

cd yourproject

1	cd yourproject

Claude Codeのインストール手順：Mac

Macの場合は次の通りです。Node.jsのインストールが完了したら、Claude Codeをインストールします。

Claude Codeのインストール

Homebrewを使う方法：

brew install --cask claude-code

1	brew install --cask claude-code

または、curlを使う方法：

curl -fsSL https://claude.ai/install.sh | bash

1	curl -fsSL https://claude.ai/install.sh \| bash

インストール後、claude --version でバージョン確認します。

プロジェクトの場所へ移動

ターミナルでcdコマンドを使って、編集するプロジェクトに移動します。

cd ~/Documents/your-project

1	cd ~/Documents/your-project

Claude Codeの起動

ここからは共通操作となります。

プロジェクトの中で、claudeコマンドを実行します。

claude

claude

claude用のターミナルが起動します。

アカウント連携

初回はアカウントとの連携が必要となります。

サブスクアカウントと連携させるなら1.Claude account with subscriptionを選びます。ブラウザ上でAnthropicにログインします。

URLが出てきます。ブラウザでClaudeにログインした状態で、このURLを貼り付けます。

すると、Claude側でもコードがでてくるので、それをClaude Codeに貼り付けます。

セキュリティに関する注意事項や、このフォルダを信用するかなど出てきたら、「Yes」を選んで進んでいきます。

すると、次のようにClaude Code上でコマンドを入力可能な画面に。

なお時期によって画面は変わることがあります。とりあえずはブラウザでAnthropicにログインして連携させてみてください。

このあたりのツールは変更が速くて…マニュアル類が追い付かないの。何か質問聞かれたら、大体YesでOKとは思うけど、一応、ちゃんと読んでね。

くまみ

大変ね。なにか聞かれたら、とりあえずYesって押しそうだわ…

Claude Codeの初期設定ファイル

最初に、CLAUDE.mdファイルを作っておくと便利です。CLAUDE.mdはプロジェクトの情報やClaude Codeへの要望（指示）を記述するためのファイルです。Claude Code起動時に自動で読み込まれます。

画面上でも、次のようにCLAUDE.mdの作成を促すメッセージが表示されます。

” Run /init to create a CLAUDE.md file with instructions for Claude”(/initを実行して、Claudeへの指示をいれるCLAUDE.mdファイルを作りましょう）

メッセージにあるとおり、下記コマンドを実行すると、CLAUDE.mdを新規作成できます。

/init

/init

実行する内容にもよるかと思いますが、今回は、プロジェクトの中にランディングページを追加するという想定なので、次のようにいれておきました。

【CLAUDE.md例】

すでに作成したCLAUDE.mdを編集したり、プロジェクトごとではなく全体の指示をいれるCLAUDE.mdファイルを作成するには、/memoryコマンドを実行します。

/memory

/memory

次のように３つの選択肢がでてきます。

User memoryを選択すると、全体のCLAUDE.mdを編集できます。たとえば、常に日本語で返答してほしい場合には、次のようにいれます。

【全体のCLAUDE.md例】

# Claude Code グローバル設定

## 基本応答ルール
- 日本語で応答してください
- 思考は英語で行い、回答は日本語にしてください
- 絵文字は使用しないでください

# Claude Code グローバル設定

## 基本応答ルール

- 日本語で応答してください

- 思考は英語で行い、回答は日本語にしてください

- 絵文字は使用しないでください

※ファイルの編集モードから抜けるには、Ctrl+xキーを押します。保存する場合はYキーを押します。