logo hsb.horse
avatar

ブログ / スニペット / ツール

馬じぇべ

[ba.dʑe.be]

東京で活動するソフトウェアエンジニア。

ブログ 62 スニペット 37 ツール 19
  1. スニペット
    avifencで画像を一括でAVIFに変換する

    jpg/jpeg/png を再帰的に走査して avifenc で .avif に変換する Bash スニペット。

  2. スニペット
    Biome の npm-scripts 設定

    Biome 導入時に設定する npm-scripts の定番パターン。lint と format を check コマンドで実行する。

  3. スニペット
    ビルド時メッセージIDハッシュストア

    ビルド時にメッセージIDとコンテキストをハッシュ化して短縮・正規化するTypeScript関数。翻訳キーに文字種制限があるプラットフォームで役立つ。

  4. スニペット
    キャッシュファースト+ライブフェッチ オーケストレーションパターン

    キャッシュからの高速パスとリモートからの低速パスを組み合わせたオーケストレーション。キャッシュヒット・ミス・レイテンシ・最終結果をメトリクスとして計測し、副作用は外部に委譲する。

  5. スニペット
    ネイティブUI要素をクローンしてスタイルを継承する

    ホストアプリの既存ボタンをcloneNodeで複製し、アイコンとテキストだけ置き換えることで視覚的一貫性を維持する軽量パターン。難読化CSSと戦わない。

  6. スニペット
    CloudFormation テンプレートから parameter.json を生成する

    aws cloudformation validate-template と jq を組み合わせて、環境変数を反映した parameters.json を自動生成するスニペット。

  7. スニペット
    CSS href 属性セレクタの使い方

    a 要素の href 属性に対して前方一致・後方一致・部分一致などの属性セレクタを使う CSS スニペット。

  8. スニペット
    dataset で冪等な DOM オブザーバーのセットアップ

    data属性を使ってMutationObserverの重複登録を防ぐシンプルなパターン。グローバルレジストリ不要で移植性が高い。

  9. スニペット
    動的インポートのキャッシュ実装

    TypeScriptでdynamic importをキャッシュする軽量実装。同じパスへの複数回のインポートを1回のPromiseで処理する。

タグ

タグ