ターミナルも、Node.jsも不要。
アプリをインストールするだけで、AIがあなたのパソコンで働きます。
まずは全体像をつかもう
Claude Code（クロード コード）は、Anthropic社のAI「Claude（クロード）」をパソコンで直接使えるアプリです。
ブラウザ版のClaude.aiと違い、あなたのパソコン内のファイルを直接読んで・書いて・実行できます。「このフォルダのファイルを修正して」「新しいページを作って」といった指示をするだけで、Claudeが実際に作業してくれます。
💡 Claude Codeの仕組み（概念図）
PCの中のファイルを読んで、編集して、保存してくれます
「○○を作って」と言うだけでプログラムを書いてくれます
複数ファイルにまたがる作業も丸ごと把握できます
難しいターミナル操作は不要。アプリを開くだけでOK
どちらのパソコンでもインストールして使えます
日本語で話しかけるだけで複雑な作業をこなします
まず「どうやってClaudeを使うか」を決めよう
Claude Codeを使うには、ClaudeのAIにアクセスする方法が必要です。以下の2つの方法があります。
Anthropic公式サイトでAPIキーを取得して使う方法
Claude.aiのサブスクリプションでClaude Codeを使う方法
大量に使う方向け・ほぼ無制限に利用可能
月額固定で費用が読めるため、初心者には一番安心です。まずお試しで使ってみて、足りなくなったらMAXプランにアップグレードできます。
公式サイトからダウンロードするだけ。Node.jsは不要です！
以前はNode.jsのインストールやターミナル操作が必要でしたが、デスクトップアプリ版は普通のアプリをインストールするだけで使えます！
claude.ai/download にアクセスします。
Macの方は「Mac版」、Windowsの方は「Windows版」をクリックします。
🍎 Mac の場合
ダウンロードフォルダにClaude-Code-x.x.x.dmg
というファイルが保存されます
🪟 Windows の場合
ダウンロードフォルダにClaude-Code-Setup.exe
というファイルが保存されます
普通のアプリと同じ手順でインストールできます
ダウンロードした .dmg ファイルをダブルクリックすると、インストール画面が開きます。
開いた画面で「Claude Code」のアイコンを「Applications」フォルダにドラッグ＆ドロップします。
初めてアプリを開くとき「インターネットからダウンロードされたアプリです。開きますか？」と表示されます。「開く」をクリックしてください。
「開発元を確認できません」と表示された場合は、システム設定 → プライバシーとセキュリティ → 「このまま開く」をクリックしてください。
ダウンロードした Claude-Code-Setup.exe をダブルクリックします。
「次へ」→「インストール」→「完了」の順にクリックするだけです。特別な設定は不要です。
「詳細情報」をクリックし、「実行」を選んでください。Anthropic公式の正規アプリなので安全です。
いよいよClaude Codeを使ってみよう！
🍎 Mac
LaunchpadまたはApplicationsフォルダから「Claude Code」を開く
🪟 Windows
デスクトップのショートカットまたはスタートメニューから「Claude Code」を開く
起動するとサインイン画面が表示されます。
Claude Code へようこそ
サインインして始めましょう
ブラウザが開いてClaude.aiでログインするだけ。Proプランの方はこちら。
APIキーを持っている方はこちらを選んで貼り付けます。
サインイン後、作業するフォルダを選びます。
作業するフォルダを選んでください
フォルダをここにドラッグ＆ドロップ
または
作業したいプロジェクトのフォルダをドラッグするか、「フォルダを選ぶ」ボタンで指定します。
フォルダを開くとチャット画面が表示され、すぐに使い始められます！
📁 my-project
📄 index.html
🎨 style.css
⚡ script.js
📄 README.md
CLAUDE
こんにちは！ my-project を開きました。4つのファイルが見つかりました。何か手伝えることはありますか？
チャット欄に日本語で話しかけてみましょう！
話しかけるだけで何でもやってくれます
難しいコマンドは不要です。日本語で普通に話しかけてください！
このプロジェクトにある index.html を見て、何が書いてあるか教えて
index.html を確認しました。
📄 index.html の内容：
• HTMLの基本構造（DOCTYPE、head、body）
• タイトル：「マイウェブサイト」
• h1タグで「ようこそ！」と表示
• 段落テキストが3つあります
何か変更しますか？
背景色を水色にして、タイトルを「田中美容室」に変えて
index.html を更新しました ✅
変更内容：
• body に background-color: lightblue を追加
• h1 のテキストを「田中美容室」に変更
ブラウザで確認してみてください！他に何かありますか？
| やりたいこと | Claude Codeへの指示例 |
|---|---|
| 📂 ファイルを確認 | 「このフォルダにあるファイルを一覧で見せて」 |
| ✏️ コードの修正 | 「index.htmlのタイトルを『○○』に変えて」 |
| 🏗️ 新規ファイル作成 | 「お問い合わせページ（contact.html）を新しく作って」 |
| 🐛 エラーの修正 | 「エラーが出てるけど直して」 |
| 💡 コードの説明 | 「このコードが何をしているか日本語で教えて」 |
| 🎨 デザイン変更 | 「ボタンの色を赤にして、角を丸くして」 |
| 📋 機能追加 | 「予約フォームを追加して。名前・電話番号・希望日の入力欄を作って」 |
| 🔍 バグ調査 | 「ボタンを押しても何も起きないんだけど、原因を調べて」 |
| Enter | メッセージを送信 |
| Shift+Enter | 改行（複数行入力） |
| ↑ キー | 前の入力を呼び出す |
| Esc | 作業を中断する |
/help | ヘルプを表示 |
/clear | 会話をリセット |
/compact | 会話を要約して続ける |
| ⌘+N | 新しいセッション開始 |
こんなことができます！活用シーン集
「美容室のホームページを作りたい」
美容室のトップページを作って。お店の名前は「Salon Mio」で、メニュー・アクセス・予約ボタンを入れて
index.html と style.css を作成しました ✅
ファイルパネルに追加されています。ブラウザで開いて確認してみてください！
「Excelのデータを整理したい」
sales.csv を読んで、月別の売上合計を計算して、グラフ付きのHTMLで出力して
データを分析して report.html を作成しました ✅
月別グラフが確認できます！
「スマホで崩れているのを直したい」
スマートフォンで見るとレイアウトが崩れてしまう。スマホでも綺麗に表示されるように直して
style.css にレスポンシブ対応を追加しました ✅
3箇所のメディアクエリを修正しています。
「毎日の作業を自動化したい」
Downloadsフォルダの画像を日付フォルダに自動で整理するスクリプトを作って
organize_photos.sh を作成しました ✅
実行方法も説明します。ダブルクリックで動かせるようにもできます！
「ホームページを作って」より「美容室のホームページを作って。白とピンクのカラーで、メニュー・アクセス・予約フォームのページを作って。スマホでも見やすくして」のように詳しく伝えると、より希望通りの結果になります。
使いこなすためのコツ
プロジェクトのフォルダに CLAUDE.md というファイルを作ると、毎回説明しなくてもClaudeが覚えておいてくれます。
重要なファイルを変更する前は「まず確認して。変更する前に教えて」と伝えると安全です。
変更する前に、何を変えるか教えて。確認してからOKを出すから
以下を変更する予定です：
1. style.css - 背景色を変更
2. index.html - タイトルを変更
実行してよいですか？
デスクトップアプリでは複数のウィンドウを開いて、プロジェクトを並行して作業できます。
⌘+N（Mac）または Ctrl+N（Windows）で新しいウィンドウが開きます。
会話が長くなると処理が遅くなることがあります。そのときは /compact と入力すると会話を要約して続けられます。
よくあるトラブルと解決方法
原因：セキュリティ設定でブロックされている
解決策：システム設定 → プライバシーとセキュリティ → 「Claude Code」の項目で「このまま開く」をクリック
原因：ログイン情報が正しくないか、期限切れ
解決策：アプリを再起動して、もう一度サインインしてみる。それでもダメな場合はClaude.aiのウェブサイトでパスワードをリセット
原因：短時間に大量の操作をした
解決策：少し待ってから再試行。Proプランなら数時間後にリセットされます。頻繁に起きる場合はMAXプランへのアップグレードを検討してください。
原因：会話が長くなりすぎている
解決策：/compact で会話を要約するか、/clear で会話をリセット
アプリのメニューから「アップデートを確認」を選ぶか、公式サイトから最新版をダウンロードしてインストールしてください。
最初は「こんにちは！」と話しかけてみるだけでOK。
使いながら少しずつ慣れていきましょう。