diff --git a/pages/blog/2024/01/blanktar-renewal.md b/pages/blog/2024/01/blanktar-renewal.md
new file mode 100644
index 00000000..012ab95f
--- /dev/null
+++ b/pages/blog/2024/01/blanktar-renewal.md
@@ -0,0 +1,188 @@
+---
+title: Blanktarのリニューアル 〜 Next.jsをやめてGo製のサイトジェネレータにした話
+pubtime: 2024-01-06T17:44:00+09:00
+tags: [Blanktar.jp]
+description: 2024年1月1日に行なったBlanktarのリニューアルに関するまとめです。あえてモダン技術を捨てて更なる速度の追求を行なっています。
+---
+
+今年の1月1日に合わせてこのWebサイトのリニューアルを行ないました。
+新しいサイトの特徴や、今回のリニューアルで行なった工夫をまとめてみます。
+
+<div style="display: flex">
+  <figure style="margin: 0 12px">
+    <img alt="リニューアル前のスクリーンショット。印刷物のマーカーとして使う「トンボ」のようなデザインが特徴になっている。" src="/blog/2024/01/blanktar-renewal/before-screenshot.jpg" width="1280" height="1024" style="display: block">
+    <caption>Before</caption>
+  </figure>
+  <figure style="margin: 0 12px">
+    <img alt="リニューアル後のスクリーンショット。「トンボ」風のデザインをやめて、全体的にシンプルでスタイリッシュな印象に調整した。" src="/blog/2024/01/blanktar-renewal/after-screenshot.jpg" width="1280" height="1024" style="display: block">
+    <caption>After</caption>
+  </figure>
+</div>
+
+左が旧デザインで、右が新デザインです。どちらもライトテーマとダークテーマがあるので両方表示してあります。
+基本的な路線は同じですが、読み易さを追求して更にシンプルにしてみました。
+
+
+# 動機
+
+[2020年のリニューアル](/blog/2020/05/blanktar-renewal)以降Next.jsを使ったサイトとして運用していたのですが、以下のような理由から新たに作り直すことにしました。
+
+## Node, React, Next.js, etc... の更新についていくのがしんどかった。
+
+様々なライブラリに依存させてしまった結果、半年〜1年ほど放置するとビルドもままならなくなるほどになっていました。
+特にReactとNext.jsのコンビがつらかった気がします。
+
+新しい記事を投稿するたびに「まずはビルドエラーを解消しなきゃ……」となるのはつらいので、依存関係の更新に強い技術スタックで作り直すことにしました。
+
+## もっと速くできる気がした。
+
+このサイトを始めた当初からの目標として、「ユーザにロード時間を認識させない」というものがあります。
+具体的には、初回閲覧時の表示を大体1秒以内に収めて、CLS(Cumulative Layout Shift)もなるべく0にすることを目指しています。
+
+以前のサイトもかなりチューニングして目標を達成していましたが、巨大なフレームワークに遮蔽されてしまう部分が多く改善に限界を感じていました。
+Next.js自体もかなり高速化に寄与してくれましたが、それでも見えづらいものをチューニングするのは難しいものです。
+
+自分で制御できる部分を増やしてチューニングしやすくするべく、フレームワークを使わずに自作することにしました。
+また、表示に関わるJavaScriptを全て廃止することでシンプルに分かりやすくしてあります。
+
+## 式年遷宮したかった。
+
+それはそれとして、定期的にスクラップ アンド ビルドするの楽しくないですか？
+
+
+# 構造と特徴
+
+基本的な構造は[以前のもの](/blog/2020/05/blanktar-renewal#%E6%8A%80%E8%A1%93%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF)と似ていて、Markdownで書いた記事をCI/CDでビルドするようにしてあります。
+記事とビルドツールはすべて1つのリポジトリ([macrat/blanktar](https://github.com/macrat/blanktar))に入れてあります。
+
+ビルドツールはGo言語による自作で、記事の生成だけでなく、OGP画像の生成や画像のリサイズ機能、更には準ライブプレビュー機能などなどを詰め込んであります。
+
+デプロイ先は引き続き[Vercel](https://vercel.com)にしています。
+Next.jsをやめたことで選択肢は広がっていたのですが、デプロイの手軽さやDNS機能の使いやすさから選びました。
+
+
+# やったこと
+
+## Exif情報を使った写真ページ
+
+新しい[写真ページ](https://blanktar.jp/photos)は、Gitの所定のブランチに配置した写真を読み取って自動生成するようにしてあります。
+このとき、Exif情報を読み取ることで様々な情報を出せるようにしてあります。
+（といっても、現段階ではまだあまり表示していません。そのうち増やす予定です）
+
+![写真一覧ページのスクリーンショット。日付別のサムネイルが並んでいる。](/blog/2024/01/blanktar-renewal/photos-screenshot.jpg "640x360")
+
+Exif情報は[dsprea/go-exif](https://github.com/dsoprea/go-exif)を使って読み取っており、標準の[imageパッケージ](https://pkg.go.dev/image)を使って自動リサイズなどに対応させています。
+ちょっとした作り込みですが、かなり投稿が楽になるので気に入っています。
+
+
+## GitHub Actionsに特化したビルドキャッシュ
+
+初期のバージョンでは、GitHub Actionsでビルドすると5〜6分掛かっていました。
+記事を上げて間違いに気付いて修正して……とやるには少し長すぎる時間です。
+
+ビルド時間の大半は画像の生成が占めていたので、一度生成した画像はキャッシュするようにしました。
+
+![画像ビルドの流れ。キャッシュディレクトリにキャッシュがあればそれをコピーして使用日時を更新する。キャッシュが見つからなければ新たに生成して、キャッシュディレクトリと出力先ディレクトリの両方に保存する。最後にしばらく使っていないキャッシュを消して終了。](/blog/2024/01/blanktar-renewal/image-building-flow.svg "601x689")
+<!--
+flowchart
+  ビルド開始 --&gt; start[/画像の枚数分繰り返し\]
+  
+    subgraph " "
+    start --&gt; ソース画像を読み取る --&gt; 生成すべきファイル名やハッシュを計算 --&gt; check{"キャッシュ\nがある？"}
+    check --&gt;|yes| 画像を生成 --&gt; キャッシュディレクトリに保存 --&gt; done
+    画像を生成 --&gt; 出力先ディレクトリに保存 --&gt; done
+    check --&gt;|no| copy["キャッシュディレクトリから\n出力先ディレクトリにコピー"] --&gt; キャッシュの使用日時を更新 --&gt; done
+    end
+
+  done[\繰り返し終わり/] --&gt; しばらく使っていないキャッシュを削除 --&gt; ビルド終了
+-->
+
+[actions/cache](https://github.com/actions/cache)で扱いやすいように、全てのキャッシュは専用のディレクトリに保存するようにして、ビルド後に使わないキャッシュを消すようにしてあります。
+こうしておくと、キャッシュの肥大化を避けつつ、一度生成した画像はそのまま使い回すことができます。
+
+GitHub Actionsに特化した……と書きましたが、それ以外のCI/CDでも使えるかもしれません。
+
+
+# やめたこと
+
+- **AMP**
+
+  前回のリニューアルでAMP (Accelerated Mobile Pages)に対応させましたが、今回はAMP対応を行ないませんでした。
+
+  Google検索の優遇措置が終了したことと、AMP対応をしても高速化できていなかったことが理由です。
+  十分にチューニングした普通のHTMLであれば、AMPを圧倒することができるようです。
+
+- **ServiceWorker**
+
+  こちらも前回高速化のために導入しましたが、新しいサイトの設計思想には似わないと判断したため削除しました。
+
+  旧サイトはReactを使用していたので沢山のアセットを使用していましたが、今回の新サイトは1ページが1ファイルだけで完結するようにしてあります。
+  するとキャッシュが効く要素が無いので、ServiceWorkerを挟む分だけ遅くなってしまうのです。
+
+  オフラインで閲覧できる機能だけは生きることになりますが、そんな需要は無いだろうと判断しました。
+
+- **GitHub/Instagram連携**
+
+  GitHubやInstagramの活動を自動的に集計する機能を持たせていましたが、デザインやコンテンツの変更に伴なって廃止しました。
+  [worksページ](https://blanktar.jp/works)や[photosページ](https://blanktar.jp/photos)はもう少しブラッシュアップするつもりです。……やる気が足りれば。
+
+- **Google Analytics**
+
+  それほどアクセスログを見ていなかったので、思い切って今回から廃止しました。
+  Cookie無添加のクリーンな（？）サイトになりました。
+
+
+# ベンチマーク
+
+Next.jsをやめて完全に静的なサイトにした結果、以下のような高速化を実現することができました。
+
+テスト対象のページ: [自作Webアプリをmailto:とかtel:のURLに紐付ける - Blanktar](/blog/2022/01/register-protocol-handler)
+
+|                          |  Before |  After |
+|--------------------------|--------:|-------:|
+| First Content Paint      |   456ms |  331ms |
+| Largest Contentful Paint |   861ms |  423ms |
+| Cumulative Layout Shift  |   0.005 |      0 |
+| Total Blocking Time      |   114ms |      0 |
+| Speed Index              |   483ms |  310ms |
+| Total Time               |  2.844s | 0.383s |
+| Page Weight              | 1,034KB |   28KB |
+
+※ テストは[WebPageTest](https://webpagetest.org/)を使用して1度だけ行ないました。かなり簡易的な参考値です。
+
+まだ細かいチューンングをする前ですが、それでもかなりの高速化ができたようです。
+
+<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(506px, 1fr)); grid-gap: 1em">
+<div>
+
+## Before
+
+リニューアル前はReactやWebフォントなどを利用していたことにより、かなり多数のリクエストが発生していました。
+
+特にWebフォントはなんとか高速に取得させる工夫をしていましたが、それでも時間が掛かってしまっていることがグラフから伺えます。
+
+[![リニューアル以前のウォーターフォールグラフ。全て合せると68のリクエストが発生している。半分ちょっとが内部リクエストで、残りがWebフォントの取得などに費やされている。](/blog/2024/01/blanktar-renewal/before-waterfall.png "506x700")](https://blanktar.jp/blog/2024/01/blanktar-renewal/before-waterfall.png)
+<!-- https://www.webpagetest.org/result/240105_BiDcYJ_AQ9/1/details/ -->
+
+</div>
+<div>
+
+## After
+
+1ファイルに全てをまとめたことで、圧倒的にリクエスト数が減りました。（当然のことではありますが…。）
+
+グラフを見るに、画像などのアセットはpreloadで高速化する余地がありそうですね。
+
+[![リニューアル後のウォーターフォールグラフ。3つのリクエストだけで完了している。1つめはHTMLの取得で、他に画像の取得が1回とfaviconの取得が1回行なわれている。](/blog/2024/01/blanktar-renewal/after-waterfall.png "506x147")](https://blanktar.jp/blog/2024/01/blanktar-renewal/after-waterfall.png)
+<!-- https://www.webpagetest.org/result/240105_AiDc5Y_BGP/1/details/ -->
+
+</div>
+</div>
+
+
+# リニューアルを終えて
+
+Next.jsをやめてGo製の静的な仕組みに変えた結果、長期的なメンテナンス性と高速さを得ることができました。
+一方で最終的な成果物と直接関係のないコード量は増えてしまっていますが、運用の手間が下がったことを考えれば悪くないトレードオフでしょう。
+
+静的サイトジェネレータというのはよく出来ているものだなと感じられるプロジェクトになりました。自分で作るのはとても大変なので、JekyllとかHugoとか使うと良いと思います。再発明好きの方は是非どうぞ。楽しいですよ。
diff --git a/pages/blog/2024/01/blanktar-renewal/after-screenshot.jpg b/pages/blog/2024/01/blanktar-renewal/after-screenshot.jpg
new file mode 100644
index 00000000..83138aeb
Binary files /dev/null and b/pages/blog/2024/01/blanktar-renewal/after-screenshot.jpg differ
diff --git a/pages/blog/2024/01/blanktar-renewal/after-waterfall.png b/pages/blog/2024/01/blanktar-renewal/after-waterfall.png
new file mode 100644
index 00000000..7fc7fefa
Binary files /dev/null and b/pages/blog/2024/01/blanktar-renewal/after-waterfall.png differ
diff --git a/pages/blog/2024/01/blanktar-renewal/before-screenshot.jpg b/pages/blog/2024/01/blanktar-renewal/before-screenshot.jpg
new file mode 100644
index 00000000..fc7fdfb0
Binary files /dev/null and b/pages/blog/2024/01/blanktar-renewal/before-screenshot.jpg differ
diff --git a/pages/blog/2024/01/blanktar-renewal/before-waterfall.png b/pages/blog/2024/01/blanktar-renewal/before-waterfall.png
new file mode 100644
index 00000000..7d31e87a
Binary files /dev/null and b/pages/blog/2024/01/blanktar-renewal/before-waterfall.png differ
diff --git a/pages/blog/2024/01/blanktar-renewal/image-building-flow.svg b/pages/blog/2024/01/blanktar-renewal/image-building-flow.svg
new file mode 100644
index 00000000..a6603e36
--- /dev/null
+++ b/pages/blog/2024/01/blanktar-renewal/image-building-flow.svg
@@ -0,0 +1 @@
+<svg id="mermaid-svg" width="100%" xmlns="http://www.w3.org/2000/svg" style="max-width: 901.96875px;" viewBox="-8 -8 901.96875 1033.875" role="graphics-document document" aria-roledescription="flowchart-v2" xmlns:xlink="http://www.w3.org/1999/xlink"><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:2px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span,#mermaid-svg p{color:#333;}#mermaid-svg .label text,#mermaid-svg span,#mermaid-svg p{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .flowchart-label text{text-anchor:middle;}#mermaid-svg .node .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span,#mermaid-svg p{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="mermaid-svg_flowchart-pointEnd" class="marker flowchart" viewBox="0 0 10 10" refX="6" refY="5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-svg_flowchart-pointStart" class="marker flowchart" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-svg_flowchart-circleEnd" class="marker flowchart" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="mermaid-svg_flowchart-circleStart" class="marker flowchart" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="mermaid-svg_flowchart-crossEnd" class="marker cross flowchart" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-svg_flowchart-crossStart" class="marker cross flowchart" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><g class="root"><g class="clusters"><g class="cluster default flowchart-label" id="subGraph0"><rect style="" rx="0" ry="0" x="0" y="86" width="885.96875" height="759.875"></rect><g class="cluster-label" transform="translate(442.984375, 86)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel"></span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M444.938,36L444.938,40.167C444.938,44.333,444.938,52.667,444.938,61C444.938,69.333,444.938,77.667,445.004,85.2C445.07,92.734,445.202,99.467,445.268,102.834L445.334,106.201" id="L-ビルド開始-start-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-ビルド開始 LE-start" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M445.438,147.5L445.354,151.583C445.271,155.667,445.104,163.833,445.021,171.2C444.938,178.567,444.938,185.133,444.938,188.417L444.938,191.7" id="L-start-ソース画像を読み取る-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-start LE-ソース画像を読み取る" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M444.938,233L444.938,237.167C444.938,241.333,444.938,249.667,444.938,257.117C444.938,264.567,444.938,271.133,444.938,274.417L444.938,277.7" id="L-ソース画像を読み取る-生成すべきファイル名やハッシュを計算-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-ソース画像を読み取る LE-生成すべきファイル名やハッシュを計算" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M444.938,319L444.938,323.167C444.938,327.333,444.938,335.667,445.004,343.2C445.07,350.734,445.202,357.467,445.268,360.834L445.334,364.201" id="L-生成すべきファイル名やハッシュを計算-check-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-生成すべきファイル名やハッシュを計算 LE-check" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M403.459,481.397L388.07,494.06C372.681,506.723,341.903,532.049,326.514,551.329C311.125,570.608,311.125,583.842,311.125,590.458L311.125,597.075" id="L-check-画像を生成-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-check LE-画像を生成" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M264.6,638.375L249.308,644.292C234.015,650.208,203.429,662.042,188.137,671.242C172.844,680.442,172.844,687.008,172.844,690.292L172.844,693.575" id="L-画像を生成-キャッシュディレクトリに保存-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-画像を生成 LE-キャッシュディレクトリに保存" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M172.844,734.875L172.844,739.042C172.844,743.208,172.844,751.542,205.995,760.931C239.147,770.321,305.449,780.767,338.601,785.99L371.752,791.213" id="L-キャッシュディレクトリに保存-done-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-キャッシュディレクトリに保存 LE-done" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M357.65,638.375L372.942,644.292C388.235,650.208,418.821,662.042,434.113,671.242C449.406,680.442,449.406,687.008,449.406,690.292L449.406,693.575" id="L-画像を生成-出力先ディレクトリに保存-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-画像を生成 LE-出力先ディレクトリに保存" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M449.406,734.875L449.406,739.042C449.406,743.208,449.406,751.542,449.472,759.075C449.538,766.609,449.67,773.342,449.736,776.709L449.802,780.076" id="L-出力先ディレクトリに保存-done-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-出力先ディレクトリに保存 LE-done" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M500.02,468.792L536.189,483.556C572.357,498.32,644.694,527.847,680.863,547.478C717.031,567.108,717.031,576.842,717.031,581.708L717.031,586.575" id="L-check-copy-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-check LE-copy" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M717.031,648.875L717.031,653.042C717.031,657.208,717.031,665.542,717.031,672.992C717.031,680.442,717.031,687.008,717.031,690.292L717.031,693.575" id="L-copy-キャッシュの使用日時を更新-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-copy LE-キャッシュの使用日時を更新" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M717.031,734.875L717.031,739.042C717.031,743.208,717.031,751.542,685.57,760.857C654.108,770.173,591.185,780.472,559.723,785.621L528.261,790.77" id="L-キャッシュの使用日時を更新-done-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-キャッシュの使用日時を更新 LE-done" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M449.906,821.375L449.823,825.458C449.74,829.542,449.573,837.708,449.49,845.958C449.406,854.208,449.406,862.542,449.406,869.992C449.406,877.442,449.406,884.008,449.406,887.292L449.406,890.575" id="L-done-しばらく使っていないキャッシュを削除-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-done LE-しばらく使っていないキャッシュを削除" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M449.406,931.875L449.406,936.042C449.406,940.208,449.406,948.542,449.406,955.992C449.406,963.442,449.406,970.008,449.406,973.292L449.406,976.575" id="L-しばらく使っていないキャッシュを削除-ビルド終了-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-しばらく使っていないキャッシュを削除 LE-ビルド終了" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(311.125, 557.375)"><g class="label" transform="translate(-11.546875, -9.5)"><foreignObject width="23.09375" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">yes</span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(717.03125, 557.375)"><g class="label" transform="translate(-8.6640625, -9.5)"><foreignObject width="17.328125" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">no</span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default default flowchart-label" id="flowchart-check-5" transform="translate(444.9375, 445.9375)"><polygon points="76.9375,0 153.875,-76.9375 76.9375,-153.875 0,-76.9375" class="label-container" transform="translate(-76.9375,76.9375)" style=""></polygon><g class="label" style="" transform="translate(-40.9375, -21)"><rect></rect><foreignObject width="81.875" height="42"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">キャッシュ<br/>がある？</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-生成すべきファイル名やハッシュを計算-4" transform="translate(444.9375, 301)"><rect class="basic label-container" style="" rx="0" ry="0" x="-153.9375" y="-18" width="307.875" height="36"></rect><g class="label" style="" transform="translate(-146.4375, -10.5)"><rect></rect><foreignObject width="292.875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">生成すべきファイル名やハッシュを計算</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-ソース画像を読み取る-3" transform="translate(444.9375, 215)"><rect class="basic label-container" style="" rx="0" ry="0" x="-88.4375" y="-18" width="176.875" height="36"></rect><g class="label" style="" transform="translate(-80.9375, -10.5)"><rect></rect><foreignObject width="161.875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">ソース画像を読み取る</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-start-1" transform="translate(444.9375, 129)"><polygon points="-12,0 188.125,0 170.125,-36 6,-36" class="label-container" transform="translate(-88.0625,18)" style=""></polygon><g class="label" style="" transform="translate(-80.5625, -10.5)"><rect></rect><foreignObject width="161.125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">画像の枚数分繰り返し</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-done-9" transform="translate(449.40625, 802.875)"><polygon points="6,0 122.5,0 140.5,-36 -12,-36" class="label-container" transform="translate(-64.25,18)" style=""></polygon><g class="label" style="" transform="translate(-56.75, -10.5)"><rect></rect><foreignObject width="113.5" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">繰り返し終わり</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-キャッシュディレクトリに保存-8" transform="translate(172.84375, 716.875)"><rect class="basic label-container" style="" rx="0" ry="0" x="-121.75" y="-18" width="243.5" height="36"></rect><g class="label" style="" transform="translate(-114.25, -10.5)"><rect></rect><foreignObject width="228.5" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">キャッシュディレクトリに保存</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-画像を生成-7" transform="translate(311.125, 620.375)"><rect class="basic label-container" style="" rx="0" ry="0" x="-47.6875" y="-18" width="95.375" height="36"></rect><g class="label" style="" transform="translate(-40.1875, -10.5)"><rect></rect><foreignObject width="80.375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">画像を生成</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-出力先ディレクトリに保存-11" transform="translate(449.40625, 716.875)"><rect class="basic label-container" style="" rx="0" ry="0" x="-104.8125" y="-18" width="209.625" height="36"></rect><g class="label" style="" transform="translate(-97.3125, -10.5)"><rect></rect><foreignObject width="194.625" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">出力先ディレクトリに保存</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-キャッシュの使用日時を更新-15" transform="translate(717.03125, 716.875)"><rect class="basic label-container" style="" rx="0" ry="0" x="-112.8125" y="-18" width="225.625" height="36"></rect><g class="label" style="" transform="translate(-105.3125, -10.5)"><rect></rect><foreignObject width="210.625" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">キャッシュの使用日時を更新</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-copy-14" transform="translate(717.03125, 620.375)"><rect class="basic label-container" style="" rx="0" ry="0" x="-113.9375" y="-28.5" width="227.875" height="57"></rect><g class="label" style="" transform="translate(-106.4375, -21)"><rect></rect><foreignObject width="212.875" height="42"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">キャッシュディレクトリから<br/>出力先ディレクトリにコピー</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-ビルド開始-0" transform="translate(444.9375, 18)"><rect class="basic label-container" style="" rx="0" ry="0" x="-48.0625" y="-18" width="96.125" height="36"></rect><g class="label" style="" transform="translate(-40.5625, -10.5)"><rect></rect><foreignObject width="81.125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">ビルド開始</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-しばらく使っていないキャッシュを削除-18" transform="translate(449.40625, 913.875)"><rect class="basic label-container" style="" rx="0" ry="0" x="-154.3125" y="-18" width="308.625" height="36"></rect><g class="label" style="" transform="translate(-146.8125, -10.5)"><rect></rect><foreignObject width="293.625" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">しばらく使っていないキャッシュを削除</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-ビルド終了-19" transform="translate(449.40625, 999.875)"><rect class="basic label-container" style="" rx="0" ry="0" x="-48.0625" y="-18" width="96.125" height="36"></rect><g class="label" style="" transform="translate(-40.5625, -10.5)"><rect></rect><foreignObject width="81.125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">ビルド終了</span></div></foreignObject></g></g></g></g></g><style>@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");</style></svg>
diff --git a/pages/blog/2024/01/blanktar-renewal/photos-screenshot.jpg b/pages/blog/2024/01/blanktar-renewal/photos-screenshot.jpg
new file mode 100644
index 00000000..5b9cdcea
Binary files /dev/null and b/pages/blog/2024/01/blanktar-renewal/photos-screenshot.jpg differ