HTMLファイルをネットに公開する方法(一番かんたんなやり方)
パソコンの中にHTMLファイルがある。ブラウザで開けばちゃんと表示されるけれど、アドレスバーには file:///Users/you/index.html と出ていて、他の人には見せられない——このガイドでは、そのファイルを本物のURLを持つ本物のウェブサイトにする方法を解説します。
本当に必要なもの
ウェブサイトとは、常時オンラインのコンピューターが配信しているファイルの集まりにすぎません。HTMLファイルを公開するのに必要なのは、次の3つだけです。
- ファイルの置き場所 — ホスティングサービス。
- アドレス — 人が入力できるドメインまたはサブドメイン。
- HTTPS — ブラウザは平文のHTTPサイトを「保護されていない通信」と表示します。
自前のサーバー、データベース、フレームワークは不要です。静的なページには、どれもオーバースペックです。
方法1: 1ファイルホスティング(最速)
まさにこの用途のために作られたサービスなら、index.html を1つアップロードするだけで、すぐに公開URLが手に入ります。hdply はその一つ。メールアドレスで登録してファイルをアップロードすると、my-site.hdply.com のようなアドレスがもらえます。アップロードが終わった瞬間に公開され、HTTPSも標準装備。あとからブラウザ上でHTMLを編集することもできます。ビルド工程は一切なく、書いたままのファイルが1バイトも変わらず配信されます。
ポートフォリオ、ランディングページ、デモ、招待状など、ページが1枚で、1分以内に公開したいときに最適な選択です。
方法2: Git連携型プラットフォーム
GitHub Pages、Netlify、Vercel は、Gitリポジトリからサイトをデプロイします。継続的なプロジェクトには最高で、コミットをプッシュすればサイトが更新されます。その代わり準備が必要です。Gitリポジトリ、それに紐づくアカウント、初回デプロイまでの各種設定——ふだんGitを使っていないなら、ファイル1つのためには大がかりすぎます。
方法3: クラウドストレージのバケット
AWS S3 や Google Cloud Storage などでも静的ファイルを配信できます。強力で大規模でも安価ですが、バケットポリシー、CDN配信、TLS証明書の設定はすべて自分の仕事です。そのエコシステムに慣れたエンジニアには妥当でも、ページ1枚には重すぎます。
手順: ファイルからURLまで約1分
- app.hdply.com/signup で無料アカウントを作成 — メールアドレスと確認コードだけ。
index.htmlをアップロード(またはエディタにコードを貼り付け)。- 完了 — すぐに使えるURLが手に入ります。
あとで修正したくなったら、内蔵エディタを開いてHTMLを直し、保存するだけ。更新は即座に反映されます。
よくある質問
CSSやJavaScriptは使えますか? 使えます。HTMLファイルにインラインで書くか、外部URLを参照してください。すべてを1ファイルにまとめるのが、管理としては一番シンプルです。
ドメインを購入する必要はありますか? ありません。最初は無料のサブドメインで十分。プロジェクトが育ってきたら、あとから独自ドメインを設定できます。