ClaudeでHP制作、コードが分からなくても完成させた話し

会員ID：cKtUnDzr

この記事は約6分で読めます

要約

コードが分からない立場でも、ChatGPTとClaudeを役割分担するとHP制作が進めやすかった流れをまとめました。

はじめに

「Claudeでホームページが作れる」と聞いても、最初に迷うのは、何をどう頼めばいいのかだと思います。

私自身、コードが分かるタイプではありません。HTMLやCSSを自分で組めるわけではないので、最初から全部を一人で作るのは難しい状態でした。だからこそ、今回やってみて助かったのは、考える役と作る役を分けたことでした。

進め方はシンプルで、
ChatGPTで整理する → Claudeで作る → ChatGPTで確認する
という流れです。

この記事では、ペライチから方針を変えて、Claude Codeでホームページを作った時の進め方を、できるだけ分かりやすくまとめます。

もともとは、ペライチでホームページを作っていました。

手軽に形にできるのは良かったのですが、サービス内容を整理していくうちに、「誰向けで、何が強みで、どう相談してほしいか」を思った通りに見せるには限界を感じるようになりました。テンプレートに合わせるほど、伝えたいことが少しずつ削られていく感覚がありました。

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

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

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

さらに！