未ログイン状態で閲覧中
  • 投稿日:2026/04/24
エンジニア不要!HTMLファイル(ウェブアプリ)を無料公開できる【Cloudflare Pages】

エンジニア不要!HTMLファイル(ウェブアプリ)を無料公開できる【Cloudflare Pages】

バラ猫@画像生成初心者チャット管理人

バラ猫@画像生成初心者チャット管理人

この記事は約4分で読めます
要約
HTMLファイル(ウェブアプリ)を作ったけど自分だけしか使えない… そんな悩みを解決。 無料・10分・アカウント登録だけで世界中に公開できます。

エンジニア不要!HTMLファイルを無料で公開する方法【Cloudflare Pages】

結論:HTMLファイルさえあれば、誰でも10分でURLを発行できます

「ツールを作ったけど、自分のパソコンの中にあるだけ…」
「他の人にも使ってほしいのに、ファイルを送るしか方法がわからない」

そんな悩みを抱えていませんか?

実は、Cloudflare Pagesというサービスを使えば、HTMLファイルをドラッグ&ドロップするだけで、無料でURL付きのWebアプリとして公開できます。

サーバーの知識もコマンド操作も不要です。

この記事を読めば、アカウント登録から公開まで、スクリーンショット付きで迷わず進められます。

バラ猫 音楽生成AI用プロンプトジェネレータースクリーンショット 2026-04-23 7.53.15.png



なぜCloudflare Pagesがおすすめなのか

公開手段はいくつかありますが、非エンジニアにCloudflare Pagesをおすすめする理由は3つです。

① 完全無料
月100,000リクエストまで無料。
個人ツールの共有なら十分すぎる容量です。

② ファイルをアップするだけ
GitHubなどの知識は一切不要。
HTMLファイルを画面にドロップするだけで完了します。

③ URLがすぐ発行される
デプロイ後、数秒で xxxx.workers.dev 形式のURLが発行されます。
そのURLをLINEで送るだけで、誰でもすぐ使えます。

公開までの全手順(所要時間:約10分)

ステップ1:アカウント作成

https://dash.cloudflare.com/sign-up を開く

スクリーンショット 2026-04-22 20.01.39.png各自お好みの認証保父王でアカウントを登録

私は、全部Googleです。

登録後に用途を聞かれる画面が出ます、これはスキップして構いません。スクリーンショット 2026-04-22 20.06.30.pngBuild and scale apps globallyをクリックスクリーンショット 2026-04-22 20.08.17.pngここもスキップOKスクリーンショット 2026-04-22 20.08.47.png準備完了です😄


ステップ2:Workers & Pagesを開く

ログイン後、左メニューの「Compute」をクリック

スクリーンショット 2026-04-22 20.10.17.pngスクリーンショット 2026-04-22 20.11.14.png
Workers & Pages」を選択スクリーンショット 2026-04-22 20.13.39.png
右上の青いボタン「Create application」をクリックスクリーンショット 2026-04-22 20.15.03.png


ステップ3:ファイルをアップロード

Upload your static files」を選択スクリーンショット 2026-04-22 20.15.03.png
公開したいHTMLファイルを  index.html  にリネーム(重要!)


点線の枠内にファイルをドラッグ&ドロップスクリーンショット 2026-04-22 20.15.37.png
プロジェクト名(URL名)を入力(例:suno-promptスクリーンショット 2026-04-23 5.25.55.pngWoker nameのところを変更できます。

今回は自動で plain-mode-f072.アカウント名.wokers.dev

になっていますので、以下のように変更しました。

suno-prompt.アカウント名.workers.dev/



Deploy」をクリックすると公開完了👍


あっ!

アカウント名がメールアドレスみたいだったので変更します😄


先程の「Workers & Pages」に戻り、スクリーンショット 2026-04-22 20.13.39.png右下の「Account Details」の「Subdomain」の横にある鉛筆マークをクリックすると変更できます👍

baranekoに変更しちゃう😄

この画面が出ても大丈夫。
名前変えちゃうけどいいの?っていう確認画面です。

スクリーンショット 2026-04-22 20.32.25のコピー.pngUpdateをクリックすると、スクリーンショット 2026-04-22 20.34.33のコピー.pngこれで名前も変更完了😄



ステップ4:URLを確認して完了

デプロイ完了後、https://プロジェクト名.xxxx.workers.dev というURLが発行されます。

バラ猫のはこうなります。
https://suno-prompt.baraneko.workers.dev/


Visit ↗」ボタンで動作確認し問題なければ、みんなに教えちゃうだけです。



注意点:ファイル名は必ず「index.html」に

唯一のハマりポイントがここです。
アップロードするファイルの名前が index.html でないと、URLにアクセスしても何も表示されません。


アップロード前に必ずリネームしてください。

まとめ:作ったツールは公開してこそ価値が生まれる

冒頭でお伝えした通り、HTMLファイルさえあれば誰でも10分でWebアプリを公開できます。

「自分で作ったツールを使ってもらえた」という体験は、次の創作への大きなモチベーションになります。

AIを使ってツールを作り、Cloudflareで公開する

——この組み合わせは、エンジニアでなくても「稼ぐ力」「発信する力」を育てる最短ルートの一つだと実感しています。

まずは手元のHTMLファイル1つ、公開してみてください👍





バラ猫シリーズ

画像生成からメルカリまで250以上の記事を掲載中です。

よかったら覗いてみてねGemini_Generated_Image_ibntbwibntbwibnt.png

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

バラ猫@画像生成初心者チャット管理人

投稿者情報

バラ猫@画像生成初心者チャット管理人

イルカ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(1
  • 会員ID:RuxJ1Vh4
    会員ID:RuxJ1Vh4
    2026/04/24

    有益な情報ありがとうございます✨ 詳しい設定方法も大変助かります 利用させていただきます ありがとうございました🌷✨