Cloudflare Drop使い方ガイド：アカウント不要で静的サイト公開

2026年7月12日 web·Hoda (HodaPress)

こんにちは、Hodaです。

2026年7月8日、Cloudflareが新サービス「Cloudflare Drop」を公開しました。フォルダやZipファイルをドロップするだけで静的サイトが公開できる、というシンプルさが話題になっています。

私自身も気になって早速触ってみたので、今回は個人サイトの方で使い方と実際の感触をまとめておこうと思います。

こちらの動画で僕が解説していますので併せてご確認ください！

Cloudflare Dropとは

Cloudflare Dropは、Cloudflareアカウントを作らなくても静的サイトをデプロイできるサービスです。

HTML・CSS・JavaScript・画像・フォントといった静的アセットが入ったフォルダやZipファイルをアップロードするだけで、一時的なライブプレビューが即座に発行されます。このプレビューは1時間だけ有効で、その間にサイトの動作確認やURLの共有ができます。

気に入ったら「Claim（クレーム）」することで、そのままデプロイを恒久化できます。

メリット

Cloudflareアカウントなしで即座に試せる
ドラッグ&ドロップだけで公開まで完了
Claim後はCloudflare Workersの通常プロジェクトとして扱える
サンドボックスではないため外部APIへの通信も制限なし

デメリット

Claimしないと1時間で自動削除される
静的アセットのみ対応（DB接続などフルスタックな機能は非対応）
コンテンツの利用許諾に関する規約は事前確認が必須

主な特徴

公式サイトの説明を整理すると、Cloudflare Dropには以下のような特徴があります。

アカウント不要で開始：ブラウザでアクセスし、フォルダかZipをドロップするだけでデプロイが始まります。
1時間の一時プレビュー：Claimしない場合、デプロイは1時間後に自動的に削除されます。
Claimで恒久化：既存のCloudflareアカウントに紐づけるか、新規アカウントを作成してデプロイを保持できます。新規アカウントの場合はメールアドレスの確認が必要です。
カスタムドメイン対応：Claim後は独自ドメインを接続できます。
オブザーバビリティ：サイトのアクセス状況やパフォーマンスを監視できます。
Markdown for Agents対応：AIエージェントがサイトの内容をMarkdown形式で取得できるようになる機能です。
アクセス制御：サイトを非公開にして、閲覧できるユーザーを制限することも可能です。

使い方

実際の手順はとてもシンプルです。

1. 静的ファイルを準備する

index.htmlを中心に、CSSやJS、画像などをまとめたフォルダ、またはZipファイルを用意します。AIツールにサイトを生成させた場合は、そのままZip出力してもらうのがラクです。

メモ

Zip圧縮するときはフォルダごと圧縮するか、フォルダの中身だけを圧縮するかで公開後のパスが変わることがあります。ルート直下にindex.htmlを置きたい場合は、フォルダを開いた状態で中のファイルを選んで圧縮するのがおすすめです。

2. アップロードする

Cloudflare Dropのトップページを開き、ファイル選択ダイアログを使うか、フォルダやZipをそのままドラッグ&ドロップします。アカウント作成やログインは不要です。

3. プレビューを確認する

アップロードが完了すると、一時的なURLが発行されます。実際にアクセスして、意図通りに表示されているか確認しましょう。表示が崩れている場合は、手順1のパスの問題が原因になっていることが多いです。

Your site is ready

4. 必要であればClaimする

このまま残しておきたいサイトであれば、「Claim」ボタンから所有権を取得します。既存のCloudflareアカウントにサインインするか、新規アカウントを作成してください。新規アカウントの場合はメール認証が必要です。

Same Gymnast

Claimせずに放置すると、1時間後にサイトは自動的に削除されます。この点は何度でも強調しておきたいポイントです。

5. Claim後の設定

Claimが完了すると、通常のCloudflare Workersプロジェクトとして扱われるようになります。ここから以下のような設定が可能です。

サイトが公開されました

独自ドメインの接続 : 新しいドメインを登録するか、既存のドメインを使用してください。無料の DNS、自動 HTTPS、そして DDoS 保護が含まれます。
オブザーバビリティの有効化 :Observability を有効にすると、サイトのパフォーマンスと動作に関するインサイトが得られます。
Markdown for Agentsの有効化 :エージェントがサイトを簡単に探索できるようにし、AI 会話での表示頻度を高めます。
アクセス制御による非公開設定 : Worker へのアクセスできるユーザーを決定します。認証を追加し、ポリシーを設定し、権限を管理してください。

実際のデモサイトはこちら

ZIPファイルの階層に注意する

Cloudflare DropへZIPファイルをアップロードしてエラーになる場合、コードではなく、ZIP内のファイル配置が原因になっている可能性があります。

Cloudflare Dropでは、ZIPを開いた直後の階層に index.html が配置されている必要があります。例えば、以下のようにフォルダの中にさらにプロジェクトフォルダが入っている状態では、正常に公開できないことがあります。

cloudflare-drag-and-drop/
└── color-palette-tool/
    ├── index.html
    ├── style.css
    └── script.js

正しい構成は、ZIPを開いた直後に各ファイルが見える状態です。

index.html
style.css
script.js
README.md

ZIPを作成する際は、プロジェクトフォルダ自体を圧縮するのではなく、フォルダを開いて中のファイルを直接選択して圧縮します。

また、ZIPにせず、index.html が入っているプロジェクトフォルダをそのままCloudflare Dropへドラッグ＆ドロップする方法でも公開できます。

アップロード前にZIPを一度開き、最初の階層に index.html があるか確認しておくと安心です。

他の似たサービスとの違い

Cloudflare Dropに近いサービスとしては、以下のようなものがあります。

Netlify Drop

先行して同様のサービスを提供しているのがNetlifyの「Netlify Drop」です。Claimまでの制限時間が1時間である点など、仕組み自体はかなり似通っています。すでにNetlifyを使い慣れている人であればNetlify Drop、Cloudflareのネットワークやその他の機能（Workers、KVなど）を使いたい人であればCloudflare Drop、という選び方になりそうです。

Tiiny Host

以前Tiiny Hostのレビュー記事でも取り上げましたが、こちらも「ファイルをアップロードするだけで公開URLが発行される」という点ではCloudflare Dropと近いポジションのサービスです。

大きな違いは、Tiiny HostがHTML・ZIPだけでなくPDF・PHP・画像・PowerPoint・Excelなど幅広いファイル形式に対応している点と、月額5ドル〜の有料サービスとして提供されている点です。無料プランもありますが、1サイト・3MBまでで、3ヶ月ごとにログインしないとリンクが削除されるという制限があります。

一方Cloudflare Dropは完全無料で、アカウント登録すら不要な状態からスタートできますが、対応するのはHTML・CSS・JS・画像・フォントといった静的サイトの構成要素のみです。パスワード保護やアナリティクス、QRコード生成、コードエディタといった付加機能がすでに揃っているTiiny Hostに対し、Cloudflare Dropはシンプルさとアカウント不要の手軽さ、Cloudflareのネットワークの安定感で勝負している、という住み分けになりそうです。

Claude ArtifactsやAIツールのプレビュー機能

ClaudeのArtifactsのように、AIツール自体にプレビュー公開機能が備わっているケースもあります。手軽さでは申し分ないのですが、こうしたプレビューはサンドボックス内で動作するため、外部APIへの通信が制限されることがあります。

Cloudflare Dropは単独のホスティングとして動作するため、そうした制限を受けずに動的なデータ取得を行うサイトも公開できるのが大きな違いです。AIに生成させたサイトをそのまま本番相当の形で公開したい場合、Cloudflare Dropの方が向いているケースは多いはずです。

メモ

「AIにサイトを作らせたけど、公開先に困る」という悩みは意外とよく聞きます。Cloudflare Dropはまさにその最後の一歩を埋めてくれる立ち位置のサービスだと感じました。

使う前に知っておきたい注意点

1時間で消える

繰り返しになりますが、Claimしない限りデプロイは1時間で削除されます。デモやクライアントへの一時共有には便利ですが、放置厳禁です。

コンテンツの利用許諾について

海外のコミュニティでは、Cloudflareの利用規約においてアップロードしたコンテンツについて比較的広い範囲の利用許諾をCloudflare側に与える条項が含まれている、という指摘も見られます。これはCloudflareに限らず多くのホスティング・配信サービスに共通する一般的な条項である、という反論も出ており、解釈には幅があるようです。

機密性の高いコンテンツや、本番で使うサイトを公開する前には、必ずご自身で最新の利用規約を確認することをおすすめします。

悪用リスク

公開のハードルが下がる分、フィッシングサイトなどへの悪用リスクも指摘されています。Cloudflare側の審査・報告・削除の仕組みがどこまで機能するかは、今後の運用次第という面もありそうです。

まとめ

Cloudflare Dropは、静的サイトを「とにかく素早く公開したい」というニーズにきれいにハマるサービスです。特に、AIツールで生成した静的サイトの出力先に困っている人にとっては、ちょうど欲しかったピースだと感じました。

一時的なデモやプレビュー共有：かなり便利
AI生成サイトの公開先：相性がいい
本番運用のメインサイト：Claim必須、規約確認も忘れずに
DB接続などフルスタックな用途：現状は非対応

無料で試せる範囲も広いので、静的サイトのホスティングで迷っている方は一度触ってみる価値があると思います。

関連記事として、Netlifyの使い方まとめもあわせてどうぞ。