「ホームページを作りたいが、制作会社の見積もりは高く、自分で作る時間もない」という小規模店舗のご相談を、私たちは数多くいただきます。Claude Codeによるホームページ作成は、こうした悩みに対する現実的な選択肢になってきました。ホームページの費用が重いのは、デザインよりも「直す・更新する」作業が積み重なるからです。本記事では、Claude Codeで静的サイトを生成する始め方と、WordPressからの作り直しの考え方を、弊社の実務目線で解説します。
Claude Codeでホームページを作る流れとは
Claude Codeとは、パソコン上のフォルダを直接読み書きしながら、文章の整理からコードの作成・修正までを対話で進められるAnthropic社のAIツールです。ホームページ作成では、店舗の情報を渡して、HTMLファイルやスタイルシートを自動で組み立てさせる使い方になります。
始めに用意するのは、店名・住所・営業時間・メニューや料金表・店内や商品の写真・代表者のあいさつ文といった素材です。これらを一つのフォルダにまとめ、「このお店はどんな客層に、何を売っているか」を書いた説明ファイル（CLAUDE.mdという名前のメモ）を置いておくと、Claude Codeが毎回それを前提に作業してくれます。
その状態で「トップページ、メニュー、アクセス、お問い合わせの4ページ構成で、スマホで見やすいサイトを作ってください」と依頼すると、数分で下書きが動く形で出てきます。ここから「営業時間を目立たせて」「電話ボタンを画面下に固定して」と対話で直していく流れです。
できあがったサイトは、Cloudflare PagesやNetlifyなどの無料枠があるホスティングに公開できます。ただし、掲載する営業時間・価格・料金の誤りは店舗の信用に直結しますので、公開前には必ずオーナー様ご自身が全ページを目で確認してください。弊社では「AIが下書きと修正を担い、人が事実確認と最終判断をする」半自動の線引きを基本にしています。
小規模店舗は静的サイトとWordPressのどちらを選ぶべきか
結論として、情報の更新が月に数回程度の店舗なら静的サイト、ブログやお知らせを頻繁に自分で更新したい店舗ならWordPressが向いています。どちらが優れているかではなく、更新する人と頻度で決めるのが実務的です。
静的サイトとは、完成したページのファイルをそのまま置くだけの仕組みで、データベースを使いません。表示が速く、WordPressのように本体やプラグインの更新を続ける必要もないため、乗っ取りや改ざんのリスクを抑えやすい点が利点です。維持費もホスティングの無料枠で収まる場合があります。
一方で、静的サイトには弱点もあります。予約受付や問い合わせフォームは自前で持てないため、外部の予約サービスやフォーム送信サービスと組み合わせる必要があります。また、更新はClaude Codeに依頼するか、ファイルを直接編集する形になり、管理画面で記事を書く感覚とは異なります。
「更新するのは誰か」を先に決めないまま仕組みを選ぶと、作った後にサイトが止まってしまいます。スタッフが管理画面から投稿する運用が必須ならWordPress、更新は月数回で自分か制作会社に任せられるなら静的サイト、というのが弊社の判断の目安です。迷う場合は、まず静的サイトで小さく始め、必要になった段階でブログ機能を足す方法もあります。
Claude Codeで既存のWordPressサイトを作り直す方法
既存のWordPressサイトの作り直しは、まず現状のページ構成とURLを洗い出し、内容を引き継ぎながら新しい形に組み替えるという順序で進めます。Claude Codeはこの棚卸しと変換の作業が得意です。
WordPressの管理画面には、投稿や固定ページをXMLファイルで書き出す「エクスポート」機能があります。そのファイルをフォルダに置いてClaude Codeに読ませると、ページの一覧、各ページのタイトルと本文、使われている画像の数などを表にまとめさせることができます。長年放置された古いお知らせや、内容が重複しているページも、この段階で見つけやすくなります。
次に、残すページと統合するページを人が決めます。ここで重要なのがURLの扱いです。旧サイトのURLが検索結果に出ている場合、新サイトで別のURLに変えると検索順位が落ちることがあるため、旧URLから新URLへの転送設定（リダイレクト）の一覧もClaude Codeに作らせ、公開前に旧URLを数件ずつ実際に開いて確認します。
検索流入があるサイトの作り直しで最も事故が起きやすいのは、デザインではなくURLの変更です。タイトルタグやメタディスクリプション、店舗情報を検索エンジンに伝える構造化データ（LocalBusiness）の下書きもClaude Codeで作れますが、Googleビジネスプロフィールの情報と一致しているかは人が照合してください。こうしたサイト設計から構築・SEO設定までは、弊社のWeb制作・再構築でも承っています。
Claude Codeでのホームページ作成の費用は
費用は、Claude Codeの利用料、ドメイン代、ホスティング代の3つに分けて考えると把握しやすく、静的サイトなら制作会社への外注より大きく抑えられる可能性があります。ただし、金額は契約内容や時期で変わるため、最新の料金は各社の公式ページでご確認ください。
Claude Codeは、Claudeの有料プランに含まれる形か、API利用の従量課金のどちらかで使います。作成する期間だけ契約し、公開後は更新時のみ使う、という運用も可能です。ドメイン代は種類によって年間で数千円程度が目安となり、ホスティングは静的サイトなら無料枠から始められるサービスが複数あります。
ここで見落としがちなのが、金額に表れない作業時間です。店舗の写真を整える、メニューや価格を確認する、予約サービスや地図の埋め込みを設定するといった作業は、AIが代わりにできない部分が残ります。初めてだと、素材が揃っていても完成まで数日から数週間かかることは珍しくありません（あくまで目安です）。
費用を抑えられるのは制作費であって、店舗側の確認作業がなくなるわけではありません。自社での作成に不安がある場合は、Claude Codeで下書きまで進めた段階で専門家に相談するのも一つの方法です。どこまでを自社で行い、どこから任せるかの整理は、弊社のAIアドバイザリーで診断とロードマップ作成として承っています。ホームページ公開後の記事制作や分析改善についても、メディア運用・コンテンツとして対応できます。
よくある質問
Claude Codeはプログラミング未経験でも使えますか？
日本語で依頼できるため、コードを書けなくても下書き作成までは進められます。ただし公開前の内容確認や、ホスティング設定などの初期作業には慣れが必要ですので、最初は詳しい方と一緒に進めると安心です。
WordPressの管理画面のように自分で更新できますか？
静的サイトの場合、管理画面はなく、Claude Codeに更新を依頼するかファイルを直接編集します。スタッフが日常的に投稿する運用が必要なら、WordPressのほうが向いています。
予約や問い合わせフォームは静的サイトでも使えますか？
外部の予約サービスやフォーム送信サービスを組み込むことで対応できます。サイト自体が予約データを保持しない分、導入するサービスの料金や機能を事前に確認してください。
既存WordPressサイトを作り直すと検索順位は下がりますか？
URLを変えたり転送設定を怠ったりすると下がる可能性があります。旧URLから新URLへのリダイレクトを用意し、公開後もアクセス状況を確認することが大切です。
「自分の業務は、どこまでAI化できるのか」を無料で診断します
ここまで読んで、「うちのあの作業もできるのかな」と一瞬でも頭に浮かんだ作業があるなら、それを教えてください。「見積書の作成に毎回1時間かかっている」「契約書のチェックに毎回悩む」「発信を続ける余力がない」——そんな一文で十分です。
私たちは診断だけで終わらせません。業務フローを可視化してAIを組み込む「AI実装・業務設計」、どこからAIを入れるべきかROIを見立てる「AIアドバイザリー」、信頼感のあるサイトを構築する「Web制作・再構築」、そしてAIを活用して記事・SNS発信を続ける「メディア運用・コンテンツ」まで、実績をもとに一気通貫でお任せいただけます。
まずは診断から。送っていただいたら、実運用の経験をもとに、その作業を「AIに任せられる部分」と「人が確認すべき部分」に分解した診断結果を、1〜3営業日以内にメールでお返しします。
- 診断まで完全無料です（費用が発生する場合は、必ず事前にお見積りを出し、納得いただいてからです）
- 診断の結果、AI実装・アドバイザリー・Web制作・メディア運用のいずれかでお手伝いできそうな場合は、進め方と費用の目安もあわせてご提案します。不要ならそのまま終了で大丈夫です（しつこい連絡はしません）
