ギフプロギフプロ

Bun製爆速アップローダーAI生成作例【静的配信対応】

CODE PREVIEW

エディタを読み込み中…
P

プロンプト

BunのHTTPサーバー(index.ts)1ファイルで以下の機能を持つものを作成:
- ./publicフォルダから静的ファイルを配信(例: index.html)
- POST /upload でマルチパートファイルを受け取り ./uploads に保存
- Bunの組み込みfetch APIとserve()を使用
- アップロード成功時にJSON(ファイル名・サイズ)を返す
- 簡易HTMLフロントエンド(静的配信): ドラッグ&ドロップアップロードゾーンとアップロード済みファイル一覧(GET /filesで取得)
- GET /files でアップロード済みファイル名のJSON配列を返す
- インラインCSSでモダンな見た目
- npmパッケージ不使用、Bun標準ライブラリのみ

Bunの標準機能だけで作った超軽量HTTPサーバー。静的ファイル配信とファイルアップロードをサポート。npmパッケージは一切不要。ドラッグ&ドロップ対応のモダンなUIで、アップロードしたファイルの一覧表示も可能。Bunの高速なfetch/serveを活用。

このプロンプトは役に立ちましたか?

コメント

コメントは承認後に表示されます

この記事が役に立ったら投げ銭で応援

Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済

開発者が選ぶ最強ツール集

運営者が毎日使っているツール・ガジェット 6選

見る
ホームヘルプ