ブログ一覧

HTMLファイルをURL化して共有する方法

HTMLファイルをURL化する最短ルートは、Publee にHTMLを貼り付ける(またはファイルをドロップする)ことです。登録不要・無料で、数秒で共有用URLが発行されます。

そもそも、HTMLファイルをそのまま送ると意外とうまくいきません。

  • メール添付 — セキュリティ警告が出る、スマホで正しく開けない、CSSや画像が分かれていると崩れる
  • チャットに添付 — Slack や Teams はHTMLをプレビューしてくれない。相手がダウンロード→ダブルクリックする必要がある
  • Googleドライブ — HTMLはソースコードとして表示され、ページとしては開けない

URLにしてしまえば、相手はPCでもスマホでも、タップするだけで見られます。

HTMLファイルをそのまま送る場合とURL化して送る場合の違い

URL化の手順:Publeeに貼り付ける

  1. publee.app/publish を開く
  2. HTMLを貼り付ける(またはファイルをドラッグ&ドロップ)
  3. 「公開してURLを取得」を押す

数秒で https://〇〇.publee.site というURLが発行されます。料金は無料、サイトは7日間保持されます(無料アカウントを作れば無期限)。

「URLにしたら誰でも見られる」が不安な場合

Publee のデフォルトは パスワード保護 です。発行されたURLとパスワードのセットを知っている人だけが閲覧できます。さらに、デフォルトで検索エンジン除外(noindex)になっているため、検索結果に出ることもありません。

社内資料やクライアント向けの下書きなど、「限定した相手にだけ見せたい」用途にそのまま使えます。逆に誰でも見られるようにしたければ、公開範囲で「一般公開」を選ぶだけです。

CSS・画像・JavaScriptがあるサイトの場合

ファイルが複数に分かれている場合も、フォルダごと、またはzipのままドロップすれば構成を保ったまま公開されます。

site/
├── index.html
├── css/style.css
├── js/app.js
└── images/photo.jpg

相対パスはそのまま解決され、JavaScriptも動作します。React などでビルドしたSPAも、ビルド出力(dist フォルダ)をドロップすれば公開できます。

ChatGPT・ClaudeなどのAIで作ったHTMLの場合

AIに作ってもらった単一HTMLのページやアプリも、コードをコピーして貼り付けるだけでURL化できます。Claude Code などのAIツールから直接公開したい場合は MCP連携、Claudeの生成物を共有する手順の詳細は ClaudeのHTMLを共有する方法 にまとめています。

他の方法との比較

方法 手間 相手の負担 限定共有
Publee 貼り付けるだけ・登録不要 URLを開くだけ パスワード保護(デフォルト)
GitHub Pages リポジトリ作成・Git操作が必要 URLを開くだけ 不可(常に全公開)
Netlify / Vercel アカウント登録が必要 URLを開くだけ 有料プランで可
レンタルサーバー + FTP 契約・FTP設定・Basic認証設定 URLを開くだけ .htaccessを自分で設定
メール添付 添付するだけ 保存して開く(崩れがち) 実質不可

「Gitもアカウント登録もなしで、今すぐ限定共有のURLがほしい」なら Publee が最短です。

コマンドラインからURL化したい場合

エンジニアなら curl 一発でも同じことができます。

curl -X POST https://publee.app/api/publish \
  -H "Content-Type: application/json" \
  -d '{
    "visibility": "public",
    "html": "<!doctype html><html><head><title>Hello</title></head><body>Hello!</body></html>"
  }'

レスポンスに公開URLが含まれます。詳しくはAPIドキュメントをどうぞ。

よくある質問

URLの有効期限はありますか? 登録なしで公開した場合は7日間で自動的に削除されます。無料アカウントを作成してメールアドレスを確認すれば、期限なしで保持されます。

スマホでも見られますか? 見られます。発行されるのは通常のWebページのURLなので、iPhone・Androidのブラウザでそのまま開けます。

共有したページが検索結果に出てしまいませんか? 出ません。デフォルトで検索エンジン除外(noindex)が有効です。検索にも載せたい場合だけ、設定でnoindexを外せます(有料プラン)。


いま手元のHTMLで試せます(10秒・登録不要)→ HTMLをURL化する

HTMLの共有はPubleeで。登録なしで10秒で試せます。

HTMLを公開してみる