hsb.horse
Snippets
#javascript
タグ「javascript」が付いたスニペット一覧。
- 画像拡張子判定用正規表現
ファイル名から画像形式を判定する JavaScript/TypeScript 正規表現パターン。png, webp, jpg, jpeg, avif, gif に対応。
- 遅延初期化オブジェクト
getter を使って初回アクセス時にのみ値を生成する TypeScript パターン。メモリキャッシュより軽量な遅延評価。
- 時刻ベースのセマンティックバージョン生成
ビルド時刻をバージョン番号として自動生成する TypeScript 関数。Chrome拡張機能などでバージョン上限がある場合に便利。
- SHA256 同期実装（WebCrypto API 非依存）
WebCrypto API を使わない純粋な JavaScript での SHA256 実装。Web Workers などで crypto オブジェクトが使えない環境向け。
- TransformStream でテキストを分割処理
ReadableStream と TransformStream を使って、長いテキストを指定サイズのチャンクに分割する TypeScript 実装例。
- TypeScript で軽量 Result 型を実装
try-catch を使わないエラーハンドリングパターン。data と error を分離した Result 型で型安全にエラーを扱う。
- Uint32Array ヘルパー関数
new Uint32Array の呼び出しを簡潔にする TypeScript ラッパー関数。オーバーロードを使ってコンストラクタの全インターフェースをサポート。
- Uint8Array ヘルパー関数
new Uint8Array の呼び出しを簡潔にする TypeScript ラッパー関数。配列、ArrayBuffer、長さ指定の全パターンに対応。
- Uint8Array の結合
複数の Uint8Array を1つにマージする TypeScript 関数。バイナリデータの結合に便利。
- crypto.randomUUID の Polyfill
crypto.randomUUID 関数のポリフィル実装。全ブラウザでサポートされているため新規実装の必要はないが、UUID v4 の仕組みを学ぶ参考になる。
- TypeScript配列操作ユーティリティ
TypeScriptでの開発頻出の配列操作を型安全に行うためのユーティリティ関数集。空配列生成、配列分割、Null排除、シャッフルなど。
- 動的インポートのキャッシュ実装
TypeScriptでdynamic importをキャッシュする軽量実装。同じパスへの複数回のインポートを1回のPromiseで処理する。