- 投稿日:2026/02/09
- 更新日:2026/02/09
この記事は約4分で読めます
要約
Claude codeで30分でサイトを作る方法を解説します!
昨日、つぶやきでこんな投稿をしたところ、想像以上に反響がありました。
「作ってみたいけど、サイト制作って難しそう…」
そう思っている人ほど、今回のやり方はいいのではと個人的に思っています。
この記事では、Claudeでサイトを作り、必要最低限の作業で公開まで持っていく流れを、テンプレとプロンプト付きで解説します。
こんな感じのサイトが作れます。(文言はほとんど作っていません。)


先に結論:やることは4ステップだけ
① テンプレに「作りたいサイト像」を埋める
② そのままClaudeに投げる(プロンプト付き)
③ 「HTML / Code」を開いて出来栄え確認
④ 追加チャットで改善 → 必要なら公開へ
※公開はNetlifyなど別ツールを使います(無料でOK)
手順①:まずテンプレを埋める(ここが9割)
下記を埋めるだけで、Claudeの出力が一気に良くなります。
テンプレ(コピペ用)
サイトを作る目的:
どういう人に見てもらいたいか:
続きは、リベシティにログインしてからお読みください