AI 公開

WordPressからAstroへブログ移行|Claude Codeで自動化してセキュリティとサーバー代の悩みが消えた話

WordPressからAstroへブログ移行|Claude Codeで自動化してセキュリティとサーバー代の悩みが消えた話
目次
  1. WordPressをやめた3つの理由
  2. ① 更新が怖い
  3. ② WordPressのセキュリティが心配
  4. ③ ブログの運用をAIで自動化したかった
  5. なぜAstroでブログを作り直したのか
  6. ブログの仕組み
  7. WordPressからAstroへの移行の流れ
  8. AIと自分の役割分担
  9. Astroへ移行してみて
  10. よくある質問
  11. Q. エンジニアでなくてもできる?
  12. Q. 費用はいくらかかる?
  13. Q. 検索順位は落ちない?
  14. まとめ
Saha

お久しぶりです。Sahaです。
自分で記事を書くのは、実に5年ぶりになります。

Saha

久しぶりの投稿は…
7年続けたWordPress、やめましたという話です。

引っ越し先はAstro+Cloudflare Pages。運用はAIのClaude Codeに任せています。

セキュリティの不安は消えて、サーバー代は0円に。しかも移行はたった1日。Claude Codeと会話するだけで終わりました。

WordPressをやめた3つの理由

① 更新が怖い

WordPressもプラグインも、放っておくとどんどん古くなる。でも更新すると、デザインが崩れることがある。

実際、WordPressを7.1に上げたら崩れました(原因は2024年の古いキャッシュ)。更新のたびにドキドキしていました。

② WordPressのセキュリティが心配

情報流出のニュースに、AIを使ったハッキング。今の時代、WordPressはセキュリティの不安が大きすぎます。

本体・プラグイン・PHPを、ずっと最新にしておく必要がある。守るための手間がかかりすぎます。

③ ブログの運用をAIで自動化したかった

記事の中身を考えて書くのは、もちろん自分。でも、細かい運用・修正・アップデートはAIに任せたい。

その仕組みを作るなら、WordPressではない方法がいいと考えました。

なぜAstroでブログを作り直したのか

正直に言うと、Claude Codeに提案してもらいました。「AIで回すブログ」にするなら、これが一番合っていました。

ポイントは、記事もデザインも全部「ファイル」になること。

管理画面はありません。Claude Codeに「この記事を直して」と頼むと、記事のファイルを書き換えてくれます。デザインやリンクを全記事まとめて変えるのも一発です。

ページは先に作って置いておくだけ(静的化)。ログイン画面もデータベースもないので、セキュリティ的にも安心です。

もちろん、AIが勝手に公開することはありません。直したものは、まず確認用のページ(staging)で自分がチェック。OKを出してから本番に反映します。

ブログの仕組み

Before:WordPress+XserverAfter:Astro+Cloudflare Pages
ドメインお名前.comで取得お名前.comのまま
ネームサーバー(住所の案内役)お名前.comCloudflare
サーバーXserver(WordPressが動く)なし(Cloudflare Pagesが完成したページを配る)
記事の置き場所XserverのデータベースGitHub(ファイル)
書き方管理画面にログインして執筆・写真をアップロードClaude Codeに指示 → 確認用ページでチェック → OKなら自動で公開
守るための作業WordPress・プラグイン・PHPの更新ほぼなし

WordPressからAstroへの移行の流れ

  1. WordPressのデータを書き出す
  2. デザインのモックを作る:PCのトップと記事ページの2枚。旧sahalogのデザインを再現しつつ、アップデートもできるか試しました
  3. デザインを確定して、全80記事に反映
  4. 記事を整理:古い記事や販売終了の商品を見直して、44記事に(残りは301で転送)
  5. URLはそのままで公開。ネームサーバーをCloudflareへ
  6. GA4・Search Consoleを設定し直す

デザインは、Claude Codeと会話しながらすぐに完成。イメージどおりの仕上がりでした。

かかった時間は、移行そのものは1日。記事のブラッシュアップに、さらに2日ほどです。

Saha

WordPressからの引っ越しが、本当に1日。しかもClaude Codeと会話していただけ。めちゃくちゃ楽でした!

この記事をAIに渡せば、同じことができると思います!気になる方はぜひ!

AIと自分の役割分担

AI自分
80記事の変換・デザインの実装デザインのディレクション(レイアウト・細かい修正)
記事の転送設定・画像の説明文696件残す記事の判断
見出しや説明文の下書きチェックと体験談の共有

AIは速い。でも、全部は任せません。判断と体験は自分にしかできないし、そこは自分でやりたいところです。

Astroへ移行してみて

logくん

スマホからでも直せるの?

Saha

Claude Codeのアプリで指示するだけ。デザインも記事も直せます。最高!

logくん

全部の記事をまとめて直すのは?

Saha

気になる箇所の修正やリンクの差し替えも、全記事一発。もうWordPressの管理画面には戻れない…

logくん

文章は自分で直したいときもあるよね?

Saha

そのときはNotionに記事の構成を書いて、文言を直したらURLをClaude Codeに渡すだけ。そのとおりに直してくれます。

logくん

お問い合わせフォームみたいな動く機能は?

Saha

Googleフォームで用意したので大丈夫!

よくある質問

Q. エンジニアでなくてもできる?

できます。Sahaはコードを1行も書いていません。Claude Codeと会話しながら、判断とチェックをしただけです。

Q. 費用はいくらかかる?

サーバー代は0円です。かかるのは、ドメイン代とClaudeの料金だけです。

Q. 検索順位は落ちない?

記事のURLはそのままなので、検索の評価を引き継げます。整理して消した記事も、301で関連する記事やカテゴリに転送しています。

まとめ

WordPressからAstroへ移行して

  • セキュリティの不安が消えた:脆弱性が出るたびに、急いで更新しなくていい。これが一番大きい
  • サーバー代は0円:Xserverで年1万円ほどかかっていたのが0円に(ドメイン代とClaudeの料金は別)
  • AIと分担すれば、エンジニアでなくてもできる:スマホからでも、デザインも記事も直せる
Saha

昔はすごく時間がかかっていたことが、AIでこんなに簡単に。書くのも、運用・保守も。いい時代になりました。

Saha

これからも、AIでやっていることをちょくちょく発信していきます。よろしくお願いします!