プリミティブな写真をプレースホルダー画像に使う の続き。

「プリミティブな写真」について書いていく。
順序が逆になってしまった感がある。

要するに高画質な写真を元に作った幾何学的な模様のこと。
primitiveという素晴らしいGO製ライブラリを使うことで誰でも簡単にプリミティブな写真を手に入れることができる。
https://github.com/fogleman/primitive

このサイトで表示しているものは「最大100個の重なり合う三角形」という設定で生成されている。
とにかく軽量で、かつベクター画像なのでサイズも安定している。プレースホルダー画像として最適なフォーマットだと思う。
サイズは1つで大体8KBだが、SVGの最適化を噛ませばさらに小さくできるはず。

ちなみにMac向けのネイティブアプリケーションも提供されているらしいので、環境がない人はこちらで遊ぶと良いかも。

ブログを改修して、一風変わったプレースホルダー画像が表示されるようにした。
プレースホルダー画像というのは、サイト上の画像が読み込まれる前に先んじて表示される仮画像のこと (正式な名称が分からない……)

画像読み込み時、データ的に軽量な「プリミティブ北杜市の夏」写真が表示される。
読み込みが終わったら正式な「北杜市の夏」写真が表示される、という流れ。

Next.jsの画像最適化が優秀なせいで読み込みがすぐ終わり、ちょっとしか拝めないのが残念なので、何度でも拝めるgifを用意しておいた。

転職から3ヶ月が経ち、晴れて試用期間が終了した。
まあ特に感慨があった訳でもなく、気づけば過ぎていたという感じ。
ともあれ、有給が付与されたので、早速ひとつ使って冬の富士山を見に行ってきた。

まず自覚からしていこう、という気持ち

いや〜師走師走。
最近の年末年始は配信イベントが目白押しで忙しいですわ〜。

もはや説明不要なまでに恒例で盛り上がっているRTA in Japanに加えて、今年は獣道とかTOPANGAコンセプトマッチとか色々あってもう脳が処理しきれません。

でも頑張る。

最近、自家製のぬか漬けにハマっている。
食卓に美味しい漬物が一品並ぶようになると、食の豊かさが一段あがったように感じる。
ぬか床というと面倒そうなイメージがあるが、以下の3点のコツを抑えれば非常にお手軽にぬか漬けを楽しむことができる。