
この記事のまとめ
> 💡 「フォルダをドラッグ&ドロップするだけで、あなたのWebサイトが世界中のCloudflare Edgeに一瞬でデプロイされる。」
💡 「フォルダをドラッグ&ドロップするだけで、あなたのWebサイトが世界中のCloudflare Edgeに一瞬でデプロイされる。」
アカウント登録不要。クレジットカード不要。60分間だけ公開され、その後は自動で消える——まさに「消えるWebサイト」の登場です。
2026年7月8日、CloudflareのBrayden WilmothがXで発表した Cloudflare Drop が瞬時に話題になりました。
41.2万再生・4,626いいね・3,008ブックマーク と、わずか数時間で大バズリ。
この記事では、Cloudflare Dropの使い方・仕組み・おすすめの活用シーンを徹底解説します。
🚀 Cloudflare Dropとは?3行で
| 項目 | 内容 |
|---|---|
| 一言で | ブラウザにフォルダをドロップするだけでWebサイトがデプロイされる |
| アカウント | 不要! 初めての人は何も登録しなくてOK |
| 料金 | 完全無料(60分間の一時デプロイ) |
| 公開期間 | 60分間。その後自動削除(「Claim」すれば永続化) |
| 配信速度 | Cloudflare全球ネットワーク(330+都市)からミリ秒単位で配信 |
| 対応ファイル | フォルダ全体 or ZIPファイル |
| URL例 | https://random-name.cldflare.com/ のような一時URL |
🎯 2つの顔:Drop(UI版)とTemporary Accounts(CLI版)
Cloudflare Dropと一口に言っても、2つの入り口があります。
① ブラウザ版:cloudflare.com/drop/
👆 フォルダをポイっと投げるだけのUI版。
使い方の流れ:
1. https://cloudflare.com/drop/ にアクセス
2. 自分のWebサイトのフォルダをドロップ(またはZIPファイル)
3. 数秒待つ
4. https://random-name.cldflare.com/ のようなURLが発行される
5. もう全世界に公開完了!
② CLI版:wrangler deploy --temporary
🤖 AIエージェント・開発者向けのコマンドライン版。
# Wrangler CLIで一時デプロイ
wrangler deploy --temporary
こちらの方がより本格的で、Workerのコードを複数回修正しても同じ一時アカウント内で再デプロイできます。
📝 Cloudflare Dropの詳しい使い方
Step 1:準備するもの
ただのHTMLフォルダでOK。こんな構成なら何でも動きます:
my-website/
├── index.html
├── style.css
├── script.js
└── images/
└── logo.png
静的サイトなら HTML + CSS + JS だけでOK。ReactやVueのビルド済みフォルダもそのまま使えます。
Step 2:デプロイする
ブラウザ版の場合:
- cloudflare.com/drop/ を開く
- フォルダをブラウザにドラッグ&ドロップ
- アップロードが完了するまで待つ(数秒)
- 発行されたURLを開く → もう公開完了!
CLI版の場合(Wrangler):
# Wrangler 4.102.0以上が必要
npx wrangler@latest deploy --temporary
初めての人は --temporary フラグについてのメッセージが表示され、Agentが自動で理解してデプロイを実行します。
Step 3:確認する
ブラウザで発行されたURLにアクセスするだけ。世界中のCloudflare Edgeから配信されるので、どこからでもミリ秒単位の速度で表示されます。
Step 4:永続化する(Claim)
60分以内に以下のリンクをクリック:
🔗 Claim URL: https://dash.cloudflare.com/claim/xxxxx
Cloudflareにサインアップ(またはログイン)するだけで、一時アカウントを自分専用の永続アカウントにできます。Workerだけでなく、D1データベースやKVストレージなどのリソースも一緒に引き継げます。
60分を過ぎると自動的に削除されるので、気に入ったら忘れずにClaimしましょう。
🤖 AIエージェントとの連携(本命)
Cloudflare Drop / Temporary Accountsの本当の価値は、AIエージェントとの連携にあります。
AIエージェントにやらせる場合
# エージェントへの指示例
「簡単なhello worldのCloudflare WorkerをTypeScriptで書いて、
wranglerを使ってデプロイして。質問はしないで、最善を尽くして」
エージェントは以下の流れを完全自律で実行します:
1. Workerのコードを書く
2. wrangler deploy --temporary を実行
3. 発行されたURLにcurlでアクセスして動作確認
4. 問題があれば修正→再デプロイ(60分以内なら何度でもOK)
5. Claim URLを人間に返す
従来との違い(革命的な点):
| 従来 | Cloudflare Drop |
|---|---|
| アカウント作成が必要 | 不要 |
| APIキーを発行・設定 | 不要 |
| OAuth認証が走る | 不要 |
| クレジットカード登録 | 不要 |
| デプロイまでに5〜15分 | 数秒 |
🏆 おすすめの使い方7選
① 🔥 プロトタイプ・アイデア検証(最もおすすめ)
「このアイデア、形にしてみたい」 という瞬間に最適。
例:ハッカソンで作ったランディングページを即デプロイ
→ チームメンバーにURLを共有 → フィードバック
→ 気に入ったらClaimして永続化
② 🧪 一時的なデモサイト
「クライアントにちょっと見せたいだけ」 というときに。
例:作成中のWebサイトの進捗をクライアントに確認してもらう
→ 60分あれば十分
→ 承認後に正式デプロイ
③ 🤖 AIエージェントの検証ループ
「書いた→動かす→直す」を高速回転。
AIコードエージェント(Cursor/Claude Code/Codex)が
自動でコードを書き、デプロイし、結果を確認する
→ 人間は最終結果だけチェック
④ 🎓 学習・チュートリアル
「Cloudflare Workersを試してみたい」初心者に最適。
アカウント登録の壁がなくなるので、
「とりあえず動かしてみる」が圧倒的に簡単に
⑤ 📸 スクリーンショット・ポートフォリオ
「このサイトの見た目だけ共有したい」ときに。
ビルド済みのサイトフォルダをドロップするだけ
URLを送れば相手はすぐに見られる
⑥ 🔄 CI/CDのテスト用プレビュー
「プルリクごとに自動でプレビュー環境を」
CIパイプラインで wrangler deploy --temporary を実行
→ 自動でレビュー用URLが生成される
→ マージ後は自動削除(60分ルール)
⑦ 🕵️ 匿名公開・検証
「自分を特定させずに一時的に公開したい」
アカウント不要なので、完全に匿名で公開可能
センシティブではない検証用コンテンツに最適
⚠️ 注意点と制限
60分ルール
デプロイは60分で自動削除されます。永続化したいなら、その間にClaim手続きをしてください。
実運用には不向き
一時デプロイはあくまで検証・プレビュー用。本番サイトは通常のCloudflareアカウントでデプロイしましょう。
カスタムドメイン不可
一時URL(*.cldflare.com)のみ。独自ドメインを使うには永続アカウントが必要です。
リソース制限
一時アカウントで使えるリソース(Workerの実行時間・DBサイズなど)には通常のFreeプランと同様の制限があります。
❓ よくある質問
❗ 何も登録しなくていいの?
→ はい、本当に不要です。 ブラウザでドロップするだけ。Cloudflareのアカウントすら必要ありません。
❗ 60分後はどうなるの?
→ 自動的に削除されます。 データは完全に消えます。残したい場合はClaim URLからアカウント登録してください。
❗ どのくらいのサイズまでOK?
→ 現時点では標準的な静的サイト(数MB〜数十MB)が想定されています。具体的な上限はCloudflareのドキュメントを参照。
❗ React / Next.js は動くの?
→ ビルド済みの静的ファイル(out/ や build/ フォルダ)ならそのままデプロイ可能。SSRが必要なアプリはWrangler CLI版を使ってください。
❗ 悪用されない?
→ 60分で自動削除される設計+利用規約による保護。スパムや違法コンテンツにはCloudflareのモデレーションが適用されます。
📋 まとめ
Cloudflare Dropは、Webデプロイの「ハードルをゼロ」にした革命的ツールです。
特にAIエージェント時代において、アカウント登録の壁をなくした意味は計り知れません。
「書いたらすぐ動かす」が当たり前になる——そのための基盤が、ついに揃いました。
| シーン | おすすめ度 | 一言 |
|---|---|---|
| プロトタイプ・アイデア検証 | 最高 | 思いついたら即デプロイ。これ以上ないくらい最適 |
| AIエージェントとの連携 | 最高 | Temporary Accountsの真価。無限に試行錯誤可能 |
| 一時的なデモ・共有 | おすすめ | 60分あればレビューには十分 |
| 学習・チュートリアル | おすすめ | 登録の壁がなくなるので初心者に優しい |
| 本番運用 | 非推奨 | 永続アカウントで普通にデプロイしよう |
👉 Cloudflare Drop: cloudflare.com/drop/ 👉 公式ブログ(Temporary Accounts): Temporary Cloudflare Accounts for AI agents 👉 元のXポスト(Brayden Wilmoth): Introducing Cloudflare Drop 👉 Wrangler Docs: developers.cloudflare.com/workers/wrangler
合わせて読みたい
- 【2026年】Claude Fable 5で金融資産を守る!AIエージェントによる資産管理・監視・最適化の実践ガイド
- 【2026年】Cloudflare Monetization Gateway完全ガイド!Webページ・API・MCPツールに「1回の課金」をかける方法
- 【2026年】A Fable of Codexes完全ガイド — Claudeが指揮するAIワーカー軍団の作り方
- 【2026年】GPT-Live完全ガイド!OpenAIのフルデュプレックス音声AIがChatGPTを根本から変える
- 【2026年】component.galleryを使ってAIのUI生成指示を劇的に上手くする方法!コンポーネント用語図鑑の活用法
この記事をシェアする
関連記事

2026年7月19日
【2026年】component.galleryを使ってAIのUI生成指示を劇的に上手くする方法!コンポーネント用語図鑑の活用法

2026年6月15日
【2026年】ChatGPT vs Claude vs Gemini 徹底比較!無料プランから有料まで完全ガイド

2026年6月18日
【2026年最新】無料で使えるAIモデル完全ガイド!Claude Opus 4.8・GPT-5.5・Gemini 2.5 Proを0円で使う8つの方法

2026年6月18日
【2026年】Accio Work完全ガイド!Alibaba提携のAIエージェントが仕入れ・ショップ構築・販売を全部自動化する

2026年6月19日
【2026年】Ollama完全セットアップガイド!ミニPCでローカルAIを動かす方法

2026年6月23日
【2026年】Blueprint.am完全解説!AIが配線図・部品表・組立手順を自動生成する「Claude for Hardware」