生成AIでWebサイトをリニューアルしてみる〜自分のサイトのURLをClaudeに掘り込んで、 HTMLでホームページを作ってもらう
法人サイトの方をリニューアル
このWebサイトはずっとWordpressで運営しており、投稿で２０００件以上発信しているので、作り直すのはちょっと怖い。
ということで、自分の会社の方のホームページをリニューアルしてみます。こちらは基本情報くらいで、ブログも殆ど書いていないからです。
AIにお願いした内容
次のホームページをHTMLでリニューアルしてください。 https://ngy.biz/
社長ブログは現状のRSS取得を継続してください。
法人ブログは MicroCMSで新しくつくります。
問い合わせフォームは Formspress でつくります。
Faviconを作って。 Nをもとに作って。
オレンジ色を基調として、ブログ以外のページを作り直してください。
頼んだ結果
上記のプロンプトだけで生成を始めました。実際は、Webサイトリニューアルの進め方を出力してもらって、内容を確認しましたが、特に変更せず生成しました。ザーッと内容をとってきて生成してくれました。
生成後の設定
Microcmsでヘッダレスブログ導入
MicrosoftはヘッダーレスCMSでブログだけ作成できます。作成したブログをAPIでHTMLのWebサイトに表示します。とりあえず３つブログを作りました。
もともと法人の方のブログは、セミナの告知とかだけで記事っぽいのはほとんど無いので移行しませんでした。
また、個人ブログの方で書いている記事をRSSで表示していたので、社長ブログは同じくRSSで表示しました。
問い合わせフォームをFormspreeで設定
次に問い合わせフォームはFormspreeです。フォームのIDを取得して設定するくらいですね。
ちゃんと生成時にマニュアル作ってくれているのがいいですね。
完成したWebサイト
ということで完成しました。あっさりすぎる。ページの文章がある程度勝手に追記されているのでちょっと調整していこうと思います。
ちょっと数字とかアピールされてなんか、嫌なので、これは後で調整だなあ。
しかし雰囲気のリニューアルはすぐできちゃいますね。もちろん色々細部に拘ると調整が増えるでしょうが。
また写真とかイラストをもうちょっと用意していくことになりそうですね。
さて、このサイトで正式リリースしようか、どうしようか。
そんなところで。
