2016 年 08 月からHugoで運用してきたブログをGatsbyに移行しました.移行に際しては以下の記事を大いに参考にしました.

動機

移行を決意した理由は一言でいうと「気分」です.前から気にはなっていた Gatsby について詳しく調べるうちに移行の機運が高まりました.Hugo に不満があったわけではありません.簡単に作れたし,記事を書くことに比べれば運用は簡単でした.

移行してよかったこと

Gatsby を学ぶことによる効能には密かに期待していました.移行してよかったことを挙げます.

Web アプリ開発のベストプラクティスが詰まっている

Gatsby のドキュメントを読むことで Web に関するベストプラクティスをキャッチアップできました.PWA 化,リソースの最適化,SEO などなど.実に多くの知識をアップデートする機会となりました.公式ドキュメントは丁寧に書かれているし Plugin も豊富で楽しいです.Gatsby は React を使いますが,React を知らなくても始められます.

GraphQL に触れることができた

最近の GraphQL の勢いは無視出来ません.Gatsby はコンテンツの取得に GraphQL を使用します.GraphiQLもデフォルトで利用できます.仕事の案件で GraphQL を採用する前に雰囲気を掴むのにはちょうどいい機会だったと思います.

移行にあたってのあれこれ

Netlify CMS を使わなかった

このブログは現在,GitHub Pages にホスティングしています.Gatsby のチュートリアルでNetlify CMSを試しました.かねてより CMS を使って楽をしたい気持ちがあったため採用を検討しました.しかし,記事のエディタが気に入らなかったため採用は見送りました.(カスタムドメインを設定していないためブログの URL が変わってしまうというのも理由の一つですが…)

Pagination と Tag

こちらをまるっと参考にしてとても簡単に実装出来た.

これからやりたいこと

  • アクセシビリティの対応
  • CSS で遊びたい
  • 画像,動画で遊びたい

参考