※このコラムはドラフトです。事実関係や言い回しを確認の上、公開してください。
Senses Circuitは2001年から続けている個人サイトですが、2026年に、長年動かしていたWordPressから、Astroという新しい仕組みへ土台からまるごと作り直しました。今回はその話を書いてみようと思います。
きっかけ
長く運営していると、どうしても「今のやり方だから仕方ない」で放置してきた部分が積み重なります。ページの表示速度、スマホでの見え方、タグや検索の使い勝手…直したい所は山ほどあるのに、WordPressの構造にずっと手を入れ続けるより、いっそ作り直した方が早いのでは、と思うようになりました。
とはいえ、ゼロから何千ページもある音源素材サイトを一人で作り直すのは現実的ではありません。そこで今回、AI(Claude)と一緒に、設計から実装まで二人三脚で進めることにしました。
どうやって進めたか
やり方はシンプルで、思いついたこと・気になったことをその都度AIに伝え、一緒に方針を決めて、実装してもらう。それを毎回docs/design.mdという1つのファイルに「何を・なぜ・どう決めたか」を書き残しながら進めました。セッション(会話)は一区切りごとに終わってしまいますが、このファイルが「これまでの経緯」を次のセッションに引き継いでくれる、いわば設計図であり議事録でした。
実際にやってみて感じたのは、AIは指示された通りに作るだけでなく、「これは実機で確認しましたか」「この文言は本当に正しいですか」と聞き返してくることが度々あった、ということです。もちろん最初から完璧だったわけではなく、こちらが気づいて指摘したことも数え切れないほどありますが、指摘したことは仕組みとして再発しないように直してくれる、というやり取りを繰り返しながら形にしていきました。
今回のリニューアルで変わったこと
細かい部分まで挙げるとキリがないので、大きいところだけ。
- WordPressからAstro(静的サイト)へ全面移行。表示速度が大きく改善
- BGM・効果音・ボイス・歌ものの一覧、タグ・カテゴリからの絞り込みを作り直し
- 常駐のYouTubeミニプレイヤーで、ページを移動しても再生が途切れない試聴体験に
- 複数の曲を比較試聴できる「BGM試着室」を新設
- お気に入り・ランキングなど、素材を探す上での便利機能を追加
- 英語版ページの整備(以前は日本語版だけでした)
- 声優のボイスオーダー(オーダーメイド収録)受付ページを新設
まだ手を付けたいところは残っていますが、一区切りついたので記録として書いておきます。何か気になる点、不具合等あればお問い合わせからお知らせください。