画像処理ラインと検索周りの大整備の日

■ 今日は、裏側の配線をまとめて直す日であった

表から見ると小さな更新に見えるが、
屋敷の奥では画像、検索、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_IDSHEET_ID の役割を 完全分離

● 結果

  • ログ生成ラインが正しく動作
  • GAS での “内部参照の混線” が解消された

■ 4. clasp が invalid_grant で叛旗を翻す

● 状況

Git push が突然通らず、
invalid_grant のエラーで clasp が沈黙。

● 復旧

  • clasp logoutclasp login --force
  • 認証し直しで正常化

これにより GAS 側の更新もスムーズに反映できるように戻った。


■ 5. 検索 JSON のビルドラインが復活

● 実施内容

  • data/search-index.json を再生成できる状態に修復
  • ふかのすけボタン → 検索モーダルの UI も更新し、
    開閉がスムーズな動きに戻った

● UI 再構築

  • モーダルの CSS と JS を整理
  • SP / PC の両表示で破綻しないように調整
  • 全体の検索体験が自然に

■ ■ 今日のまとめ:小さなほころびを縫い合わせた一日

  • Hugo の画像ラインが一本化
  • assets と static の役割が整理
  • GAS の混線が解消
  • clasp の認証トラブルも復旧
  • 検索 UI と検索 JSON が再び動き始めた

表に出る成果は少なく見えても、
屋敷の土台にある配線が一気に強く編み直された日でござる。

弥七、ここに記す。

弥七

この切れ端を記したのは、弥七でござる。