Travel Journalを、Claudeと作り直した

HPのリニューアルもいよいよ終盤。これまで長年、Ameba Owndを使ってHPの案内ページなどを作成してきました。ですが最近は、ClaudeがWebページまで作れる時代です。もはや特定のプラットフォームに依存することなく、「こんな感じで作って」と具体的なイメージや内容を渡すだけで、デザインまで一瞬で生成してくれます。

残るは「Travel Journal」のページだけでした。ここには写真も記事へのリンクもたくさん詰まっており、どうClaudeに依頼したらいいものかと迷っていたこともあって、優先順位を一番低くし、最後に回していたページです。

試しに元のページリンクをポンと送ってみると、Claudeはあっさりと「作成できます」と答えるではありませんか。考えてみれば、ブラウザ上でソースコードを見ることもできれば、リンクひとつで構造を読み取ってデザインを組み立てることだってできるのでした。

必要な素材を渡すと、あっという間にページが完成。ただ、最初はどこかClaudeらしい“無難でキレイめ”な仕上がりだったので、「雑誌の旅特集みたいなフォントを使って」とリクエストを追加してみると、一気にグッと良い雰囲気に仕上がりました。

仕上げに、元のページにあった18枚の写真（すべて自身で撮影したもの）をコピペして丸ごと渡すと、それぞれの旅の表紙画像として綺麗に配置完了。

思いのほかあっけなく、リニューアルが完了してしまいました。思わずClaudeに「すごい！！！」と伝えると、AIなのに嬉しそうでした。(笑)

▶ こちらがリニューアルしたTravel Journalのページです

ページを作りすぎたことでのメニューバーの渋滞問題も解決させ、これにて約９か月間に及ぶ大リニューアル完成となりました。