以前、WordPressでブログを書いていたことがあります。

次第に書く頻度が落ちてきて、サーバー代払うのがもったいなく感じるようになったのでやめてしまいました。

今回は、維持費を抑えてまた再開してみます！

構成要素

以前のブログでは、Xserverでドメイン＆サーバーを取って、WordPressを動かしていました。

今回の構成では以下を使用しました。

• Hugo（静的サイトジェネレーター）
• PaperMod（Hugoのテンプレート）
• CloudFlare Pages（ビルド＆ホスティング）
• Github（ソース管理）
• CloudFlare Register（ドメイン取得）

以下、それぞれの構成要素について詳述します。

Hugo

• 以前のWordPressではDBとPHPサーバーが必要となるので、ちょっとオーバースペック気味でした。今回は簡単に作りたい。
• 後述のCloudFlare Pagesで動かしたい。
• マークダウンで書けると嬉しい。

上記のような理由から適切な手段を探していたところ、静的サイトジェネレーターというものを見つけました。

マークダウンファイルから事前にHTML化しておいて、リクエストがきたらそのページを表示するだけ、という仕組みのようです。

WordPressのようにリクエストに応じてDBアクセスしてその場でページを作り上げる仕組みと違い、表示速度が速いようです。

シンプルで分かりやすくてよさそう！！

いくつかあるものから、Goでできていてビルド速度が速いと評判のHugoを使ってみることにしました。

Hugoではテンプレートが多数用意されているので、好きなものを選びます。

PaperMod

いくつもあるテンプレートの中から、PaperModというものを選んでみました。

このテンプレートの選んだポイントは以下の通りです。

• Githubのスター数を見て、人気が高めだった。
• Githubで最終更新日が新しめで、長く放置されていない。（人気があってもすでに公開停止されているものが結構あった）
• カテゴリー表示やタグ表示など、必要十分の機能を備えていた。（テンプレートによってはカテゴリー表示やタグ表示に対応していないものもあるようです）

CloudFlare Pages

こちらは既に個人開発のアプリで利用しており、簡単にデプロイできることが分かっているため是非使いたいということで採用しました。

無料枠の中で十分使用できています。

Github

こちらは定番。

CloudFlare PagesはGithubのリポジトリとブランチを選択するだけで、自動的にビルド＆デプロイができます。

また、ブランチに変更があったら自動的に最新化してくれるため、CI/CDを個別に書く必要なし！

ありがたすぎる。

CloudFlare Register

今回はここだけ課金してます。

最近、ドメイン代がどんどん高くなってますよね・・。

CloudFlare Registerではドメインを原価提供してくれているそうです。

他のドメイン管理サービスではキャンペーン価格で初年度無料などあるため単純に比較はできないのですが、長く運用するとしたらそんな大差ないだろうと、こちらを選びました。

サービスをまとめた方が運用がラクかなとも思いました。

お名前ドットコムでも別のドメイン持ってますが、正直、サイトが見づらくてあまり好きではないです。

最近の興味・関心

前からずっとやってみたかったこととして、個人開発にチャレンジしてみようと思ってます。

生成AIが登場し、個人での開発はだいぶハードルが下がってきた印象です。

加えて気軽に使えるBaaSなどお仕事の中で使う機会が増え、自信がついてきたというのもあります。

今年から業務の稼働時間を減らしたので、空いた時間でちょこちょこ開発していきたいと思います。

ライスワークとライフワーク、バランスよくいきたいですね。