Astroブログでループ動画を一時停止可能にする — WCAG 2.2.2でGIFを、iOSのハードウェア非対応でVP9を退けた
GIFには一時停止APIがなく、WCAG 2.2.2で不適合になった。VP9より大きいMP4を選んだのはiOSにVP9のハードウェアデコーダーがないため。エンコード手順とガード、テストの記録。
Web API
Service Worker が記事一覧を1回分古いまま返していた — 一覧だけネットワークを先に見る
Astro の Service Worker がすべてのナビゲーションをキャッシュ優先で返していたため、新着記事が1回分遅れて出ていました。一覧ページはネットワークを先に見るようにしています。
Astroブログで読んだ記事をオフラインでも開けるようにする — Service Worker、ページ50件の上限、TTLなし
計測がAstroブログのService Workerの設計を決めました。11.7MBのHTMLではなく287KBを事前キャッシュし、ページは50件で上限、有効期限は設けません。
Pagefind の Enter をキャプチャフェーズで止めて日本語検索を直す — isComposing だけでは足りない理由
IME の変換中に Pagefind がページ遷移していました。isComposing は必要ですが十分ではありません。WebKit は keydown より先に compositionend を発火します。
Astroの図版を自分のサイズで描かせ、タップで拡大できるようにする — 固有幅・ネイティブダイアログ・@2x
Astroでwidth:100%が256pxのスクリーンショットをぼかしていた理由と、ネイティブダイアログでスマートフォンでも図版が読めるようになるまで。設計を正したのは7つの計測でした。
HTTP QUERYメソッド（RFC 10008）をPythonで実装して、GET・POSTとの違いを体感してみた
RFC 10008のHTTP QUERYをPythonとStarletteで実装。構造化ボディを持ちながら安全・冪等・キャッシュ可能なリクエスト、そのエラーハンドリング、キャッシュ、GraphQLとの補完関係を解説します。