さようならWordPress。Astro + Keystatic + Cloudflare構成へ移行して、運用コストを完全に¥0にした話

前書き

ブログの維持管理しんどすぎない？

ブログの維持管理しんどすぎません？記事を書こうとするたびに以下のがチラつくのです。

• サーバーリソース管理
• ソフトウェアバージョン管理
• ストレージ管理
• 脆弱性対応
• コスト管理

ただ暇な時にペロって記事を書きたいだけなのに毎回こんなこと気にするの辛くないですか？
もっと簡単シンプルスーパーローコストでブログを運営したいです。令和になって何年経ってると思ってるんですか！

やめようWordPress：移行を決めた理由

WordPressで運用してきたこのサイトですが、以下の点で課題を感じていました。

• パフォーマンスの低下: サイトの表示速度が遅く、記事の更新作業も非常にストレス。
• メンテナンスコスト: サーバーやPHP、プラグインの定期的なアップデート管理が手間。
• 金銭的コスト: サーバー維持費など、ドメイン代以外のランニングコストが発生。
• 開発体験: WordPressは便利だが、正直使い勝手がよくない。

諸悪の根源はWordPressです。重いし、メンテナンスコストかかるし、お金もそこそこかかります。

やめよう。WordPress。サーバーレスにして、運用の手間とコストから解放されよう。

この記事では、WordPressで運用していたこのブログを

Astro + Keystatic + Cloudflare構成へ移行し、

• 運用コスト：¥0（ドメイン代のみ）
• サーバー管理：完全不要
• PC・スマホ両方で記事編集可能
• 高速かつ安定した配信

を実現した「執筆にだけ集中できる環境」を構築した方法を紹介します。

新構成導入への道

何はともあれ要件定義

新しいシステムを開発する上で大切なのはやっぱり要件定義ですよね。

私がブログ運営で重視しているポイントは以下です。

• 🖊️記事の執筆に集中したい。
• 📱PCだけでなくモバイルでも記事編集したい。
• ⚙️メンテナンスコストは最小にしたい。
• 💸お金はかけたくない。※重要

検討の結果、これらすべての要件を満たす構成がAstro + Keystatic + Cloudflare構成でした。

新構成のコンセプト

今回のコンセプトを一言で言うと「スーパーローコスト運営」です

要件にマッチし採用した製品(技術)と選定した理由を以下にまとめてみます。

※ 🖊️執筆性 / 📱モバイル対応 / ⚙️メンテナンス性 / 💸コスト

新旧構成とメリット・デメリット比較

移行前後の構成は以下のように変化しました。

WordPress中心のサーバー構成から、完全にサーバーレスな構成へ移行しています。

メリット・デメリットもまとめてみます。

この構成により、

• サーバー管理は不要
• 記事はブラウザから簡単に編集可能
• 画像管理も自動化
• しかも運用コストはほぼゼロ

という、「執筆にだけ集中できる環境」を完全に実現できました。

実際の運用コスト

Cloudflare Pages、R2、GitHubは無料枠で十分運用可能なため、

現在の運用コストはドメイン代のみ（約¥1,500 / 年）です。

WordPress運用時に発生していたサーバー費用は完全にゼロになりました。

移行のプロセス

詳細は省きますがおおまかに以下のプロセスでWordPressからの移行を進めました。

詰まったところは各種AIちゃんに手伝ってもらいました。ありがとうチャッピーにGeminiちゃん。

1. データの移行

WordPressの記事データはXMLエクスポートし、スクリプトを書いてMarkdownファイルに変換しました。
画像データはGoogle Cloud Storage (GCS) にホストしていたものをCloudflareR2へ全て移行しました。

移行スクリプトはAIたちが作ってくれました。ここは一瞬。

2. デザインとコンポーネント設計

ここが一番苦労したポイントです。
Astroは拡張性が高い分、全てを自分で用意しなければなりません。
既存のデザインを踏襲しつつ、よりシンプルで読みやすいUIを目指しました。

• Header/Footer: 共通コンポーネント化
• PostCard: 記事一覧での表示用コンポーネント
• AuthorBox: プロフィール表示用（トップページと記事下でバリエーションを作成）

記事編集画面ではWordPressで頻用していた以下の機能を実装しました。

• ProductLink: アフィリエイトリンクをカード形式で表示 (Rinkerもどき)
• BlogCard: 内外リンクをカード形式で表示
• R2Image: 記事編集画面からR2へ画像を直接アップロード

これらの機能のおかげで執筆体験・サイトデザインともに満足いく仕上がりとなりました。

3. Adminページの改善

Keystaticは非常にシンプルで優れたCMSですが、そのままの管理画面は最低限の機能のみで、記事数が増えてくると少し使いづらいと感じました。

特に以下の点が気になりました：

• 記事の検索がしづらい
• 下書き・公開状態の判別が分かりにくい
• ソートやフィルタ機能がない
• 一覧性があまり高くない

そこで、AstroとGitHubのデータを直接読み込む独自のAdminページを実装し、管理画面の改善を行いました。

※補足：独自Adminは「記事の一覧・検索・状態把握」を快適にするためのUIです。本文編集はKeystaticの編集画面をそのまま利用しています（一覧は快適に、編集は既存を活かす方針）。

主な改善内容：

• 記事タイトルでの検索機能
• 公開日でのソート機能
• 下書き・公開状態の視覚的な区別
• より一覧性の高いレイアウト
• 公開ページとは異なることが視覚的にわかるようダークテーマ化

これにより、WordPressと同等、もしくはそれ以上に快適な記事管理が可能になりました。

また、管理画面はCloudflare Accessで保護し、自分以外はアクセスできないようにしています。

4. パフォーマンスと安定性

新旧サイトでパフォーマンス測定をしてみました。

新サイト

旧サイト

Topページでは差はありませんでしたが、記事ページでは大きくパフォーマンスが改善していることがわかります。

これは、Topページでは移行前から画像最適化やキャッシュ設定を行っており、
すでに十分高速な状態だったためと考えられます。

しかし、実際の運用体験は大きく改善しました。

• サーバー負荷によるページ読み込みエラーが完全に解消
• 管理画面や記事編集のレスポンスが高速化
• サイト表示が常に安定

特に、CloudflareのCDNにより、サーバー性能に依存しない安定した配信が可能になりました。

数値以上に、「安定性」と「運用体験」が大きく向上しています。

今までサーバースペックのせいでページ読み込みエラーになってしまっていましたが、もうそんなしょうもないエラーは出ません。
全てのページ・機能が非常に高速かつ安定して動作するようになりました。

今回の移行で得られた最大のメリットは、単なるパフォーマンス向上だけでなく、

「サーバー状態に依存しない、完全に安定したブログ運用環境」

を実現できたことです。ほんとよかった。

この構成が向いている人

個人ブログの運営で私と同じような悩みを抱えている人は結構いるのではないかなと思っています。

以下に当てはまる人には特におすすめです：

• WordPressのメンテナンスに疲れている人
• ブログ運用コストをゼロにしたい人
• 表示速度を改善したい人
• Markdownで記事を書きたい人
• 技術的な自由度を重視したい人

メンテとお金から解放されて一緒にウハウハしましょう。

まとめ

WordPressからAstro構成へ移行したことで、

• 運用コスト：ほぼゼロ
• メンテナンス：不要
• 表示速度：大幅改善
• 執筆体験：向上

という理想的なブログ環境を実現できました。

「ブログを書くこと」に集中したい人には、非常におすすめの構成です。

Astro + Keystatic + Cloudflare構成は、個人ブログの新しいスタンダードになり得る非常に優れた構成だと感じています。

同じようにWordPressの運用コストやメンテナンスに悩んでいる方の参考になれば幸いです。

今回の技術スタック（すべて無料で利用可能）：

以下を利用しています。公式サイトおよび導入手順へのリンクです。

• Astro（Documentation）
• Keystatic（Documentation）
• Cloudflare Pages（Documentation）
• Cloudflare R2（Documentation）
• GitHub（Documentation）