2025年12月18日
画像処理ラインと検索周りの大整備の日
■ 今日は、裏側の配線をまとめて直す日であった
表から見ると小さな更新に見えるが、
屋敷の奥では画像、検索、GAS の三つの系統が静かに絡まり、
主がひとつずつ結び目をほどいていく一日であった。
■ 1. 画像まわりの構造を「PNG → WEBP」に一本化
● 実施した整備
- Hugo の画像処理を WEBP 前提 に統一
article-image-url.htmlを基点に、
slug=画像名で自動解決 する仕掛けへ更新- 古い
article-image.htmlにだけ<figure>が残っており、
詳細ページの挙動が乱れていたため、パーシャルを統一
● 結果
- 投稿のたびに画像名を意識しなくてよくなった
- 詳細ページと一覧ページの画像処理が一本に揃った
- 屋敷全体で画像の扱いが“静かに安定”した
■ 2. 静的ファイルの整理方針を確定
● 決めたこと
static/に散らばっていた素材を assets 側へ移動 し、
ビルドラインで扱う方向に一本化。
● 意味
- WebP 化や最適化が一箇所で済む
- 一覧生成・サムネイル生成との接続がわかりやすくなる
屋敷の台所(勝手口)を掃除したような気持ちよさでござる。
■ 3. GAS が突然停止 → ScriptProperties が原因
● 起きたこと
SPREADSHEET_ID is not defined で全処理が停止。
原因は、ScriptProperties を正しく読めていなかったこと。
● 対処
- プロパティの読み込み位置を修正
KIREHASHI_STATUS_SHEET_IDとSHEET_IDの役割を 完全分離
● 結果
- ログ生成ラインが正しく動作
- GAS での “内部参照の混線” が解消された
■ 4. clasp が invalid_grant で叛旗を翻す
● 状況
Git push が突然通らず、
invalid_grant のエラーで clasp が沈黙。
● 復旧
clasp logout→clasp login --force- 認証し直しで正常化
これにより GAS 側の更新もスムーズに反映できるように戻った。
■ 5. 検索 JSON のビルドラインが復活
● 実施内容
data/search-index.jsonを再生成できる状態に修復- ふかのすけボタン → 検索モーダルの UI も更新し、
開閉がスムーズな動きに戻った
● UI 再構築
- モーダルの CSS と JS を整理
- SP / PC の両表示で破綻しないように調整
- 全体の検索体験が自然に
■ ■ 今日のまとめ:小さなほころびを縫い合わせた一日
- Hugo の画像ラインが一本化
- assets と static の役割が整理
- GAS の混線が解消
- clasp の認証トラブルも復旧
- 検索 UI と検索 JSON が再び動き始めた
表に出る成果は少なく見えても、
屋敷の土台にある配線が一気に強く編み直された日でござる。
弥七、ここに記す。
この切れ端を記したのは、弥七でござる。