This page looks best with JavaScript enabled

Welcome to my new blog !

 ·   ·  ☕ 2 min read

ご挨拶

こんにちは、@konnyaku256です。

このたび、新しくブログを開設してみました。
「こんにゃくの日記」という名前は、これまで投稿してきたMediumと同じですが、内容はより技術的になるよう心がけたいと思っています。

今後、新しい「こんにゃくの日記」とMediumを共存させるかどうかは検討中です。
しばらく運用してみて、よさそうだったらMediumから完全に移行したいと思っています。
その際は、公開済みのStoryはすべてMediumに残し、Publications(こちらがMedium上のこんにゃくの日記に相当)のみ削除するようにしたいと考えています。

Mediumはとても書き心地がよく、記事を書くときのストレスがほとんどないのが気に入っていましたが、コードブロックや数式の拡張性が低いのが惜しいところでした。
今回の刷新で、このあたりの不満が解消されることを期待しています。

こんにゃくの日記を支える技術

せっかくなので、簡単にこのブログの構成について紹介したいと思います。
リポジトリはこちらです。

このブログはGolang製の静的サイトジェネレータであるHugoを使って生成されています。
Hugoは

  • Markdownで記事を書ける
  • 高速ビルド
  • ハイパフォーマンス
  • 豊富なテーマ

が魅力です。

Lighthouseのスコア(特にチューニングしていなくても高いスコアが出ている)
Lighthouseのスコア

ホスティングにはNetlifyを使用しています。
GitHubにpushされたら自動でHugoのビルドが走ってホスティングされるようになっています。

それから、OGP画像の生成にCloudinaryを使用しています。
このサービスのAPIを使用して動的に記事タイトルを画像化しています。

親テーマ更新にともない、Cloudinaryの使用をやめました。

挿入するmetaタグの例

1
<meta property="og:image" content="https://res.cloudinary.com/dmv5vdi93/image/upload/l_text:Sawarabi%20Gothic_50_bold:{{ .Title }},co_rgb:424242,w_700,c_fit/v1579096957/background.png">

おわりに

ここまで読んでいただいてありがとうございます。
今後とも私とこのブログをよろしくお願いします。

Share on

konnyaku256
WRITTEN BY
konnyaku256
Software Engineer

Enable table of contents