未ログイン状態で閲覧中
  • 投稿日:2026/04/12
  • 更新日:2026/04/12
Claude Codeに写真3枚渡したら、コード知識ゼロでも本格HPが1時間でできた

Claude Codeに写真3枚渡したら、コード知識ゼロでも本格HPが1時間でできた

  • -
  • -
会員ID:QwQkDDZr

会員ID:QwQkDDZr

この記事は約3分で読めます
要約
プログラミング知識ゼロでも、Claude Codeなら本格HPが作れました。素材は写真3枚だけ。時間は約1時間。費用は0円。飲食店HP制作の全過程をノウハウとしてまとめました💡

結論

Claude Codeに写真3枚とインスタURLを渡したら、本格的なホームページが1時間で完成しました。

🖼️ 完成したHPがこちら↓

スクリーンショット 2026-04-12 17.35.42.pngコーディング知識ゼロでも、伝えたいことさえあれば作れます。

これ、誰向けの話?

・自分や知人のお店のHPを作りたいけど業者に頼むほどでも…という人
・ノーコードツールを試したけどデザインが物足りなかった人
・Claude Codeが気になってるけど何から始めればいいかわからない人

ぜんぶ当てはまる人、最後まで読んでください😄

前提:どんなお店のHP?

今回作ったのは、家族経営のスリランカカレー店のホームページです。

お店の情報は…

・インスタアカウントのURL
・お店のロゴ画像(1枚)
・料理の写真(2枚)

これだけ。

住所も電話番号もメニュー価格も、最初はなし。
それでも「それっぽいHP」が爆速で完成しました。

実際にやったこと

① まずイメージを伝える

Claude Codeにこう入力しました。

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

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

  • ブックマーク

  • いいね・レビュー

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

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

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

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

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

会員ID:QwQkDDZr

投稿者情報

会員ID:QwQkDDZr

イルカ会員

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

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