もっと素敵に整えよう

こんにちは😊 前回は、Claude Codeにお願いして、ホームページの土台を作るところまで進めましたね。

今回は、そこからもう一歩進めていきます。今できているホームページを見て「もう少し色を変えたいな」「写真も入れてみたいな」と気になったところを、Claude Codeと一緒に直していきましょう。

基本はとてもシンプルです。見て、気になるところを伝えて、Claude Codeに直してもらう。今回も難しいコードを書く必要はありません✨

今日が終わるころには、「直し方が分からなくても、Claude Codeに相談すればいいんだ」と思えるようになっているはずです😊

前回作ったホームページをブラウザで開いて、「この色、もう少し変えたいな」と思ったとします。そんなときは、そのままClaude Codeに伝えて大丈夫です。

「色の名前が分からないとダメなのかな？」と思うかもしれませんが、大丈夫ですよ😊 こんな伝え方でもちゃんと伝わります。

余白や文字も同じです。「なんとなく窮屈に見えるな」というときも、専門的な言葉を知らなくて大丈夫。

文字も「見出しの文字をもう少し大きくして」「今より太くして、インパクトを出したい」という伝え方でOKです。私たちが覚えたいのは、コードではなく自分がどうしたいのかをClaude Codeに伝える方法です✨

画像が入ると、一気にホームページらしくなってきます😊 まずは画像を入れるための場所を用意しましょう。

画像をimagesフォルダに入れたら、あとはClaude Codeにお願いするだけです。自分でHTMLを書いて画像を入れる必要はありません。

ロゴも同じ要領で、「images/logo.pngをヘッダーの左側に表示して」とお願いすればOKです。画像をimagesフォルダに入れる → どこで使いたいか伝える。基本はこれだけです😊 ここでもコードは書いていません。

ホームページを作っていると「なんか違う気がする、でもどう直せばいいか分からない」ということが出てきます。これは全然おかしくありません😊 そんなときは、Claude Codeに相談してしまって大丈夫です。

Claude Codeは「言われたことを作ってくれる人」だけでなく、一緒に考えてくれる相談相手としても使えます。「配管工事会社なので、地域のお客さんに信頼してもらえるデザインにしたい」というように、目的まで伝えて相談するのもおすすめです。自分ひとりで全部決めなくていいんです✨

ホームページを良くしていく流れはシンプルです。見る → 気になるところを見つける → Claude Codeに相談する → また見る。この繰り返しです。一気に完成させなくて大丈夫、1回に1つか2つ直していけば十分です😊

Claude Codeは何度でも修正してくれるので、やろうと思えばずっと直し続けられます。でも完璧を目指しすぎると、なかなか完成しません。まずは70点くらいで先に進むという感覚で大丈夫です。

公開する前には、次のようなところを確認してみてください。