未ログイン状態で閲覧中
  • 投稿日:2026/04/29
【コードゼロでOK】claude.aiでHTML生成→CloudflareにHP公開

【コードゼロでOK】claude.aiでHTML生成→CloudflareにHP公開

  • 1
  • -
会員ID:BcyIJW6q

会員ID:BcyIJW6q

この記事は約10分で読めます
要約
claude.ai(チャットの方)でホームページを5分で作って、Cloudflare に1分でアップする手順を実演します。 コードを1行も書かずに、合計15分でホームページが公開できました。 Claude Codeに挫折した方、まずはこの「最小構成」から始めるのがおすすめです。

1. 結論:claude.aiだけで「公開できるHP」は作れる

この記事で一番伝えたいこと。

Claude Codeを入れなくても、claude.aiのチャット画面だけで、見栄えのするホームページは公開できます。

「いや、それは知ってるけどコードできない人には無理でしょ?」って思った方、安心してください。
僕も最初そう思ってたんです。

でも実際にやってみたら、プロンプト1個と、ファイルのドラッグ&ドロップだけで終わりました。
所要時間は15分くらい。

その根拠を、これから実演形式で見せていきますね😊

2. なぜClaude Codeじゃなくて、claude.ai(チャット)なのか

リベシティのノウハウ図書館に、Luna@Claude×個別伴走支援さんのめっちゃ丁寧な記事があるんですね👇

📖 【🔰初心者】ドラッグ&ドロップだけでホームページを公開できるCloudflare Pages入門

これを読んで「めっちゃ初心者向けで丁寧なわかりやすい記事だな」って思ったんですよね。

続きは、リベシティにログインしてからお読みください

ノウハウ図書館でできること
  • すべての記事の閲覧

  • ブックマーク

  • いいね・レビュー

  • 記事の投稿※応援会員(有料)のみ

  • ポイントの獲得※応援会員(有料)のみ

※会員登録には、新入生会員(初月30日無料)と応援会員(有料)があります

応援会員制度とは?
さらに!
  • リベシティの他の機能やサービスもご利用いただけます詳しく見る

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

会員ID:BcyIJW6q

投稿者情報

会員ID:BcyIJW6q

イルカ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(0

まだレビューはありません