未ログイン状態で閲覧中
  • 投稿日:2026/04/22
  • 更新日:2026/04/24
クロコ(Claude Code)でHPを作って公開するまで ― サーバー代0円・プログラミング不要

クロコ(Claude Code)でHPを作って公開するまで ― サーバー代0円・プログラミング不要

会員ID:jfxyVMEw

会員ID:jfxyVMEw

この記事は約8分で読めます
要約
相棒の「クロコ」(Claude Code)と一緒に、自分のお店のHPを作ってGitHub・Cloudflare Pagesで公開するまでの記録です。 サーバー代0円・プログラミング不要。 もっと良い方法もあると思いますが、一例として参考になれば嬉しいです。

相棒の「クロコ」(Claude Code)と一緒に、自分のお店のHPを作って公開・運用するまでの記録です。プログラミング知識ゼロ・IT苦手でもHPが持てる時代の、実際にやった手順を共有します。

もっと良い方法もたくさんあると思いますが、一例として参考になれば嬉しいです。


4.24追記

念のため、GitHubは非公開設定でお願いします。クロコに伝えるとそのように設定してくれると思います。



この記事は誰向け?

・自分でお店や商売をしている人

・ITや英語が得意じゃない人

・「HPは欲しいけど業者に頼むとお金がかかるし、自分で作るのは大変…」と思っている人

・AIに任せて最短で公開したい人


HP公開・運用のサーバー代は0円です(GitHub・Cloudflare Pagesは無料枠で充分)。


※クロコ(Claude Code)を動かすには Claude のサブスク(Pro または Maxプラン)が必要です。すでに Claude を使っている人なら、HP関連で追加の月額コストはかかりません。

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

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

  • ブックマーク

  • いいね・レビュー

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

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

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

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

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

会員ID:jfxyVMEw

投稿者情報

会員ID:jfxyVMEw

トラ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(6
  • 会員ID:ZfvK50oP
    会員ID:ZfvK50oP
    2026/04/25

    参考になる記事をありがとうございます🥰💕 クロコと相談しながらステキなHPが出来上がっていってすごいと思いました😍💕

  • 会員ID:j1eKJrNr
    会員ID:j1eKJrNr
    2026/04/23

    はなこさん♡ とても読みやすく、有益な記事を投稿いただきありがとうございます✨ 【分からなくてもクロコちゃんにこう聞けばいいよ💡】 がまだクロコちゃんとお友達になれていない方にも安心感があり、チャレンジするきっかけになりますね! 実際に作成されたH.Pも優しく商品のイメージも伝わりやすい仕上がりに感動です♡ 沢山の方のチャレンジのきっかけにしていただきたいですね✨

    会員ID:jfxyVMEw

    投稿者

    2026/04/23

    わらふくさん🥰 レビューありがとうございます。 HPはクロコが簡単にステキに仕上げてくれました✨ どうしてもHP作成と公開がやってみたくて、商品ページから作っちゃいました🙇‍♀️ 誰かのきっかけになると嬉しいです^^

    会員ID:jfxyVMEw

    投稿者

  • 会員ID:fRvqXBkQ
    会員ID:fRvqXBkQ
    2026/04/23

    わかりやすい記事ありがとうございます。 こんなにおしゃれなウェブサイトがクロコさん1人で作れちゃうのですね。 やってみます☺️

    会員ID:jfxyVMEw

    投稿者

    2026/04/23

    レビューありがとうございます。 見つかってしまいましたね笑 クロコにHPを作って、公開までして欲しくて、つい^ ^ 少しでも参考になれば幸いです^ ^

    会員ID:jfxyVMEw

    投稿者