こんなことが、
できます。

ひとことで言うと

Claude Code は、あなたのパソコンの中で、ファイルを読んで・書いて・直して・実行までしてくれる相棒です。ふつうのチャットAIと違うのは、「文章で答える」だけでなく、実際にあなたのプロジェクトのファイルを操作できること。だから、ホームページづくりの“作業そのもの”を任せられます。ここからは、場面ごとに具体例で見ていきましょう。

① ホームページを「作る」

いちばんの主役です。日本語で伝えるだけで、ページを形にしてくれます。

1. ゼロからページを作る：「お店の紹介ページを作って」で、たたき台が一気にできあがる。
2. 部分的に直す：「見出しを大きく」「営業時間を日曜定休に」など、ピンポイント修正。
3. デザインを整える：色・余白・フォントの調整、スマホ対応（レスポンシブ）も。
4. 機能を足す：問い合わせフォーム、ギャラリー、地図の埋め込みなど。

カフェの1ページのホームページを作ってください。お店の名前・紹介文・メニュー・営業時間・地図・お問い合わせへの導線を入れて、落ち着いた雰囲気でお願いします。

② 「困った」を解決する

独学でいちばん心強いのがここです。うまくいかない時、その状況をそのまま伝えれば、原因を調べて直してくれます。

1. エラーを解決する：赤いエラー文を貼って「どういう意味？どう直す？」。
2. おかしな表示を直す：「スマホで崩れる」「ボタンが反応しない」を伝えて修正。
3. 仕組みを説明してもらう：「このコードが何をしているか、初心者向けに教えて」。

次のエラーが出ました。これはどういう意味ですか？ 初心者にもわかるように原因と直し方を手順で教えてください。

（ここにエラー文をそのまま貼る）

③ 公開や、その先の作業まで

ホームページは「作って終わり」ではありません。その先の、ちょっと専門的な作業も任せられます。これらは STEP 3 以降でくわしく扱いますが、「全部Claudeに相談しながら進められる」と知っておいてください。

1. 変更の記録（git）：「ここまでの変更を、わかりやすいメッセージでコミットして」。
2. 公開（デプロイ）：「このサイトを公開する手順を一つずつ教えて」。
3. テストを書く：「フォームが動くか確認するテストを書いて」。
4. 整理（リファクタリング）：「動きは変えずに、コードを読みやすく整理して」。
5. 自動化（CI/CD）：「pushしたら自動で公開される仕組みを作って」。

④ じつは「日々の仕事」にも効く

ここが、意外と見落とされがちな価値です。Claude Code で身につく「AIに的確に頼む力」は、ホームページ以外の日常業務にもそのまま活きます。一生もののスキルです。

1. 文章づくり：お知らせ文、ブログ、メールの下書き、キャッチコピー。
2. 要約・整理：長い資料やメールを要点だけにまとめる。
3. データの整理：CSVやテキストの並べ替え・集計・形式変換。
4. 調べもの：分からない言葉や手順を、初心者向けに噛み砕いて説明。

年末年始の休業について、お客さま向けのお知らせ文を3パターン作ってください。丁寧すぎず、親しみやすいトーンで、それぞれ100字くらいでお願いします。

逆に、苦手なこと・任せきりにしないこと

万能に見えますが、限界もあります。これを知っておくと、安全に・上手に付き合えます。

1. あなたにしか分からないこと：お店のこだわりや実際の情報は、あなたが伝えないと書けません。AIは“あなたの代わり”ではなく“あなたの手足”です。
2. 最終確認は人の役目：金額・日付・連絡先など、間違うと困る情報は必ず自分で確かめる。
3. 秘密の情報の扱い：パスワードや顧客情報の扱いは慎重に（セキュリティの章で詳しく）。

この章で出てきた言葉

プロンプト

Claude への指示・お願いの文章。具体的に書くほど、良い結果が返ってきます。

デプロイ

作ったサイトをインターネットに公開すること。Claudeに相談しながら進められます。

リファクタリング

動きを変えずに、コードを読みやすく整理すること。Claudeが得意な作業の一つ。

CI/CD

pushすると自動で公開やテストが走る仕組み。これもClaudeと一緒に作れます。