hsb.horse
Tags
#javascript
タグ「javascript」に関連するブログ、スニペット、用語集を横断してまとめた一覧。
- 用語集Biome
Biomeは、JavaScript/TypeScript向けのRust製フォーマッタ兼リンタ。単一ツールで整形と静的解析をまとめて実行できる。
- スニペットcrypto.randomUUID の Polyfill
crypto.randomUUID 関数のポリフィル実装。全ブラウザでサポートされているため新規実装の必要はないが、UUID v4 の仕組みを学ぶ参考になる。
- スニペットdataset で冪等な DOM オブザーバーのセットアップ
data属性を使ってMutationObserverの重複登録を防ぐシンプルなパターン。グローバルレジストリ不要で移植性が高い。
- 用語集LogTape
LogTapeは、Browser・Node.js・Deno・Bunに対応したマルチランタイム対応のJavaScriptロガーライブラリ。依存ゼロで動作する。
- 用語集mediabunny
mediabunnyは、WebCodecs APIをベースにしたブラウザ向け動画・音声操作ライブラリ。
- 用語集navigator.devicePosture
navigator.devicePostureは、デバイス姿勢情報を扱うDevicePostureオブジェクトを返すNavigatorプロパティ。折りたたみ端末の状態判定に使う。
- スニペットSHA256 同期実装（WebCrypto API 非依存）
WebCrypto API を使わない純粋な JavaScript での SHA256 実装。Web Workers などで crypto オブジェクトが使えない環境向け。
- スニペットTransformStream でテキストを分割処理
ReadableStream と TransformStream を使って、長いテキストを指定サイズのチャンクに分割する TypeScript 実装例。
- 用語集Turndown
Turndownは、HTMLをMarkdownへ変換するJavaScriptライブラリ。ルール追加やオプション調整で出力形式を制御できる。
- スニペットTypeScript で軽量 Result 型を実装
try-catch を使わないエラーハンドリングパターン。data と error を分離した Result 型で型安全にエラーを扱う。
- スニペットTypeScript配列操作ユーティリティ
TypeScriptでの開発頻出の配列操作を型安全に行うためのユーティリティ関数集。空配列生成、配列分割、Null排除、シャッフルなど。
- スニペットUint32Array ヘルパー関数
new Uint32Array の呼び出しを簡潔にする TypeScript ラッパー関数。オーバーロードを使ってコンストラクタの全インターフェースをサポート。
- 用語集Uint8Array
Uint8Arrayは、0〜255の8ビット符号なし整数を扱うJavaScriptのTypedArray。バイナリデータ処理で広く使われる。
- スニペットUint8Array の結合
複数の Uint8Array を1つにマージする TypeScript 関数。バイナリデータの結合に便利。
- スニペットUint8Array ヘルパー関数
new Uint8Array の呼び出しを簡潔にする TypeScript ラッパー関数。配列、ArrayBuffer、長さ指定の全パターンに対応。
- スニペットエンティティ内蔵のクールダウン警告抑制
警告の繰り返し抑制ロジックをクォータエンティティそのものに組み込むパターン。レート制限通知や課金警告のような頻繁な警告を適切に制御する。
- スニペットネイティブUI要素をクローンしてスタイルを継承する
ホストアプリの既存ボタンをcloneNodeで複製し、アイコンとテキストだけ置き換えることで視覚的一貫性を維持する軽量パターン。難読化CSSと戦わない。
- スニペットビルド時メッセージIDハッシュストア
ビルド時にメッセージIDとコンテキストをハッシュ化して短縮・正規化するTypeScript関数。翻訳キーに文字種制限があるプラットフォームで役立つ。
- スニペットプロパティ抽出ヘルパー関数
オブジェクトから指定プロパティだけを取り出す関数を生成する。mapByの入れ子や配列変換で型安全なプロパティ抽出を1行にまとめる。
- スニペット動的インポートのキャッシュ実装
TypeScriptでdynamic importをキャッシュする軽量実装。同じパスへの複数回のインポートを1回のPromiseで処理する。
- スニペット時刻ベースのセマンティックバージョン生成
ビルド時刻をバージョン番号として自動生成する TypeScript 関数。Chrome拡張機能などでバージョン上限がある場合に便利。
- スニペット画像拡張子判定用正規表現
ファイル名から画像形式を判定する JavaScript/TypeScript 正規表現パターン。png, webp, jpg, jpeg, avif, gif に対応。
- スニペット遅延初期化オブジェクト
getter を使って初回アクセス時にのみ値を生成する TypeScript パターン。メモリキャッシュより軽量な遅延評価。
- スニペットサブバッチ分割とタイムアウト管理を持つWorkerプール
大量データを小さなサブバッチに分けてWorkerへ送信し、メモリ圧迫を抑えつつ各バッチにタイムアウトを設定して異常を早期検出するパターン。
- スニペット段階的 DOM 観測戦略
アプリ準備完了後に細粒度オブザーバーへ段階的に切り替えるパターン。SPA コンテンツスクリプトやサードパーティ DOM 統合に広く応用できる。
- ブログUUID v7 実装ガイド: JavaScript・Go・Shellで作る
UUID v7 のビット構造、version/variant のビット設定、JavaScript・Go・Shellでの最小実装、実装時のチェック項目、RFCの参照先を1ページで整理。時系列ソートしやすいIDを安全に導入したい開発者向けに、生成ロジックの確認ポイントをまとめた実践ガイド。実装前の確認に使える。