- 投稿日：2026/04/11
.png)
【保存版】AIを使って
個人事業のHPを無料で作る方法
── プログラミング不要・費用ゼロ・誰でもできる ──
※ 個人事業主向け
ホームページを作りたいけど……
「業者に頼むと高い（数十万円〜）」「自分でやるには技術が必要そう」「維持費がかかる」――そんな理由で諦めていませんか？この記事では、AIチャット（Claude）と無料サービス（Cloudflare Pages）を組み合わせて、本格的なホームページを完全無料で公開するまでの手順をまとめました。難しい操作は一切ありません。
非IT職でマッサージ師の私でも、一時間程度でできました！
✅ できあがるもの
・ スマホ対応の本格ホームページ（1ページ完結型）
・ ロゴ・写真の組み込み
・ LINE QRコードの掲載
・ 施術メニュー・料金表
・ 営業時間・アクセス情報
・ Google マップへのリンク
・ ナビゲーションメニュー（クリックで各セクションに移動）
💰 かかる費用：完全0円
・ ホームページ制作費 → 0円（AIが自動作成）
・ サーバー代 → 0円（Cloudflare Pages 無料プラン）
・ ドメイン代 → 0円（〇〇.pages.dev のURLが無料でもらえる）
📋 始める前に用意するもの
☑ お店の情報（名称・電話番号・営業時間・定休日）
☑ メニューと料金
☑ ロゴや写真（なくてもOK）
☑ メールアドレス（アカウント登録に使用）
🔧 手順（全5ステップ）
STEP 1 AIに情報を渡してHTMLを作ってもらう
claude.coworkを開き、チャット画面でお店の情報を日本語で伝えます。チラシや名刺の写真を送るだけでもOK。「こんな感じのデザインにしてください」と参考サイトのURLを一緒に送ると、イメージ通りに仕上がりやすいです。→ AIが数分でHTMLファイル（ウェブサイトの本体）を作ってくれます。 私の場合はwordで作成してあったチラシを読み込んでもらいました
STEP 2 画像・ロゴを組み込んでもらう
ロゴや写真がある場合は、AIに「このロゴをヘッダーに入れてください」と伝えながら画像ファイルを送ります。AIが画像をHTMLに直接埋め込んでくれるので、ファイル管理が楽になります。
STEP 3 細かい修正を依頼する
ブラウザでHTMLを開いて表示を確認しながら、気になる点を日本語で伝えて修正してもらいます。例：「営業時間の表示が違います」「電話番号を変えてください」「もう少し緑色っぽいデザインにしてください」→ 何度でも修正できます。
STEP 4 Cloudflareのアカウントを作る
cloudflare.com にアクセスし、メールアドレスとパスワードを登録します。（無料）メール認証を完了させたらログインします。google アカウントをお持ちの場合は、googleでログイン でOKです！
STEP 5 ファイルをアップロードして公開する
① HTMLファイルをzipに圧縮する② Cloudflare の「Workers & Pages」→「Pages」→「Create a project」→「Direct Upload」を開く③ プロジェクト名を入力（例：myshop）④ zipファイルをアップロード⑤「Deploy site」をクリック→ 数秒で「https://myshop.pages.dev」のURLでサイトが公開されます！（実際は、この作業はすべてclaudがやってくれます。最初はzipファイルにすることもせずHTMLファイルをドラッグアンドドロップして何も反応せず。わからないままに「やりました。続きは？」と聞くと、勝手にHTMLファイルをzipファイルに変換してくれました。本当にかゆいところに手が届きます）
🔄 公開後の修正・更新も簡単
サイトを更新したいときも同じ流れです。
1. AIに変更内容を伝える（日本語でOK）
2. 新しいHTMLファイルを受け取る
3. zipに圧縮してCloudflareに再アップロード
4. 完了（数秒で反映）
⚠️ 知っておきたい注意点
・ URLは「〇〇.pages.dev」形式（独自ドメインは別途費用が必要・年間1,000円前後）
・ お問い合わせフォームは別途設定が必要（Googleフォームなどと連携可能）
・ Google マップの埋め込みはAPIキーが必要なため、今回はリンクボタン方式を採用
・ 複雑な機能（会員登録・予約システムなど）は別のサービスと組み合わせが必要
まとめ
「ホームページは難しい・高い」は過去の話です。AIを使えば、専門知識がなくても、費用をかけなくても、本格的なウェブサイトが作れる時代になりました。
大切なのは「自分のお店の情報」と「AIへの日本語での依頼」だけ。ぜひ一度試してみてください。
────────────────────────────────────────
実際に作成したサイト例：https://iwama-chiryojo.pages.dev
使用ツール：Claude（claude.ai）× Cloudflare Pages（cloudflare.com）
