シルバーウィークを潰す

ちょっと大げさな見出しですが、2日ほど潰したかな。

以前、書いた Cloudflare Pages をときどき考える を実行するときが来たようです。

今回、Cloudflare Workers を利用することにしましたが、無料利用は 20,000ファイルまで という制限があります。

私のファイルがそれに近いため、全部入れるとすぐに上限に怯えることとなります。

そこで目を付けたのが Cloudflare R2です。
こちらは10GBの容量を使えて、月あたりの操作（リクエスト）が範囲内であれば無料です。
私のような個人サイトなら十分その範囲で運用可能。

ということで、更新を常々行っているいまのブログはCloudflare Workersに置き、更新しない過去のブログ（WordPress）と旧ホームページ（愛しのあの娘）をCloudflare R2に置くこととしました。

Cloudflare Workers

こちらは簡単でした。

  • アカウントを作る
  • ブログのリポジトリを複製して、Cloudflare Workers用に少し設定変更
  • GitHub Actionsも同様に変更

このくらいで終わりました。

現行のさくらサーバーと同様にGitHub上でHTML生成です。

Cloudflare R2

R2を利用するのにクレジットカードの登録が必須です。
無料でやるつもりでも、はみ出たら絶対に請求するからね！といういことらしい。

WordPressは動かない

これが一番面倒だった。

動的なWordPressはR2で動きません。
静的なデータに変換してあげる必要があります。

どうやってやるんだよ、というのは Simply Static – 静的サイトジェネレーター というプラグインを使えば解決します。

「そんな便利なものがあるのか、ラッキー」とお気楽に構えていたのですが、いざやってみると大いにハマりました。

Simply Static内の設定だけではなく、テンプレートを変更する必要があったり、一部プラグインを止めたり等々。

いったい何度エクスポート作業をしたことでしょう。 1回やるのに1時間強かかる・・・。

さらにエクスポート後も、そのデータについてあれこれと手を加えましたので、ここが一番の山場でしたね。

愛しのあの娘は静的ファイル

こちらは元々静的ファイルですから、R2に置くだけだったらとくに問題なし。

寄り道

寄り道のくせにここもけっこう頑張ってた。

リンク切れの対処

基本、ルートからの相対リンクが良さそうで、そうなっていないところを修正。
リンク切れについても対処。

Google PageSpeed Insights

Google PageSpeed Insights で、サイトの問題点をチェック。
ここで言われたものを直す作業にも時間をかけました。

Analytics用のタグに旧タイプが混ざっているので外すとか、スクリプトを読み込むタイミングの調整等々。

いまのサイトに潜む問題をできるだけスッキリさせました。 できる範囲で・・・

画像最適化

Google PageSpeed Insights にも関連しますが、カバー画像等でよく使う画像を最適化しました。
ファイルサイズだけではなく、見た目も揃うように大きさ（縦横）の調整も。

ここでは Google Flow と GIMP が活躍しました。

検索機能の追加

R2側を検索できるようにするため、検索機能を追加しました。
利用したのは FlexSearch です。
最初は Pagefind を試しましたが、日本語検索に難がありました。
Pagefindだと、6,000件を超えるファイルをWorkersに上げる必要があったので、制限を考えるとFlexSeachにして良かった。

このあと

しばらく忙しくなるので、10月末までに引っ越しできたらいいなと思っています。
細かいところも片付けながら、ぼちぼちと進めます。

追記 2026/09/29

勢いで最後までやっちゃった（笑）
🔗 ホームページのお引っ越し完了