静的サイト技術の検証ノート

画像最適化パイプラインを静的サイトに組み込みながらビルド時間と画質のバランスを実測で見極めるまでの長い記録

全記事にカバー画像を置くと決めた日から、ビルドは目に見えて遅くなった。変換幅の間引き・フォーマット選定・キャッシュの三手で、画質を落とさず時間を半分に戻すまでの実測記録。

2026年7月1日約1分

静的サイトの Cache-Control をどう決めるか。ハッシュ付きアセットは immutable、HTML は短命＋再検証という二層の基本形を整理する。

2026年6月28日約1分

axe 系の自動検査で拾えるのは全体の三〜五割と言われる。それでも CI に入れる価値がある理由と、誤検知と付き合う運用の工夫。

2026年6月24日約1分

サイト構築の最初期に 404 を作っておくと、リンク切れの発見が早くなり、デザインシステムの最小検証にもなる。小さな習慣の話。

2026年6月21日約1分

技術記事で脚注が本当に必要になる場面は少ない。本文に入れるべきもの・リンクで済むもの・脚注に残すものの線引きを考える。

2026年6月18日約1分

本文内の画像がゼロ枚のまま記事だけが増えていた。横長・縦長・小型・透過・連続配置・リスト内・キャプション二案・表二種を一本に全部詰め込み、最適化と寸法属性、ダーク背景での見え方を配信 HTML で確かめる実験ノート。

2026年7月4日約3分

Pagefind で日本語をどこまで引けるか。活用形と複合語を題材に、素朴な単語検索の限界を見る。

2026年6月17日約2分

依存インストールが CI 時間の大半を占めていたので、ロックファイルをキーにした層別キャッシュへ組み替えた。before/after の実測付き。

2026年6月15日約1分

Coockar

URL 設計・対訳リンク・hreflang をどう組むか。ネイティブ i18n だけで二言語を運用する。

2026年6月14日約1分

Coockar

@layer を使い始めて最初に踏んだ誤解。レイヤー外のスタイルが常に勝つ規則と、フレームワークのレイヤー構成を読む習慣について。

2026年6月12日約1分

Coockar

静的サイトジェネレータに Astro を選び、最小構成からブログを組み立てた記録。

2026年6月10日約1分