未ログイン状態で閲覧中
  • 投稿日:2026/02/09
  • 更新日:2026/02/09
Claudeで30分でホームページ作成 → 公開までできた手順を全部見せます(無料でもOK)

Claudeで30分でホームページ作成 → 公開までできた手順を全部見せます(無料でもOK)

  • -
  • -
会員ID:4WxCCaM2

会員ID:4WxCCaM2

この記事は約4分で読めます
要約
Claude codeで30分でサイトを作る方法を解説します!

昨日、つぶやきでこんな投稿をしたところ、想像以上に反響がありました。

screenshot 2026-02-09 10.15.59.png「作ってみたいけど、サイト制作って難しそう…」
そう思っている人ほど、今回のやり方はいいのではと個人的に思っています。

この記事では、Claudeでサイトを作り、必要最低限の作業で公開まで持っていく流れを、テンプレとプロンプト付きで解説します。

こんな感じのサイトが作れます。(文言はほとんど作っていません。)

screenshot 2026-02-09 10.17.28.pngscreenshot 2026-02-09 10.17.58.pngscreenshot 2026-02-09 10.18.15.png先に結論:やることは4ステップだけ

① テンプレに「作りたいサイト像」を埋める

② そのままClaudeに投げる(プロンプト付き)

③ 「HTML / Code」を開いて出来栄え確認

④ 追加チャットで改善 → 必要なら公開へ

※公開はNetlifyなど別ツールを使います(無料でOK)

手順①:まずテンプレを埋める(ここが9割)

下記を埋めるだけで、Claudeの出力が一気に良くなります。

テンプレ(コピペ用)

サイトを作る目的:

どういう人に見てもらいたいか:

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

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

  • ブックマーク

  • いいね・レビュー

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

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

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

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

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

会員ID:4WxCCaM2

投稿者情報

会員ID:4WxCCaM2

イルカ会員

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

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