ClaudeとClaude Codeの違いは?非エンジニアの使い分けをねことフクロウが解説
「Claude」と「Claude Code」は名前が似ていて、何が違うのか分かりにくいですよね。このページでは、非エンジニアの運営者が実際にAIとやりとりして分かったことを、ねことフクロウの掛け合いで説明します。
結論:相談・文章づくりなど「考える」作業はClaude、サイトのファイルを直接つくる・直す「手を動かす」作業はClaude Codeです。
Contents
ClaudeとClaude Codeの違いは「考える」か「手を動かす」か
Claudeって、Claude Codeって、名前が似すぎて分からへん!
ひとことで言うと、考えるのがClaude、手を動かすのがClaude Codeじゃ。
| Claude(チャット) | Claude Code | |
|---|---|---|
| 得意なこと | 企画の相談、文章・コピー案、方針決め、調べもの、判断の整理 | サイトのファイルを直接つくる・直す、公開まで進める |
| 触れるもの | 会話の中の文章が中心 | リポジトリ(サイトの中身そのもの) |
| 成果物 | 案・下書き | 実際に変わったファイル |
迷ったときは、「ファイルを変える必要があるか?」で決めます。あるならClaude Code、ないならClaudeです。
もうひとつの目安は、決まっていないことが多いかどうかです。多いときは、先にClaudeで固めます。固まらないままClaude Codeに任せると、作り直しになりやすいからです。
記事を書く作業は、どちらに頼む?
記事を書くときは、どっちに頼むん?
書く部分はClaude、サイトに載せる部分はClaude Codeじゃ。構成や文章は、チャットで相談しながら練る。できあがった本文を、ページにして整えるのがClaude Codeの仕事じゃな。
ぜんぶClaude Codeでやったらあかんの?
文章だけならできる。ただ、1本ずつ相談しながら練るなら、チャットのほうがやりやすい。逆に、同じ型の記事を10本まとめて作るような量の多い作業は、Claude Codeのほうが速いのう。
| 作業 | 担当 |
|---|---|
| ネタ出し、構成、本文の下書き、タイトル案 | Claude(チャット) |
| 文章の推敲、トーンの調整 | Claude(チャット) |
| 記事をHTMLにしてサイトに追加する | Claude Code |
| 「PR」表記、アフィリンク、内部リンクの設定 | Claude Code |
ChatGPTなど、他社のAPIを使うのはどっち?
ChatGPTのAPIを使うサイトを作りたい場合は?
それはClaude Codeじゃ。APIというのは、プログラムからAIを呼び出す仕組みのこと。呼び出すコードを書いて、サイトに組み込んで、動作を確かめる。どれもファイルを触る作業じゃからな。
気をつけたいことが3つあります。
- APIキーを、サイトのファイルに直接書かない。APIキーは、サービスを使う権利を示す合言葉です。公開されると誰かに使われて、料金を請求されるおそれがあります。Claude Codeには、キーをファイルに書かず、環境変数(安全な保管場所)を使うよう頼みます。
- ブラウザだけで動くページでは、キーを隠せない。表示するページにキーを入れると、見た人に丸見えになります。そのため、キーを預かる小さな中継役(サーバー)が別に必要になることが多いです。
- 使った分だけ料金がかかる。上限額を設定しておくと安心です。
フォルダごとに役割を変える、ってどういうこと?
フォルダごとに役割を変えてる人を見たんやけど、あれ何?
CLAUDE.mdというファイルをフォルダに置いておくと、Claude Codeが作業のたびに読んでくれる仕組みじゃ。「このフォルダはブログ担当。口調はやさしく。広告があるページには『PR』表記」と書いておけば、そのとおりに動く。部署ごとに違うマニュアルを置くイメージじゃな。
最初から細かく分けなあかん?
いらん。「いつも同じ注意を言ってるな」と気づいたら、それを書き足すだけで十分じゃ。
ほかにも、決まった手順に名前を付けて保存しておくスキル、役割を持った助手を別に用意するサブエージェントといった機能があります。どれも、毎回同じ説明をしなくて済むようにする工夫です。
まとめ
- 相談・文章づくり・方針決めはClaude、ファイルを直接つくる・直す作業はClaude Code。
- 記事は、書く部分をClaude、サイトに載せる部分をClaude Codeで分けると進めやすい。
- 他社のAPIを組み込むのはClaude Code。APIキーは、ファイルに直接書かない。
- フォルダの
CLAUDE.mdに注意を書くと、役割を変えられる。
「リポジトリ」「GitHub」など、Claude Codeで出てくる言葉がよく分からないときは、リポジトリとGitHubをやさしく解説した記事を読んでみてください。
よくある質問
- ClaudeとClaude Codeの違いは?
- 相談・文章づくり・方針決めがClaude(チャット)、サイトのファイルを直接つくる・直す作業がClaude Codeです。ファイルを変える必要があるかどうかで選べます。
- 記事を書くときは、どちらを使う?
- 本文の下書きや推敲はClaude、できた本文をページにしてサイトに載せる作業はClaude Codeが向いています。
- ChatGPTのAPIを使うサイトを作るときは?
- コードを書いてサイトに組み込む作業なので、Claude Codeの担当です。APIキーはファイルに直接書かず、安全な保管場所(環境変数)で管理します。
- フォルダごとにClaude Codeの役割を変えられる?
- CLAUDE.mdというファイルをフォルダに置き、守ってほしい注意や口調を書いておくと、作業のたびに読んで従ってくれます。
この記事は、運営者(非エンジニア)が実際にAIとやりとりして学んだ内容を、読みやすく書き直したものです。サービスの機能や料金は変わることがあるので、使う前に公式の案内も確かめてください。