Claude Code 導入手順書マンガ版

📋
Intro

はじめに

この手順書について

🎭 登場キャラクター紹介

クロードくん

やさしく解説してくれるAIロボット。
ぼくがナビゲートするよ！

まもるくん

盾を持った安全を守る男の子。
セキュリティの大切さを教えてくれる！

ひかりちゃん

アドバイス上手な女の子。
便利なポイントをピックアップ！

きけん博士

メガネの白髪博士。
やってはいけないことを警告！

👤 こんな人に向けて書きました

✅ Claude（AI）に興味はあるが、何から始めればいいかわからない
✅ CoworkやClaude Codeを使ってみたいが、不安で踏み出せない
✅ ITの専門知識はないが、AIを仕事や日常に活用したい
✅ セキュリティが心配で、APIキーの扱いに自信がない

🎒 始める前に用意するもの

必要なもの	詳細・注意点	必須？
💻 Mac（MacBook推奨すいしょう）	この手順書はMac向けです。macOS 13 Ventura以降が安心。 Windowsをお使いの方は別冊のWindows版をご覧ください。	必須
📧 メールアドレス	Claudeアカウント作成に使います。Gmailを推奨（Googleアカウントで登録すると簡単）。	必須
📱 携帯電話番号	SMS認証に使います。確認コードを受信できる番号が必要。 ※VoIP番号・固定電話は不可。	必須
💳 クレジットカード	Cowork・Claude Code Desktop・CLI版すべてに有料プランが必要なため必須。 ※Claude.aiの無料プランはチャット機能のみで、Coworkやコーディング機能は使えません。	必須
🌐 インターネット環境	安定したWi-Fi推奨。モバイル回線でも可。	必須
⏱️ 時間	Cowork・デスクトップアプリ：30〜45分 CLI版（ターミナル）：60〜90分	必須
🍎 Apple ID	macOSにすでにサインインしていればOK。特別な操作は不要。	あれば便利

🔍 Cowork・Code Desktop・Code CLIの違いを徹底比較

🖥️ Cowork

← 大きな違い →

🖼️ Code Desktop

← 小さな違い →

⌨️ Code CLI

	🖥️ Cowork	🖼️ Code Desktop	⌨️ Code CLI
ひとことで	AIに仕事を任せるツール	AIと一緒にコードを書くアプリ	AIを開発ワークフローに組み込むツール
操作方法	アプリ画面で対話	アプリ画面で対話	ターミナルでコマンド
主な用途	文書作成・リサーチファイル整理・Excel操作	コード作成・編集プロジェクト操作	左記に加えて Git連携・自動化・CI/CD
できる例	「売上レポート作って」「この資料を要約して」「フォルダを整理して」	「このバグを直して」「関数を追加して」「テストを書いて」	「PRをレビューして」「CIが通るまで修正して」「100ファイル一括変換」
難易度	★☆☆ 初心者OK	★★☆ 少しPC慣れ	★★★ 開発者向け
ターミナル	不要	不要	必要
APIキー	不要（有料プランのみ）	不要（有料プランのみ）	必要
こんな人に	ビジネス活用をしたい人 ← まずここから！	プログラミングを始めたい・学びたい人	開発者・エンジニア完全自動化したい人

✅ 迷ったらCoworkから！ 日常業務（リサーチ・ファイル整理・文書作成・Excel操作）はCoworkで全部できます。
「コードを書きたい」→ Code Desktop　「本格的に開発・自動化したい」→ Code CLI へ進めばOK！

📖 あなたはどちら？読むChapterが違います！

🧭 どれを選べばいい？ 3つの質問で決まります

Q1. プログラミングをする予定は？
→ No：Cowork で決まり！文書作成・リサーチ・ファイル管理・Excel、全部AIにお任せ

Q2. コードを書きたいが、Gitやターミナルは不慣れ？
→ Yes：Code Desktop がおすすめ！アプリ画面でAIとコードを一緒に編集できる

Q3. Git操作・テスト自動化・CI/CD連携もしたい？
→ Yes：Code CLI へ！ターミナルからAIを呼び出して本格開発

🖥️ Coworkを
使う人

AIに仕事を任せたい人向け

Chapter 1・2・4・5・6・7
（最短45分！）

✅ Ch.1 Claudeとは？
✅ Ch.2 3つのツール選び
⬜ Ch.3 スキップOK
✅ Ch.4 安全のお約束
✅ Ch.5 アカウント作成
✅ Ch.6 プラン選択（必須）
✅ Ch.7 デスクトップアプリをインストール
⬜ Ch.8〜11 スキップOK

💡 ターミナル・APIキー不要！ただし有料プラン加入が必須です。
Ch.6でプランを選んでから、Coworkをダウンロード＆ログイン！

🖼️ Code Desktop版を
使う人

AIとコードを書きたい人向け

Chapter 1・2・4・5・6・7
（これだけでOK！）

✅ Ch.1 Claudeとは？
✅ Ch.2 3つのツール選び
⬜ Ch.3 スキップOK
✅ Ch.4 安全のお約束
✅ Ch.5 アカウント作成
✅ Ch.6 プラン選択
✅ Ch.7 インストール＋初期設定
⬜ Ch.8〜11 スキップOK

💡 アプリをインストールしてログインするだけ！ターミナルもAPIキーも不要！

⌨️ Code CLI版を
使う人

開発を自動化したい人向け

Chapter 1〜11 全部
（順番に読もう）

✅ Ch.1 Claudeとは？
✅ Ch.2 3つのツール選び
✅ Ch.3 ターミナル・Homebrew・Node.js
✅ Ch.4 安全のお約束
✅ Ch.5 アカウント作成
✅ Ch.6 プラン選択
✅ Ch.7 CLI版インストール
✅ Ch.8 Code CLI版インストール
✅ Ch.9 APIキー取得＆保管
✅ Ch.10 プログラム開発時の管理
✅ Ch.11 セキュリティチェック

⚠️ ターミナル操作・APIキー設定など手順が多め。でもGit連携・自動化・CI/CDなど開発の幅が一気に広がる！

1
Chapter

🤖 Claudeってなに？

ある日、AIツールに興味を持ち始めたあなた。

👨

あなた

ClaudeとかClaude Codeって最近よく聞くけど…
いったい何なの？

クロードくん

ぼくだよ！

🤖

クロードくん

はじめまして！ぼくはClaude（クロード）。
Anthropicという会社が作ったAIアシスタントだよ！

ChatGPTやGeminiと同じ仲間で、
チャットで話しかけるだけで
いろんな作業を手伝えるんだ。

💬 会話・質問

なんでも聞いてOK！難しいことも分かりやすく答えるよ

📄 文書作成

Word・メール・企画書…何でも書ける！

👨‍💻 プログラミング

コードを書いたり、バグを直したり！

🍰 お菓子工場で例えると…

🏭

Anthropic

AI研究所
（シェフを作った会社）

➡️

生み出した

クロードくん

AIロボットシェフ
（すごく賢いAI）

➡️

使う道具

🖥️

Cowork

会話するだけでOK

🖼️

Code Desktop

プログラミング入門

⌨️

Code CLI

本格的な自動化

ポイント：どの道具（Cowork・Code Desktop・Code CLI）を使っても、中で動いているAIは同じ「Claude」です。

2
Chapter

🛠️ 3つのツールを理解しよう

🤖

クロードくん

Claudeを使う方法は3種類あるよ！
どれも"エンジン（Claude）"は同じ。
乗り物が違うだけなんだ！

Cowork

＝本格派バイク

・チャットで指示するだけ
・文書・調査・ファイル整理
・難易度 ★☆☆☆☆

Code Desktop

＝快適な自動車

・チャットで指示するだけ
・プログラミング入門向け
・難易度 ★★☆☆☆

Code CLI

＝スポーツカー

・文字コマンドで操作
・開発・自動化・サーバー連携
・難易度 ★★★☆☆

🎮 ゲームで例えると…（全体の仕組み）

ゲームの概念	実際のもの	役割
🎮 コントローラー	ターミナル（黒い画面）	命令を出す司令官
🕹️ ゲーム機本体	あなたのMac	全部が動く土台
💿 ゲームエンジン	Node.js	ソフトを動かす地盤
🏰 ゲームの城・主人公	Claude Code	インストールされたAI
🌐 オンラインサーバー	Anthropicのサーバー	AIの本体がある場所
🎫 オンラインID・パスワード	APIキー	使うたびに課金される通行証

🏰 王国で例えると…（APIキーの意味がよくわかる）

☁️ ☁️ ☁️

👑

ターミナル

国王・司令官

⬇️

「建てろ！」と命令

🌍 Node.js（王国の土地・地盤）

🏰

Claude Code

あなたのお城

🌉

API（橋）
🔑 APIキー＝通行証

➡️

🌏

Anthropicの国

AI本体（サーバー）

👑 ターミナル＝あなたが命令する場所

🌍 Node.js ＝お城の土台・地盤

🏰 Claude Code ＝お城（1つだけ！）

🌉 API ＝橋　🔑 APIキー＝通行証

🎫 APIキー＝橋の通行証
Claude Codeは「遠い国」に常に橋を渡って通信する。橋を渡るたびに通行料（課金）が発生！
有料プランは「定期パス」、APIキー課金は「1回ずつ払う切符」。

⭐ どれを選べばいい？ステップアップの道のり

①

Cowork

会話するだけでOK！
まずAIに慣れよう
難易度 ★☆☆

➡️

②

Code Desktop

コーディングに挑戦！
GUIで操作できる
難易度 ★★☆

➡️

③

Code CLI

本格的に自動化！
ターミナルを使いこなす
難易度 ★★★

💡 この手順書はDesktop版とCLI版の両方を解説しています。初めての方はDesktop版から！

💡 詳しい読み方ガイドは「はじめに」を確認！

🖥️ Coworkを使う人 → Ch.1・2・4・5 だけでOK
🖼️ Code Desktop版を使う人 → Ch.1・2・4・5・6・7 だけでOK
⌨️ Code CLI版を使う人 → Ch.1〜10 全部読もう

3
Chapter

⚙️ ターミナル・Homebrew・Node.jsって何？

👨

あなた

インストールを始める前に
ターミナル・Homebrew・Node.jsって
何者なのか理解しておきたいな…

⌨️

ターミナル

黒い画面・コマンドライン

ターミナルの正体は…

💡

ひかりちゃん

ターミナルって見た目は少し怖そうだけど、仕組みはシンプルだよ。✨
ゲームのコントローラーと同じで、
マウスクリックの代わりに文字で命令するだけ。

一度慣れるとすごく快適になるから、一緒に覚えていこうね♪

開き方（Mac）： Spotlight（⌘+Space）→「ターミナル」と入力→Enter

Homebrewの正体は…

💡

ひかりちゃん

Homebrewは一言で言うと、Macの「裏口」アプリストアのこと。💡

App Storeにないソフトをワンコマンドでインストール・管理できる、
開発者なら必ず使う定番ツールなんだよ。

brew install ○○ と打つだけでほとんど何でも入るから、
覚えておいて損はないよ♪

🍺

Homebrew

Macの裏口
アプリストア

🟢

Node.js

お城の土台・地盤

Node.jsの正体は…

💡

ひかりちゃん

ここは重要なポイントだから整理するね。✨
Node.jsはClaude Codeが動くための土台になるプログラム。

ゲームで言えばゲームエンジン、
王国で言えばお城を建てる土地のイメージだよ。

Claude Codeより先にインストールする決まりがあるから、
必ずこの順番で進めてみてね♪

📊 3つの関係まとめ（積み上げ構造）

🤖

Claude Code

お城・主人公

⬆️ その上に建つ

🟢

Node.js

地盤・土地

⬆️ 地面を敷く

🍺

Homebrew

便利屋・工事業者

⬆️ 「建てて！」と命令

🎮

ターミナル

コントローラー・国王

👆 あなたが操作する

🎮 ターミナル
あなたが文字で命令を打ち込む入力画面。
ゲームのコントローラー。

🍺 Homebrew
ターミナルから呼び出す工事業者。
Node.jsを自動でインストールしてくれる。

🟢 Node.js
Claude Codeが動くための土台・地盤。
これがないと起動しない。

🤖 Claude Code
みんなの目的！AIが使えるようになる。
地盤の上にドンと建つお城。

4
Chapter

🛡️ 安全のお約束5つ

🛡️

まもるくん

始める前に、これだけは絶対に守ってね！
ぼくと一緒に5つのお約束をしよう！

約束	❌ やってはいけないこと	✅ 正しい方法
① 公式だけ	Googleで検索して上に出てくる「広告」リンクを開く	この手順書のURLを手で打って開く
② 共有NG	パスワードやAPIキーをチャット欄に書いたり、他人と共有	Macのキーチェーン（金庫）にしまう
③ 遠隔NG	「サポートします」という電話・メールに従う	この手順書だけを信じて進める
④ バックアップ	バックアップなしで作業を始める	USBやiCloudに大切なファイルを保存してから
⑤ 謎コマンドNG	ネットで見つけたコマンドを意味も分からず実行	この手順書のコマンドだけ実行する

🔬

きけん博士

ワシがきけん博士じゃよ！よく聞くのじゃ！🔬
特にAPIキーの流出と謎のコマンド実行は最も危険なミスじゃよ。
一度漏れたAPIキーは不正利用されて高額請求せいきゅうにつながるのじゃ！
人に見せたり、ネットに書いたりなど、断じてしてはならんぞ！

5
Chapter

📝 Claudeアカウントを作ろう

🤖

クロードくん

まず入場証（アカウント）を作ろう！
これがないとどのツールも使えないよ。
Googleアカウントがあれば1分でできる！

📋 アカウント作成の手順

1 ブラウザを開く

Chrome（またはお使いのブラウザ）を開いて、アドレスバーに手打ちで入力：

https://claude.ai

⚠️ Googleで検索しないこと！広告リンクに注意！

2 Sign up をクリック

「Sign up」ボタンをクリック

3 登録方法を選ぶ

「メールで続ける」か「Googleで続ける」を選択

📧 メールで登録する場合：
・メールアドレスを入力
・届いた確認コードを入力するだけ

🔵 Googleアカウントで登録する場合：
・使いたいGoogleアカウントを選択
・必要に応じてパスワード入力

4 電話番号の認証にんしょう

携帯電話の番号を入力 → SMSで届いた確認コードを入力して完了！
※VoIP番号・固定電話は使えません。SMS受信できる携帯番号が必要です。

6
Chapter

💳 プランを選ぼう

🤖

クロードくん

有料プラン（方法A）とAPIキー（方法B）の
2つの入り方があるよ。どちらでもClaude Codeは使えるけど、
目的によって選ぶものが違う！

🔑 方法A vs 方法B の違い

🎫 方法A：有料プラン（月額定期パス）

毎月定額を払うことで、制限内で自由に使える。

✅ 個人が自分でClaudeを使う
✅ 初心者・日常使い向け
✅ 料金が予測しやすい

Pro：約3,000円/月　Max：約15,000円/月

🔑 方法B：APIキー（従量課金じゅうりょうかきん・切符）

使った分だけ払う。アプリやサービスを作るときに使う。

✅ 自分のアプリにClaudeを組み込む
✅ 会社・複数人でシステムを作る
✅ 自動化ツールを構築する

使った量に応じて課金（$0〜）

⚠️ 有料プランに加入しても、自分のアプリを作るならAPIキーが別途必要になる場合があります！
「自分でClaudeを使う」→ 有料プラン　「自分のサービスにClaudeを組み込む」→ APIキー

7
Chapter

💻 Claudeのデスクトップアプリをインストールしよう

🖼️ デスクトップアプリ
CoworkとCode Desktop版（GUI）を使う方

画面があって、クリックで操作できるアプリ版。
開発入門者・初心者向け！

⌨️ Code CLI版（ターミナル）

文字コマンドで操作するプロ向けバージョン。
自動化・高度な連携を使いたい人向け！
※ インストール手順はデスクトップアプリの下に記載

🖼️ デスクトップアプリのインストール

1 Chromeを開いて手打ちでアクセス（プラン選択後のページにも表示）

https://claude.ai/download

2 ダウンロード
「Download for Mac（macOS版をダウンロード）」ボタンをクリック → .dmgファイルをダウンロード

3 インストール
ダウンロードした.dmgファイルをダブルクリック → アプリをApplicationsフォルダにドラッグ

4 起動・ログイン
アプリを開いてClaudeアカウントでログイン

5 初期設定をする（重要！ここで差がつく）
ログイン後すぐに設定画面を開いて、以下を設定しよう → 次のパネルで詳しく解説！

⚙️ デスクトップアプリ初期設定ガイド（ログイン後すぐやろう！）

💡

ひかりちゃん

設定画面に入力した内容は全会話に自動で反映されるから、
ちゃんと埋めておくとClaudeがあなた向けに動いてくれるよ。✨

中でも「個人設定」欄が一番重要。
初心者ほど効果が大きい設定だから、先にやっておくのがおすすめだよ♪

設定画面の開き方： アプリ左上のメニューまたはプロフィールアイコン → 「設定」をクリック
💡 左サイドバーのタブが2グループに分かれています。上のグループがAI・アカウント設定、下の「デスクトップアプリ」グループがアプリ固有の設定です。

⚙️ 設定タブ一覧（初心者向け優先度ガイド）

グループ	タブ名	初心者がやること	おすすめ設定・メモ	優先度
☁️ AI・アカウント設定（サイドバー上のグループ）ウェブ版・スマホでも共通の設定	👤 一般	名前・職種・個人設定を入力	Claudeへの呼び名・職種・個人設定欄（詳細は下のボックスで解説）	⭐ 最重要
	👤 アカウント	メールアドレスの確認	パスワード変更・メール変更は必要な時だけでOK	確認のみ
	🔒 プライバシー	2つをOFFにする！	・ロケーションメタデータ → OFF（位置情報を共有しない）・Claudeの改善にご協力ください → OFF（会話をAI学習に使わせない）	⭐ 最重要セキュリティ
	💳 請求	プラン・支払い確認	現在のプランと次回請求日を確認。変更は必要な時だけ	確認のみ
	📊 使用量	月間利用上限じょうげんの確認	「追加使用量（月間利用上限）」を確認。・「無制限」→ 要注意！上限金額を設定しよう・数字設定済み → 安心、そのままでOK	⭐ 重要課金管理
	⚙️ 機能	便利な機能をONにする	・Artifacts → ON推奨（コード・文書が別ウィンドウで表示）・プロジェクト機能 → ON推奨（話題ごとに会話を整理）	おすすめ
	🔗 コネクタ	外部ツール連携	Google Drive・GitHubなどと連携。今は触らなくてOK	後回しでOK
	⌨️ Claude Code	CLI版の設定	CLI（ターミナル）版を使う人向け。初心者は後回しでOK	後回しでOK
	🖥️ Cowork	Coworkの設定	デスクトップ自動化ツール「Cowork」を使う人向け	後回しでOK
	🌐 Claude in Chromeベータ	Chrome拡張の設定	ChromeブラウザでClaudeを使う拡張向け。余裕があれば	後回しでOK
🖥️ デスクトップアプリ（サイドバー下のグループ）このアプリの動作設定	⚙️ 一般	アプリの動作を設定	スタートアップ・ショートカット・スリープ防止など（詳細は下のボックスで解説）	おすすめ
	🧩 拡張機能かくちょうきのう	プラグインの管理	拡張ツールの管理画面。今は触らなくてOK	後回しでOK
	👨‍💻 開発者	高度な設定	MCPサーバーなど。プログラミングに慣れてからでOK	後回しでOK

🔐 プライバシー設定の変更手順（必ずやろう！）

① ロケーションメタデータをOFFにする
設定 → プライバシータブ →「ロケーションメタデータ」をオフに切り替える
→ ONのままだと、あなたのいるエリアがClaudeに伝わってしまう。不要な情報は渡さないほうが安全！

② 「Claudeの改善にご協力ください」をOFFにする
設定 → プライバシータブ →「Claudeの改善にご協力ください」をオフに切り替える
→ ONのままだと、あなたの会話データがAI学習に使われる可能性がある。仕事の情報や個人情報を入力することも多いので、オフを推奨！

きけん博士

この2つはデフォルトでONになっておるのじゃ！
インストール直後は必ずOFFにするのじゃよ。
プロ意識のある者ほど、最初に確認するポイントじゃ！

💳 使用量・課金の確認ポイント

設定 → 使用量タブ →「追加使用量」または「月間利用上限」欄を確認

表示内容	意味	対応
「無制限」または上限なし	使いすぎると青天井で課金される危険あり	⚠️ 要注意！金額を設定しよう
「$10」など数字が設定されている	その金額を超えたら自動でストップ	✅ 安心！そのままでOK

✨ セキュリティOK！おすすめ便利機能

機能名	どこで設定	何が便利？
Artifacts（アーティファクト）	設定 → 機能タブ	コード・HTMLなどが別ウィンドウで表示され、プレビューしながら作業できる
プロジェクト機能	設定 → 機能タブ	話題ごとに会話を整理でき、Claudeが前回の文脈を覚えてくれる
スタイル設定（話し方）	チャット画面の「スタイル」ボタン	「簡潔に」「詳しく」など返答スタイルをワンクリックで切り替えられる
クイックアクセスショートカット	デスクトップアプリ → 一般タブ	Optionキー2回などで画面のどこからでも即座そくざにClaudeを呼び出せる
メニューバーに表示	デスクトップアプリ → 一般タブ	Macのメニューバーにアイコン常駐。アプリを閉じても素早くアクセスできる
スリープさせない設定	デスクトップアプリ → 一般タブ	長い処理中でもMacがスリープせず、タスクが完了まで続く

👤 AI・アカウント設定「一般」タブの内容

※ サイドバー上グループの「一般」タブです（デスクトップアプリの一般とは別）

設定項目	設定内容の例	なぜ重要？
Claudeには何とお呼びしてほしいですか？	自分の名前や呼び名例：健、さん、ニックネームなど	Claudeが毎回名前で呼んでくれる
担当職種	一番近い職種を選ぶ例：プロダクトマネジメント・マーケティング	職種に合った回答をしてくれる
Claudeが応答時に考慮すべき個人設定	自分の状況や希望を自由に書く	⭐ここが最重要！全会話に自動で反映される
通知設定（レスポンス完了など）	レスポンス完了 → ON推奨	長い作業が終わったらデスクトップ通知が届く
外観（カラーモード）	ライト・ダーク・システム設定の3択	目が疲れやすい人はダーク推奨

「個人設定」欄の書き方例：

IT知識が少ない非エンジニアなので、丁寧な説明を心がけてください
返答はなるべく短くコンパクトにしてください
日本語で回答してください
# この欄を埋めると、毎回指示しなくてもClaudeが自動で合わせてくれるよ

🖥️ デスクトップアプリ「一般」タブの内容

※ サイドバー下グループの「一般」タブです（アプリ固有の動作設定）

設定項目	おすすめ設定	説明
スタートアップ時に実行	好みで	ログイン時にClaudeを自動起動する。よく使う人はONが便利
クイックアクセスショートカット	✅ 設定推奨	Optionキー2回など好みのショートカットを設定。どこからでも即座に呼び出せる
音声ショートカット	好みで	音声でClaudeに話しかけたい人向け。不要なら「ショートカットなし」でOK
メニューバー	✅ ON推奨	Macの上部バーにアイコン常駐。アプリを閉じても素早くアクセスできる
コンピュータをスリープさせない	✅ ON推奨	長い処理中でもMacがスリープせず、タスクが最後まで続く
すべてのブラウザアクションを許可	⚠️ OFF推奨	確認なしにブラウザを操作できる設定。セキュリティのためOFFを推奨
コンピュータ使用（ベータ）	Cowork使う人はON	ClaudeがスクリーンショットやMac操作を行う機能。Coworkを使う場合はON

🤖

クロードくん

デスクトップアプリはここまでで完成！🎉
Chapter 1・2・4・5・6・7を読み終えたら
もうデスクトップアプリが使えるよ！🎉

「もっと自動化したい」「プログラムを作りたい」
と思ったら、Ch.3・8・9・10・11のCLI版に
チャレンジしてみてね！

8
Chapter

⌨️ Code CLI版をインストールしよう

🤔 Code Desktop版 vs CLI版ー何が違う？いつ乗り換える？

あなた

Desktop版でもコードを書けるなら、CLI版は必要ないのでは？

クロードくん

どちらも同じClaude AIを使うけど、作業環境が違うんだ。
Desktop版は「AIと1対1で会話しながらコードを書く」アプリ。
CLI版は「AIを既存の開発ツールに組み込む」ターミナルツール。
できることの差は小さいけど、使い方の自由度が大きく違うよ！

📊 具体的な違い

	🖼️ Code Desktop	⌨️ Code CLI
コード編集	✅ できる	✅ できる
コード実行	✅ できる	✅ できる
プロジェクト操作	✅ できる	✅ できる
Git連携	⚠️ 限定的	✅ commit/push/PR作成
外部ツール連携	❌ アプリ内で完結	✅ パイプ・スクリプトで自在
CI/CD・自動化（自動テスト＆自動デプロイ）	❌ できない	✅ GitHub Actionsなどと連携
バッチ処理（大量ファイルの一括変換）	❌ 1ファイルずつ	✅ 100ファイル一括OK
API利用	有料プラン利用	有料プラン or APIキー（どちらでもOK）

🚦 CLI版への移行タイミングーこう思ったら乗り換え時！

💭 「Gitでcommit/pushしたい」
→ CLI版ならコード変更→commit→push→PR作成まで一気に自動化

💭 「テストを自動で回したい」
→ CLI版なら「テスト通るまで修正」をAIに任せられる

💭 「たくさんのファイルを一括処理したい」
→ CLI版なら100ファイルの変換・修正もコマンド一発

💭 「既存のツールと組み合わせたい」
→ CLI版はシェルスクリプトや他のCLIツールと自在に連携

💡 上のどれにも当てはまらないなら、Desktop版で十分です！まずはDesktop版で慣れてから検討しよう。

⌨️ CLI版のインストール（全6ステップ）

💡 全部ターミナル（黒い画面）で操作します。コピペして貼り付けるだけでOK！

1 ターミナルを開く
⌘（Command）+ Space → 「ターミナル」と入力 → Enter

2 Homebrewをインストール
ターミナルに以下を貼り付けてEnter：

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

→ パスワードを聞かれたらMacのログインパスワードを入力

3 Node.jsをインストール

brew install node

インストール完了後に確認：

node --version
# v20以上が出ればOK！

4 Claude Codeをインストール

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

確認：

claude --version
# バージョン番号が出ればOK！

5 ログイン方法を選ぶ（方法A or 方法B）

クロードくん

APIキーは必須じゃないよ！Ch.6で有料プラン（Pro/Max）に入っているなら方法AでログインするだけでOK。迷ったら方法A！

	方法A 💳 Claude有料プラン（おすすめ）	方法B 🔑 APIキー
料金	月額固定（Pro/Max）	使った分だけ後払い
設定難易度	⭐ かんたん！	⭐⭐⭐ 少し難しい
キー管理	不要！ログインだけ	厳重な保管が必要
アプリ公開	❌ 個人利用のみ	✅ サービスを作れる

方法A：Claude有料プランでログイン

① ターミナルで claude と入力してEnter
② 「Log in with Claude account」を矢印キーで選んでEnter
③ ブラウザが自動で開く → ログイン
④ ターミナルに戻ると完了！🎉

方法B：APIキーでログイン（上級者向け）

→ Ch.9でAPIキーを取得＆Macのキーチェーンに保管
→ ターミナルを再起動すると自動で $ANTHROPIC_API_KEY が読み込まれて、claude 起動時にログイン不要
※ 個人で使うだけなら方法Aで十分！

6 はじめて起動！

claude

→ 「Welcome to Claude Code!」が出たら成功🎉

9
Chapter

🔑 APIキーとは何か・どこで取得・安全に保管しよう

👨

あなた

そもそもAPIキーって何？
どこで手に入れるの？何のために使うの？

🔑 APIキーとは？（3つのポイント）

🗝️ そもそもAPIキーって何？（一般的な話）

API（Application Programming Interface）はアプリ同士がやり取りするための窓口。
APIキーは、その窓口を使うときに「私はあなたの契約者ですよ」と本人確認する専用のパスワードです。

APIキーはAnthropic専用のものではなく、OpenAI・Google・Slack・StripeなどほぼすべてのWebサービスが独自のAPIキーを発行しています。
各サービスごとに別々のAPIキーがある、と覚えておこう！
👉 以下では AnthropicのAPIキー（= Claude Code用）について説明します。

① 何のAPIキー？

AnthropicのAPIキーです。

Claude Codeが「Anthropicのサーバーにいる本物のClaude AI」に接続するための認証コード。
※ 他社サービス（OpenAIなど）のAPIキーとは別物です。

② 何のために使う？

Claude CodeはあなたのMacだけでは動きません。

質問するたびにAnthropicのサーバーに通信して返答をもらう仕組みです。APIキーはその通行証。

③ どこで取得する？

Anthropic Console（公式管理画面）から発行はっこうします。

使った分だけ料金が発生する従量課金制のため、クレジットカード登録が必要です。

🤖

クロードくん

王国の例えで思い出して！

🏰 あなたのMac（お城）は、答えを出すために
毎回 🌉 橋（API）を渡って
🌏 Anthropicの遠い国（サーバー）まで行くよ。

APIキー＝その橋を渡る通行証。
通行証なしでは橋を渡れない！

📋 APIキーの取得手順（Anthropic Console）

1 Chromeを開いてアドレスバーに手打ちで入力

https://console.anthropic.com

⚠️ Googleで検索しないこと！手打ちで入力してください

2 Claudeアカウントでログイン
Chapter 5で作ったアカウントでログインします

3 初回のみ：クレジットカードを登録する
左メニューの「Billing」→「Add payment method」→ カード情報を入力

💡 使った分だけ請求される従量課金制です。
必ず「Limits」で月額上限金額を設定しておきましょう（例：$5〜$10）

4 APIキーを発行する
左メニューの「API Keys」→「Create Key」→ 名前をつけて作成
→ sk-ant-api03-xxxxx... という文字列が表示される

⚠️ このキーは発行直後しか全文表示されません！
画面を閉じる前に必ずコピーして、次のステップで金庫にしまってください。
もし閉じてしまったら、削除して新しく発行し直せばOKです。

— ここから保管方法 —

🛡️

まもるくん

取得できたら、次は安全な場所に保管！
APIキーはホテルのルームキーと同じ。
盗まれたら他人が使い放題、請求はあなたに来る！
保管方法は3種類あるよ。まず違いを確認してね！

⭐ まずここを読んで！3種類の保管方法

方法① 全員が最初にやること

🏦 キーチェーン
＋.zshrc

こんな人：
✅ 初めてAPIキーを設定する
✅ とにかく最初の設定を終わらせたい

効果： ターミナルを開くたびに自動でセット

方法② プログラムを作るときに追加

📂 .env
＋.gitignore

こんな人：
✅ Pythonなどのプログラムを自分で作る
✅ GitHubにコードを上げる予定がある

効果： GitHubに上げてもAPIキーが漏れない

方法③ すでに使っているなら統合を検討

🔐 1Password
（パスワードマネージャー）

こんな人：
✅ 1Passwordをすでに使っている
✅ 複数デバイス・Mac買い替えが多い

効果： クラウド同期で新Macでも即使える

💡 ①→②→③の順で段階的に使う。初心者はまず①だけでOK！
②はプログラムを作り始めたら追加。③はすでに1Passwordを使っている人が検討する。

🏦 方法① キーチェーン＋.zshrc（全員まずここから！）

【どこで？】ターミナル（黒い画面）　【何をする？】Macの内蔵金庫にAPIキーを登録する

▶ Step 1：キーチェーンにAPIキーを登録する

ターミナルに貼り付けてEnter：

security add-generic-password -a "$USER" -s "anthropic-api-key" -w

「Enter password for ...」と表示されたら → APIキーを貼り付け（Command+V）してEnter

⚠️ 入力中は画面に何も表示されないのが正常！ カーソルも動かない・文字も見えない → そのままEnterでOK

▶ Step 2：.zshrcに「毎回自動で読み込む」設定を書く

💡 .zshrcとは？ ターミナルを起動するたびに自動で実行される初期設定ファイル。
ここに設定を書くと「金庫からAPIキーを取り出して準備しておいて」を毎回自動でやってくれる！

1 ターミナルでファイルを開く

open -e ~/.zshrc

→ テキストエディットが開く。すでに文字があってもそのままでOK

2 一番下の行に1行追加して ⌘+S で保存

export ANTHROPIC_API_KEY="$(security find-generic-password -a "$USER" -s "anthropic-api-key" -w)"

⚠️ 一番最後の行に追加すること！

3 ターミナルで設定を反映させて確認

source ~/.zshrc
# 今書いた設定をすぐ反映
echo $ANTHROPIC_API_KEY | head -c 15
# APIキーの最初の15文字だけ表示して確認

✅ 成功！ sk-ant-api03- と表示されたらOK！
❌ 何も表示されない場合 → Step 2の行が正しく保存されているか確認

10
Chapter

📂 プログラムを作るときのAPIキー管理

🤖

クロードくん

このChapterはプログラムを自分で作り始めたときに読んでね！
Claude Codeをターミナルから使うだけなら
Chapter 9（方法①）だけでOK！

📂 方法② .env＋.gitignore（プログラムを作るときに追加）

【どこで？】ターミナル＋テキストエディット　【何をする？】プロジェクトフォルダにAPIキー専用の金庫ファイルを作る

📄 .env とは？

プロジェクトフォルダの中だけで使う秘密メモ帳。
APIキーをここに書いておくと、プログラムが自動で読み込んでくれる。

中身の例：

ANTHROPIC_API_KEY=sk-ant-...

📋 .gitignore とは？

「このファイルはGitHubに送らないで！」という送付禁止リスト。
.envと書くだけでAPIキーが
GitHubに漏れなくなる！

中身の例：

.env

🛠️ 方法②の作り方（全部ターミナルでOK！）

1 フォルダを作って移動

mkdir ~/Desktop/myproject
cd ~/Desktop/myproject

2 2つのファイルを作る

touch .env
touch .gitignore

✅ 確認：ls -a で .env と .gitignore が表示されればOK

3 .env をテキストエディットで開いてAPIキーを書く

open -e .env

テキストエディットが開いたら以下を書いて ⌘+S で保存：

ANTHROPIC_API_KEY=sk-ant-api03-（自分のAPIキーをここに貼る）

4 .gitignore をテキストエディットで開いて書く

open -e .gitignore

これだけ書いて ⌘+S で保存（これだけでAPIキーがGitHubに漏れなくなる）：

.env

⚠️ APIキーは絶対にAIのチャット欄に貼り付けないこと！
ファイルの枠だけAIに作ってもらい、キーの書き込みは必ず自分でやること！

— — —

🔐 方法③ 1Password（すでに使っているなら統合を検討）

【どこで？】1Passwordアプリ＋ターミナル　【何をする？】1PasswordにAPIキーを登録し、CLIで呼び出す

1Passwordとは？

パスワード・クレジットカード・APIキーなどあらゆる秘密情報をクラウドで管理するアプリ。

月額約500〜700円（有料）だが、iPhone・Android・Mac・Windowsすべてで使えて、買い替え時も自動で引き継げるのが最大の強み。

なぜAPIキー管理に向いている？

✅ クラウド同期：新しいMacでもログインするだけで復元ふくげん
✅ CLIツール対応：ターミナルから直接呼び出せる
✅ セキュリティ最高水準：ゼロ知識暗号化あんごうか
✅ 一か所で全管理：パスワードもAPIキーも統合

🛠️ 方法③の設定手順

1 1Passwordをインストール・ログイン
https://1password.com からダウンロード → アカウント作成またはログイン

2 1Password CLIをインストール（ターミナルで）

brew install 1password-cli

3 1Passwordにサインイン（ターミナルで）

op signin

4 1PasswordアプリにAPIキーを登録
1Passwordアプリを開く → 「+」で新規項目 → 「パスワード」を選択
→ タイトル：Anthropic API Key、パスワード欄に sk-ant-api03-... を貼り付けて保存

5 .zshrcに読み込み設定を書く（ターミナルで）

open -e ~/.zshrc

一番下に追加して ⌘+S で保存：

export ANTHROPIC_API_KEY="$(op read "op://Private/Anthropic API Key/password")"

⚠️ op://Private/Anthropic API Key/password の部分は、
1Passwordに登録した項目名に合わせて変更してください

6 動作確認

source ~/.zshrc
echo $ANTHROPIC_API_KEY | head -c 15

✅ sk-ant-api03- と表示されたらOK！

📊 3つの方法まとめ比較

項目	🏦 方法① キーチェーン＋.zshrc	📂 方法② .env＋.gitignore	🔐 方法③ 1Password
対象	全員・最初に必ずやる	プログラムを作るときに追加	すでに1Passwordを使っている人
安全性	⭐⭐⭐ 高い Mac内蔵の暗号化金庫	⭐⭐ 普通 .gitignoreが必須	⭐⭐⭐ 最高水準ゼロ知識暗号化
手軽さ	⭐⭐ 少し手順がある	⭐⭐⭐ シンプル	⭐ 初期設定に手間がかかる
Mac買い替え	⚠️ 移行アシスタントが必要クリーン設定なら再登録	✅ ファイルをコピーするだけ	✅✅ 最も楽ログインするだけで自動復元
費用	無料	無料	月額約500〜700円
おすすめ度	⭐⭐⭐ まず全員やる	⭐⭐ 必要になったら追加	⭐⭐ 使っているなら統合

💡 結論：初心者は方法①から始める。プログラムを作り始めたら②を追加。すでに1Passwordを使っているなら③に統合すると管理がシンプルになる。

11
Chapter

✅ セキュリティ最終チェック

🔬

きけん博士

さぁ、最後の関門じゃよ！よく聞くのじゃ！🔬
このチェックリストを全部クリアするまでは安全とは言えんのじゃよ！
特にGitHubへのアップロードは取り返しのつかない大惨事につながるのじゃ。
焦らず、ひとつひとつ丁寧に確認するのじゃぞ！

🛡️ インストール完了前に確認しよう！

✅ やったこと確認リスト

APIキーをキーチェーンに保管した
.zshrcに読み込み設定を書いた
echo コマンドで sk-ant-api03- を確認した
.envに直接キーを書いていない
.gitignoreに.envと書いた
APIキーをチャットに貼っていない

❌ やってはいけないリスト

APIキーをチャット欄やメールに書いた
APIキーを他人と共有した
コードに直接APIキーを書いた
GitHubにAPIキーをアップした
使い終わったキーをそのままにした

🤖

クロードくん

全部チェックできた？
おめでとう！Claude Codeが使えるようになったよ！🎉

困ったことがあればいつでも聞いてね！

ありがとう！
これで自分もAI使いになれる気がしてきた！

👨

あなた

よくある質問 Q&A

Q. ターミナルに何も表示されないんですが？
A. パスワード入力中は何も表示されないのが正常です。そのままEnterを押してください。

Q. Homebrewのインストールが途中で止まりました
A. MacのパスワードはMacのログイン時のパスワードです。入力中は表示されません。

Q. APIキーが認識されません
A. source ~/.zshrc を実行してから echo $ANTHROPIC_API_KEY | head -c 15 で確認してください。

Q. APIキーが漏れてしまったかも…
A. すぐに https://console.anthropic.com を手打ちで開いて「API Keys」からキーを削除してください。

Claude Code導入手順書

この手順書について

🤖 Claudeってなに？

🛠️ 3つのツールを理解しよう

⚙️ ターミナル・Homebrew・Node.jsって何？

🛡️ 安全のお約束5つ

📝 Claudeアカウントを作ろう

💳 プランを選ぼう

💻 Claudeのデスクトップアプリをインストールしよう

⌨️ Code CLI版をインストールしよう

🔑 APIキーとは何か・どこで取得・安全に保管しよう

📂 プログラムを作るときのAPIキー管理

✅ セキュリティ最終チェック

Claude Code
導入手順書