このサイト自体がClaude Codeで構築されている
最初に1つだけ事実を共有します。あなたが今読んでいるこの「AI仕事術」というサイトは、Claude Codeとの対話だけで構築されました。Next.jsプロジェクトの初期化、ヘッダーやフッターのコンポーネント設計、Markdown記事のレンダリング、OGP画像の動的生成、Vercelへのデプロイ、ConoHaでのドメイン設定、Google AnalyticsとSearch Consoleの連携、A8.netのアフィリエイトリンク埋め込み、すべてClaude Codeに依頼して進めました。エディタを開いて手で書いたコードは1行もありません。構築時の実際の指示・技術スタック・手戻り回数まで含めた詳細は このアフィリエイトサイトをClaude Codeだけで作った実録 にまとめています。
このレベルのことが、エンジニアでない人間でも対話だけでできるのが今のClaude Codeです。本記事ではその実力を、機能・料金・他ツールとの違い・つまずきポイントの観点で整理します。
Claude Codeとは何か
Claude Codeは、Anthropicが提供するAIコーディングエージェントです。VS Codeのような統合開発環境（IDE）の中で動くプラグインではなく、ターミナルから起動する独立したツールという形をとっています。インストールしてプロジェクトのフォルダに移動し、claude と打つだけで起動します。
動き出すと、Claude Codeは現在のフォルダ内のファイルを自分で読み、git の履歴を確認し、package.json などの設定ファイルから技術スタックを把握します。その上で、ユーザーが日本語または英語で指示を出すと、必要なファイルの編集や新規作成、シェルコマンドの実行、Git操作までを自律的に進めてくれます。
ChatGPTにコードを質問する従来のスタイルでは、コードを手でコピーしてチャットに貼り付け、回答をまた手で戻すというキャッチボールが必要でした。GitHub Copilotは現在のファイルしか見えず、複数ファイルにまたがる修正は苦手です。Claude Codeはこの2つのギャップを埋めるポジションにあり、「人間が大まかに指示し、AIが具体的な作業を実行する」という分業が成立します。
主な特徴
ファイルを直接読み書きする
Claude Codeは指示を受けると、自分でファイルを開き、内容を読み、必要に応じて書き換えます。「src/components の中の構造に合わせて新しいヘッダーコンポーネントを追加して」と頼めば、まず既存のコンポーネントを読んで命名規則やスタイル方針を理解し、それに沿った新規ファイルを作ります。
シェルコマンドを実行する
npm install、git commit、npm run build、デプロイコマンドなど、ターミナル上で行う操作はそのままClaude Codeに任せられます。本サイトの構築でも、GitHubリポジトリの作成、Vercelへのデプロイ、環境変数の設定はすべてClaude Codeがコマンドを実行する形で進みました。
Todoリストで段階的に進める
「ECサイトを丸ごと作って」のような大きな指示を受けると、Claude Codeは内部でTodoリストを作り、優先順位を確認しながら進めます。途中でユーザーが横やりを入れて方針を変えても、追従して計画を組み直してくれます。完成までの中で、人間が判断すべきポイントだけ質問が飛んでくるイメージです。
CLAUDE.md でプロジェクトのルールを共有する
プロジェクトのルートに CLAUDE.md というファイルを置いておくと、Claude Codeは起動時にそれを読み、プロジェクト固有のルールを把握してから作業を始めます。技術スタック、コーディング規約、禁止事項などを書いておくと、毎回同じ指示を繰り返さずに済みます。
料金と利用プラン
Claude Codeの料金体系は2系統あります。
ひとつめはAPIの従量課金です。Anthropic Consoleでクレジットを購入し、Claude Codeの利用量に応じて消費されます。重めに使うとそれなりに費用がかかるので、予算管理を意識する必要があります。
ふたつめはClaude Pro / Maxといった定額プランです。Claude Pro（月額20ドル前後）やMaxプラン（月額100ドル前後）の中にClaude Codeの利用枠が含まれており、定額枠の範囲で使えます。毎日Claude Codeをフル稼働させる人は、APIの従量課金より定額プランの方が安く済むことが多いです。
最新の正確な料金や枠の上限は変更されることがあるため、Anthropicの公式サイトで確認してください。
他のAIコーディングツールとの違い
GitHub Copilot、Cursor、ChatGPT Canvasなど、AI支援のコーディングツールは複数あります。それぞれ役割が違うので、ざっくり整理しておきます。
GitHub Copilotは、IDE内で「次に書きたいコード」を予測補完してくれるツールです。エディタを離れずに使えるので、自分の頭の中に設計があるときに最速で書けます。複数ファイルにまたがる修正や、設計から考えてもらう用途には弱いです。
Cursorは、VS Codeをベースにしたエディタで、AIとの対話とコード編集を統合した体験を提供します。ファイル横断的な編集をGUI上で快適に行えるのが強みですが、シェルコマンドの実行やGit操作までは任せにくい設計です。
ChatGPT Canvasは、ChatGPT内でコードを編集できる機能です。手軽ですが、プロジェクト全体を読ませることはできず、単発のスニペットを作る用途向けです。
Claude Codeは「ターミナル上で動く自律エージェント」というポジションで、上記のいずれとも異なります。エディタを開かずに、シェル操作・Git・ファイル編集・デプロイをすべて任せて完結できる点が独自の価値です。エディタ補完が必要ならCopilotと併用するのが現実的な使い方です。
始め方
最低限のスタート手順を整理します。
最初にAnthropic Consoleでアカウントを作成し、APIキーを発行します。次にnpm経由でClaude Codeをインストールします。
npm install -g @anthropic-ai/claude-code
APIキーを設定したら、プロジェクトのフォルダに移動して claude と打てば起動します。あとは日本語で指示を出すだけです。「このプロジェクトの構造を説明して」「READMEを書いて」のような軽い質問から始めると、Claude Codeの動きが掴めます。
慣れてきたら、CLAUDE.md をプロジェクトルートに置いて、技術スタックや絶対守らせたいルールを書いておきます。これがあるかないかで、Claude Codeの作業精度がかなり変わります。
使いこなしのコツ
公式ドキュメントや実際の運用記事を読みあさった上で、特に効果が高いと感じるコツをまとめます。
大きすぎるタスクを投げない
「ECサイトを丸ごと作って」のような曖昧で巨大な指示は、Claude Codeを迷子にさせます。たとえば「まずユーザー登録のフォームだけ作って、動作確認できたら次に進める」のように、機能単位で区切って投げる方が確実です。Claude Code自身もTodoリストを作ってくれますが、人間側でも明示的に区切る方が結果が安定します。
CLAUDE.mdで方針を縛る
長い対話の途中でClaude Codeが勝手に方針を変えることがあります。「Tailwindで書く」と決めていたのに、途中から「CSS Modulesを使ってもいいですか」と提案してくる、というケースです。CLAUDE.mdに「Tailwindのみ。CSS Modulesは禁止」と書いておくと、こうした逸脱を抑制できます。
Git操作は確認してから承認する
リファクタリング中に、実は使われている関数を「もう不要なので削除します」と判断されることがあります。git status と git diff を確認させてから commit する習慣をつけて、変更内容のサマリを必ず読んでから承認しましょう。反射的にYESを押さないことが大事です。
コストを意識する
長文のドキュメントや巨大なJSONログを何度も読み込ませると、APIの請求が膨らみます。同じシステムプロンプトを使い続けるとプロンプトキャッシュが効いて2回目以降は割引が入る仕組みなので、対話のセッションをまたいで何度も再読み込みさせるよりは、ひとつのセッション内で完結させる方が安く済みます。
環境情報を最初に伝える
Windows + Git Bash 環境のように少し変わった構成だと、Claude Codeが Linux シェルのつもりでコマンドを書いてくることがあります。CLAUDE.mdに「Windows 11 / Git Bash環境」と書いておけば、そうしたミスマッチを未然に防げます。
つまずきやすいポイント
実際に運用してみると、紹介記事には書かれていない地雷もいくつかあります。
ひとつは、自律的すぎて人間の意図とずれた方向に進んでしまうケース。指示が曖昧だと、Claude Codeは勝手に解釈して作業を進め、出来上がったものを見たら全然違う、ということが起こります。これはCLAUDE.mdと中粒度の指示で防げます。
ふたつめは、削除系のコマンドを軽く実行しようとすること。リファクタリングの流れで「使われていないファイル」と判断したものが、実は別の場所から呼ばれていることがあります。Git作業をこまめにして、都度差分を確認することが大事です。
みっつめは、APIの請求が想定より膨らむこと。重めに使う日が続くと月の請求が一気に上がります。重要なプロジェクトでは、AnthropicコンソールのUsage Dashboardを定期的にチェックする習慣をつけましょう。
どんな人に向いているか
Claude Codeが特に効果を発揮するのは、次のような人です。
- 個人開発者やフリーランスで、設計から実装・デプロイまで自分で回している人
- スタートアップのエンジニアで、新規プロジェクトを次々立ち上げる必要がある人
- エンジニアではないが、自分用の業務改善ツールを作りたい人
- ターミナル操作に抵抗がない人
逆に向いていない人もいます。
- ターミナル操作にアレルギーがある人（CursorのほうがGUIで完結するので向いている）
- 10年もののレガシー大規模プロジェクトに突っ込みたい人（文脈を掴みきれない）
- 完全な初心者で、生成されたコードの正しさを判断できない人（誤りに気づけない）
プログラミングの基礎を固めたい人へ
完全な初心者にはClaude Codeをいきなりおすすめしないと書きましたが、最低限の基礎を一度学んでからClaude Codeに移行するのは非常に効率の良い学習法です。Claude Codeが生成するコードを読みながら「なぜこう書くのか」を学ぶサイクルが回ります。
基礎学習の足場としておすすめしやすいのは、SkillHacks（スキルハックス）です。動画講義型でRubyやJavaScript・HTML・CSSの基礎を体系的に学べます。買い切り型なのでサブスク疲れがなく、無制限の質問サポートが付いているので、最初の壁を越えやすい構成になっています。
「SkillHacksで基礎を固めて、Claude Codeで実戦経験を積む」という流れが、これから独学でエンジニアを目指す人にとって最短ルートのひとつだと考えています。転職まで視野に入れるなら AIエンジニアになるためのスクール3選 もあわせてどうぞ。
よくある質問
Q1. Claude CodeとChatGPTの違いは？
A: ChatGPTはチャット欄でコードの質問に答えるだけで、ファイルの読み書きやシェル実行はできません。Claude Codeはターミナル上で動くエージェントで、プロジェクトのファイルを自分で読み、編集し、シェルコマンドを実行し、Git操作まで自律的に進めます。コピペの往復が発生しないぶん、実装速度が大きく変わります。
Q2. Claude Codeは日本語で使えますか？
A: 使えます。指示も出力も日本語で問題なく通ります。コメント生成やコミットメッセージも日本語で書かせられます。ただしエラーメッセージやライブラリのドキュメントは英語のままなので、そこだけは英語理解が多少あると作業が速くなります。
Q3. プログラミング未経験でも使えますか？
A: ある程度は使えますが、完全未経験だと「何を作りたいか」を言語化する段階でつまずきます。Progateレベル（HTML/CSS/JavaScriptの基礎）を1週間でもやってから触ると、Claude Codeの出力を評価できるようになり、一気に使えるようになります。
Q4. Claude Pro（月20ドル）で十分ですか？
A: 個人開発で1日に数時間触るぐらいならClaude Proで収まります。業務で1日中フル稼働させるならMaxプランやAPI従量課金を検討してください。API従量課金は使う量に応じて変動するので、まずはProから始めて足りなくなったら切り替えるのが安全です。
まとめ
Claude Codeは、これまでの「コードを書くAI」とは別物のツールです。ファイル編集、シェル操作、Git、デプロイまでを一貫して任せられるエージェントとして動くので、エンジニアでない人でも、対話だけで本格的なWebアプリやサイトを構築できます。本サイトがその実例です。
一方で、無敵ではありません。CLAUDE.mdで方針を縛り、Git操作は確認してから承認し、コストを意識する、という基本を押さえないと振り回されます。これから始める人は、最初の1ヶ月は小さなプロジェクトで遊びながら、Claude Codeのクセを掴むのが安全な入り方です。