個人ブログを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 です。

1npm install clean-css-cli -g

1cleancss -o one.min.css one.css

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

1pbpaste | cleancss | vim -

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