はじめに
アップロード機能のテストや、パフォーマンス検証のために「とりあえず5MBの.zipが欲しい」「800x600のPNG画像が欲しい」といった場面、意外とよくあると思います。毎回適当なファイルを探したり、無理やり作ったりするのが地味に面倒だったので、拡張子とサイズを指定するだけでその場で生成できるツールを作りました。
できること
1. 汎用ダミーファイル生成
拡張子(.bin / .txt / .csv / .json / .pdf / .zip / .jpg / .png / .mp4 / .mp3)とサイズ(KB/MB/GB)を指定するだけで、その場でランダムバイトのダミーファイルを生成してダウンロードできます。
2. ダミー画像生成
サイズ(px)・形式(PNG/JPEG/WebP)・背景色を指定して画像を生成できます。「ファイルサイズを指定する」を有効にすると、PNG/JPEGは指定したファイルサイズにほぼ正確に近づけて出力します(不要な領域をファイル末尾に追加する方式)。OGP画像のダミー(1200×630)を作る時などにも地味に便利です。
特徴
- 会員登録不要、完全無料
- 生成処理はすべてブラウザ内で完結し、サーバーには何も送信されません
- ワンクリックでダウンロードまで完了
こんな時に使えます
- アップロード機能のサイズ制限・拡張子チェックのテスト
- 大きいファイルを扱った時のパフォーマンス検証
- サムネイル生成やリサイズ処理のテスト用画像
- モックアップ・デザインカンプの仮画像
技術スタック
- Vite (Vanilla JS)
- Vercel でホスティング
- PNGはCRC32を自前実装してチャンクを挿入、JPEGはCOMセグメントを挿入することで、実際にファイルサイズを目標値に近づけています
おわりに
ちょっとしたテストの度に「ちょうどいいダミーファイル」を探す手間がなくなれば嬉しいです。フィードバックやリクエストがあればぜひ教えてください。
タグ案: フロントエンド Vite JavaScript 個人開発 ポートフォリオ