自作ブログを始めた


hello-world

きっかけ

X(旧Twitter)を見ていると自作ブログを始める人を見かけることが増えました。
以前から何度か作ろうと思ったことはありましたが、そのたびに面倒になって頓挫していました。
最近はClaude CodeやCodexによるVibe Codingのおかげで気軽に開発できるようになり、思い切って作ってみることにしました。
自己満のWebサービスを作って公開したことはありましたが、ブログを作ったのは初めてです。

ブログを作るにあたり、いくつか実現したいことがありました。

  • 記事はMarkdownで書きGitHubで管理できること
  • Zennやはてなブログの記事をRSSから取得して表示すること
  • ダークモード、ライトモードの切り替えができること
  • スマホでも見られること
  • OG画像が表示されること
  • ドメイン以外のランニングコストが0であること

実装

Claude Code を使って実装しました。
途中からはAgent Teamsも試してみました。トークンの消費が多くヘビーに使うことはできませんでしたが、感触は良かったので、仕事でもちょこちょこ活用していきたいです。

hello-world

最終的な構成は以下のようになりました。

  • Astro
    • Zenn, はてなブログのRSSをビルド時に取得
  • Cloudflare Pages でホスティング
    • もともと https://inari111.com をプロフィールページとしてホスティングしていたので、そのまま利用
    • mainブランチにマージしたらビルド開始

おわりに

既存のブログ記事を移行するつもりはありませんが、新しい記事はこのブログに書いていく予定です。
会社のテックブログは引き続きZennで書きます。

いい機会なので自作ブログには雑に記事を書いていこうと思います。

それではまた!