このサイトについてのあれこれ
このサイトについてのあれこれについて書く。随時更新する。
このブログについて
このブログはsukiburo.jpの外局的位置付けにしている。
また、色々なこと(技術だったりデザインだったりSEOだったり)を実験する場として使っていく。いわばこのブログ自体が自分のアウトプットの成果物となっている。
作成背景
sukiburo.jpはWordpressを使っているが、不満が多い。
Wordpressが重い
画像にwebpを使うなどの工夫をしたが、改善するにも限界が見えてきた。
Wordpressの内部構造がわからない
自分の勉強不足もあるが、どうしても削除できないcss/javascriptがある。これらがサイト速度を遅めている。
Wordpressのカスタマイズが思ったよりできない
自分がphp嫌いなのもあるが、自分好みに改良できないところがもどかしい。
その点、Gatsby.jsを使ったブロブであれば、React・javascriptを使って自由にブログを書くことができる。
javascriptを勉強してみたかったのもあり、Gatsbyでブログを作ってみた。
技術的側面・デザインなど
このブログでは以下の技術・デザインを採用している。
- Gatsby.js(核心技術)
Cloudflare(DNS)Firebase(ホスティング)- Netlify(DNS/ホスティング)
Cloudinary(画像配信)- material design(デザイン)
ホストする場所はvercelにしようと思ったが、無料アカウントでは商用NGだ。
商用も視野に入れているので、勉強もかねてFirebaseを使ってみた。無料枠が大きいので嬉しい。
Netlifyに移転した。速度もFirebaseとほとんど変わらず満足している。
このブログの元になったGatsbyテーマはvercelで公開している。 Lighthouseでも高得点を出せている。実際に計測してみて欲しい。
ソースコードは然るときにMITライセンス下で公開したいと考えている。
おまけ: 画像サイズの縮小にはsquooshを使っている。普段使いもできるくらい優秀なので、ぜひ使ってみて欲しい。
今後について
今後はFirebaseのいろんなサービスを使っていきたいと思っている。