自分でのブログの運用に疲れ、重要なのは中身だと、 はてなブログに移る人や Qiita をメインにしている人を最近多く見かけるが、 その流れに逆らってはてなブログから自前のブログに移ることにした。

はてなダイアリーから通算では10年間、はてなブログになってからは4年間お世話になりました。

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

  1. カスタマイズが大変
    • JavaScript, CSS は GitHub で管理していたが、 ローカルで build してはてなブログの Web UI にコピペというものすごい大変なことをしていた
    • 今は head 内で include できそうなのでもう少し楽かも
  2. カスタマイズのデバッグが大変
    • プレビューできないページのテストは工夫が必要
  3. カスタマイズしてもしばらく放置すると崩れている
    • HTML 構造が変わったせいなのか、使っていたテーマが変わったせいなのかはわからない
  4. ページの表示が遅い
    • 今計測したところ、記事ページが30Mbpsで4.5秒、1Mbpsで7.5秒かかった
  5. 独自ドメインを利用していると、はてなブログPro解約後にはてブの URL が変わってしまう

新ブログで実現したかったこと

  1. はてなブログ記事のインポートは不要
    • やめた理由 5 に書いたとおりはてブの URL は m4i.hatenablog.com のものになる。 分散を避けるため、過去記事は引き続きはてなブログ上で見れれば十分
  2. リダイレクトを使いたい
    • はてなブログ時代の記事の URL にアクセスされた時には、はてなブログにリダイレクトしたい
      • meta refresh でも実用上問題はなさそう
    • はてなブログでは /feed で Atom、/rss で RSS 2.0 が提供されているが、 Atom だけにしたいので、/rss は /feed にリダクレイトしたい
  3. ブラウザだけでも記事を書けるようにしたい
    • じっくり書くときはローカルで書いて git push も良いが、気軽に書けるようにもしたい
    • 特に誤字脱字などの修正でエディタと git を使うのは辛い
  4. 記事の URL は /title にしたい
    • /title.html, /title/ は嫌
  5. コメント機能はいらない
    • 将来のはてなブログ脱出に備えて Disqus を使ってたけど4年間で1コメントだし全く無駄だった
    • Twitter で十分では
  6. 予算ははてなブログPro(8,434円/年)と同程度

Jekyll + GitHub Pages を検討

最初のうちは、自分用のブログシステムでも作ろうかと考えていたが、 いつまで経っても作る気力は湧かず、その間にいくつもの記事のアイデアが流れていった。 このままではまずいので、まずは手軽に始めようと思い最初に浮かんだのが Jekyll + GitHub Pages だった。

実現したいこと 1, 5, 6 は問題なくクリア。

3. ブラウザだけでも記事を書けるようにしたい

GitHub はブラウザ上でプレビュー付きで Markdown ファイルの作成ができる。 作成すれば自動的に GitHub Pages にデプロイしてくれるらしいのでクリア。

4. 記事の URL は /title にしたい

タイミング良く Jekyll 3 から可能になったようだ。 しかし、github-pages の Jekyll はまだ 2.4.0 なので自分でデプロイしないといけなそう。

GitHub Pages は /title.html を置くと /title にアクセスして表示することができる。 一方で /feed.atom を置いて /feed でアクセスすることはできない。 /feed.xml で /feed はできるけど Content-type: text/xml になってしまう。

許容範囲内なので一応クリア。

2. リダイレクトを使いたい

GitHub Pages ではリダイレクトは使えない。 個別記事は meta refresh で良いけど /rss -> /feed は諦めるしか無い。

Jekyll + S3 + CircleCI を採用

実現したいこと 2, 4 を完全に解決するために S3 を使うことにした。 リダイレクトはもちろんできるし、Content-Type の設定も自在。

GitHub Pages に比べて劣る点は

というところ。

デプロイは CI に任せれば良いので CircleCI を使う。
circle.yml deploy script
数ある CI サービスの中から CircleCI を選んだのは、 Travis CI は開始まで待たされるイメージがある（過去の話？）、 CircleCI は使い慣れている、というだけ。

また有料といっても500アクセス/月しかないのでほぼ無料みたいなもの。 適当な計算によると10万アクセス/月でも $1 なので予算を超える可能性はなさそう。

そういうわけで、Jekyll + S3 + CircleCI でしばらくやっていこうと思う。