AIエージェントとポッドキャストサイトを作った
自分の音声配信番組「からあげ帝国放送局」のWebサイトを、作成して公開しました。
きっかけ
ポッドキャストは今年（2026年）の1月から始めて、Spotify/Apple Podcasts/LISTENで配信しています。朝の散歩中に収録するスタイルで、技術・ビジネス・日々の雑談をゆるく話しています。意外に高い頻度で更新できていて、もう38回分更新されています。
そんな中「ポッドキャスト研究室」という配信で、公式ウェブサイトをつくるとよいみたいな話があって、ポッドキャストつながりのしぶちょーさんも「ものづくりnoラジオ」のいい感じの公式サイトを公開していたので、自分も作りたくなって思わず作ってしまいました。
AIアシスタント（borot）と作った流れ
ただ、作ろうとして意外に今どきのWebサイトの作り方が分からないという問題に直面しました。ブログは、はてなブログとかnoteとかプラットフォームにお任せでしたし、それ以前の知識は、プロバイダのサーバにFFFTPでメモ帳で編集したHTMLをアップロードするという、もはや古代の魔術のような知識しかありません。
というわけで、AIアシスタントのborotと一緒に作りました。AIアシスタントについては、以下の本を参照してください（さりげない宣伝）。
お風呂でのバイブコーディングで大体作りました。流れはこんな感じです。
- 「ポッドキャストのサイト作りたい」とborotに相談 → 技術選定（Astro + Cloudflare Pages）を提案してもらう
- Astroプロジェクトの構築 → RSSフィードからエピソードを自動取得する仕組みを実装
- デザイン調整 → ダークネイビー基調のデザインに。色が暗すぎたので明るく調整
- Cloudflare Pagesにデプロイ → GitHubリポジトリと連携して自動デプロイ
- GitHub Actionsで定期再ビルド設定 → 新エピソード配信時に自動反映
特に良かったのは、RSSフィードからの自動取得の仕組みです。Spotify for Podcastersで新しいエピソードを配信すると、RSSフィードが更新されて、GitHub Actionsの定期ビルド（1日2回）でサイトに自動反映されます。手動で更新する必要は無いらしいです。
具体的なやり取りです。しぶちょーさんにTTP（徹底的にパクれ）という教えをうけたので、TTPしました。
技術スタック
使った技術はシンプルです。
- Astro — 静的サイトジェネレーター。ビルド時にRSSフィードを取得してHTMLを生成
- Cloudflare Pages — ホスティング。GitHubと連携して自動デプロイ。無料枠もあり。GitHubと連携可能
- GitHub Actions — 定期ビルド（毎日8時と14時）でエピソードを自動更新
今回初めてCloudflare Pagesを使いましたが、なかなか良かったです。特に無料枠でできるのがビックリしました。無知でしたね…他Vercelとかでも同じようなことができるらしいです。
まとめ
AIアシスタントと一緒に音声配信のWebサイトを作りました。Astro + Cloudflare Pagesで、RSSフィードからエピソードを自動取得・自動更新する仕組みです。サイトは以下です。
よかったら、音声配信「からあげ帝国放送局」を聞いてみてください。
