Gatsbyで構築した技術ブログ

技術ブログ(このブログ)を作りました.

Qiita とかに技術記事を投稿するのは気が引けちゃうタイプなので, 気軽に書きたいことを書いていこうかなーと思ってます.

使用している技術

その他, このブログを構築する上での知見は, こちらのエントリ に記事を書きました.

高速化のため、preact を使っています

ローカルで記事をかきたかった

元々書いていた技術ブログがありました

SSG の Hugo で構築していたんですが, ローカルの環境で自分の好きなエディタで記事を書ける感じがとても手軽で好きでした.

あとサーバー代がかからないのも 👍

この辺は引き継ぎたかったので, 似たような形でかける Gatsby.js で作りました.

こだわったこと

以前のブログは,

  • 記事検索ができないこと
  • 目次がない (ので自分で貼ってた 😭)
  • ⇑ を治そうにもカスタマイズがしにくい

とかとかに不満がありました.

Gatsby.js は, React がベースになっているのでカスタマイズ性が高くて, この辺を簡単に実装できました！

また, Gatsby と言えばビルドされたサイトのパフォーマスが高いことで有名だと思いますが, 実際相当高速化したので, とても満足しています 😍

score

これから

ひとまず完成はしましたが, 順次アップデートしていくつもりです.

以前のブログの機能面の不満をモチベーションに構築したので, 機能面は良い感じになりましたが, デザイン面が不満たらたらなので, 記事も書きつつデザインも考えつつって感じで運用していきます.