Coockar

記事一覧

  • 画像と表を本文に流し込み、静的サイトの配信実挙動を確かめる

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

    約3分

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

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

    約1分

  • CDN のキャッシュヘッダ設計

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

    約1分

  • アクセシビリティ検査を CI に組み込む

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

    約1分

  • 404 ページを先に作る

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

    約1分

  • Markdown の脚注をどこまで使うか

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

    約1分

  • 日本語の全文検索の感触をたしかめる

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

    約2分

  • CI のビルドキャッシュを見直す

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

    約1分

  • 多言語サイトの設計メモ

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

    約1分

  • CSS カスケードレイヤーで詰まった話

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

    約1分