Teruhiro Komaki

個人ブログをBloggerで再開します

ここ最近、私の周りでは note を始める人が多いように感じます。

しかし、私は個人ブログを Blogger で再開します。

今まで、個人ブログではWordPress.orgやGatsbyやHugoを使ってきました。しかし、どれも構築すること自体を楽しんでいたためか、構築してから継続して記事を書くことができていませんでした。

ブログを始めた頃とは違い、家族ができて子供も生まれたことから、日々の出来事や考えをアウトプットしていきたいと思うようになりました。

なぜ、Bloggerを使うことにしたのか?という点を忘れないようにメモしておきます。

ブログサービスに求める要件

上記にも記載の通り、ブログ自体のメンテナンスをしたくないのでWordPress.orgや静的サイトを生成するツール類は除外することにしました。

具体的には、以下の点を検討しました。

検討事項

  • 無料で運営できること
  • 広告が勝手に入らないこと
  • Google Search Consoleが設定できること
  • Googleアナリティクスが設定できること
  • Google AdSenseが設定できること
  • 長期的にメンテナンスが不要なこと

また、以下の点は気にしないことにしました。

  • SEO
  • Lighthouse(ライトハウス)によるパフォーマンス
  • テーマやテンプレートの豊富さ
  • Markdownで記事を書けること

検討したブログサービス

色々と検討しましたが、上記の要件をクリアするものは、Bloggerのみということになりました。

  • Blogger
  • Zenn
  • Qiita
  • Medium
  • Bear Blog
  • WordPress.com
  • WordPress.org
  • note
  • はてなブログ
  • SSG (Hugo, Next.js, Gatsby) + GitHub Pages

個人的にはBear Blogが使いたかったのですが、コードを修正できないので、残念ながら選択肢から外れました。

今回は、技術以外のことも書きたいと考えているので、技術系のブログサービスの選択肢が減っていき、最終的に残ったBloggerを選択することにしました。

Bloggerを使ってみての感想

テンプレートを探してみましたが、シンプルなテンプレートが少なかったです。

少し検索すると、海外のテンプレートサイトが出てきますが、どれもCSS周りで日本語を考慮されていないため、しっくりくるテンプレートが見つかりませんでした。

やはり、Bloggerのテンプレートは日本の方が作成したものを使うのが良いと思います。

とはいえ、テンプレートをいろいろ探していたら、装飾のないシンプルなテンプレートを見つけました。

How to Design a Custom Blogger (BlogSpot) Template

Bear Blogに近い感じで、大変気に入っています。 素晴らしいテンプレートを公開していただき、ありがとうございます。

このテンプレートに日本語を考慮して、若干CSSを修正しました。

CSSのMinifyには、以下のコマンドを利用しました。

clean-css/clean-css-cli: The command line interface to clean-css CSS optimizer

以下のようなコマンドを実行すればOKです。

npm install clean-css-cli -g
cleancss -o one.min.css one.css

CSSをWebStormで編集しているため、コピーした後、以下のコマンドでクリップボードに貼り付けて確認しました。

pbpaste | cleancss | vim -

これからもよろしくお願いします。