はてなブログからGatsby + Cloudflareに移行した

May 14, 2022

特にはてなブログを有効に運用できていたわけでもないのですが、この度ブログをGatsby + Cloudflareの構成に移行してみました。

はてなブログをやめた理由

  • 広告無し・カスタムドメイン運用するためには有料で使い続ける必要がある
  • デザインのカスタマイズに限界がある
  • Lighthouseのスコアが低い

Gatsby + Cloudflareにした理由

  • 広告無し・カスタムドメインを無料で運用できる
  • ある程度カスタムマイズの自由度が高い
  • Lighthouseのスコアが高い
  • 面倒くささも含めて環境を自分のコントロール下に置きたい

実際に移行してみてどうか

Lighthouseのスコア

まずわかりやすい点ではLighthouseのスコアがかなり上がりました。まあはてなブログが巨大なWebサービスなのに対して、Gatsbyは実質こじんまりとした静的サイトなのでそりゃそうかという感じではありますよね。

  • はてなブログのスコア

はてなブログのスコア

  • Gatsby + Cloudflareのスコア

Gatsbyのすこあ

記事の投稿しやすさ

これは圧倒的にはてなブログのほうが気軽に投稿でていたように思います。Gatsbyだとローカル環境で記事ファイルを作成、GitHubにPush、さらにビルドの待ち時間も発生します。今後記事数が増えた時にビルド時間がどうなるか気になりますね。

デザインについて

これは好みもあると思いますが、個人的には満足しています。今回は gatsby-starter-blog のテンプレートを使わせていただきました。かなりシンプルな見た目で気に入っています。また今後デザインをカスタムしたくなったときにもある程度自由度がありそうです。いつか記事一覧ページにサムネを表示できるようにしたい。


Profile picture

そこら辺にいるようなごくごく平凡なエンジニアです。ゲーム好き。

Twitter

© 2022 MorrisFreeman