【脱テンプレ】GPT×Claudeで作るHP。オリジナル素材で一歩先のデザインへ

ホームページを自分で作りたいけど、プロに頼むと高すぎるし、自分で作るのは難しそう…と悩んでいませんか。実は、最新のAIツールを組み合わせれば、誰でもプロ並みのホームページを作れる時代が来ています。障害福祉の現場で管理者として働く4児のパパの私ですが、日々の業務効率化や新しい挑戦のためにAIをフル活用しています。この記事では、ChatGPTでデザインを生成し、Claude CodeとClaude Designを使ってホームページを作る具体的な手順を大公開します。私のリアルな失敗例とその対策も包み隠さずお伝えするので、あなたも迷わずに高品質なサイトを自作できるようになりますよ。AIツールを掛け合わせることで、外注費をかけずに自分らしい素敵なホームページを完成させましょう。

はじめに：AIを使えばWeb制作の常識が変わる

今回ホームページを作成するために使用したメインツールは以下の3つです。

・ChatGPT（全体のデザイン案と、サイトに使う画像素材の作成）

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

＼初月30日間無料／ リベシティで会員登録をする ログインする

ノウハウ図書館でできること

• すべての記事の閲覧

• ブックマーク

• いいね・レビュー

• 記事の投稿※応援会員（有料）のみ

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

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

応援会員制度とは？

さらに！

• リベシティの他の機能やサービスもご利用いただけます（詳しく見る）