サイトをちょっと刷新しました！

Montereyのサイトをちょっとアレンジ♪

まだ、この僕のブログである「Monterey」を見てくださってる方は極めて少ないかと思いますが、ちょっとサイトを刷新しました！

今まではいきなり、投稿一覧のページがあって、そこから各投稿の詳細へジャンプする仕組みだったのですが、今回「TOPページ」を追加しました！

MV（メインビジュアル）とABOUT（Montereyについて）部分を追加しております ^_^

どんな風にサイトを刷新したの？

今回のサイトの刷新については、僕はコーディングはほとんどやってないんです！

サイトを立ち上げたときも claude に基本的に全部構築してもらいましたw

今回はどんな手順で僕がこのサイトのページ追加をしたのかについて書き込んでいきたいと思います！

Figmaでページデザイン

まず、デザインツールのFigmaでサイトページのデザインを作成しました。

こんな感じで、ヘッダー、MV、ABOUT、投稿一覧、ボタンをどんな配置にするかを簡単に考えてFigmaで作成しました！

ABOUT部分をどんな感じにしようかをちょっと長めに考えていたのですが、、まだこのブログの中身が薄いので適当に雰囲気ある画像を設置しました。

PDFでエクスポートして claude code にパス

あとは、PDFでページを画像として書き出して claude code に「こんな感じでトップページを作って！」ってお願いして作りました！

多少Figmaで作ったデザインとは変わっているところがあるのですが、いい感じにして作ってくれました！

まとめ

今回は短い投稿にはなってしまったのですが、サイトを刷新しましたのご報告でした！

claude code はエンジニアでない方でも簡単にツールの作成ができるので非常におすすめです！

Thanks！