最新
変更履歴- avifencで画像を一括でAVIFに変換する
jpg/jpeg/png を再帰的に走査して avifenc で .avif に変換する Bash スニペット。
- Biome の npm-scripts 設定
Biome 導入時に設定する npm-scripts の定番パターン。lint と format を check コマンドで実行する。
- ビルド時メッセージIDハッシュストア
ビルド時にメッセージIDとコンテキストをハッシュ化して短縮・正規化するTypeScript関数。翻訳キーに文字種制限があるプラットフォームで役立つ。
- キャッシュファースト+ライブフェッチ オーケストレーションパターン
キャッシュからの高速パスとリモートからの低速パスを組み合わせたオーケストレーション。キャッシュヒット・ミス・レイテンシ・最終結果をメトリクスとして計測し、副作用は外部に委譲する。
- ネイティブUI要素をクローンしてスタイルを継承する
ホストアプリの既存ボタンをcloneNodeで複製し、アイコンとテキストだけ置き換えることで視覚的一貫性を維持する軽量パターン。難読化CSSと戦わない。
- CloudFormation テンプレートから parameter.json を生成する
aws cloudformation validate-template と jq を組み合わせて、環境変数を反映した parameters.json を自動生成するスニペット。
- CSS href 属性セレクタの使い方
a 要素の href 属性に対して前方一致・後方一致・部分一致などの属性セレクタを使う CSS スニペット。
- dataset で冪等な DOM オブザーバーのセットアップ
data属性を使ってMutationObserverの重複登録を防ぐシンプルなパターン。グローバルレジストリ不要で移植性が高い。
- 動的インポートのキャッシュ実装
TypeScriptでdynamic importをキャッシュする軽量実装。同じパスへの複数回のインポートを1回のPromiseで処理する。
hsb.horse