すでにあるHTMLファイルを、本物のURLで公開する方法
最終更新: 2026-08-10
結論から — 持っているHTMLファイルを開いて全体をコピーし、htmltosite.comのトップ画面に貼り付けて「自分のアドレスを作る」を押すだけで、約60秒で本物のURLが開きます。サーバーもインストールもカード登録も要りません。
ひと目でわかる
- 所要時間
- 約1分
- 必要なプラン
- 無料プランでOK
- コードの知識
- 不要
- 操作する場所
- トップの貼り付け欄
手順
- 1
ファイルを開いて全体をコピーする
メモ帳やVS Codeなど、お使いのエディタで.htmlファイルを開き、全選択してコピーしてください(Ctrl/Cmd+A → Ctrl/Cmd+C)。CSSやJavaScriptがstyle・scriptタグで同じファイルに入っている「1枚」タイプなら、次の手順が一番簡単です。ファイルが複数(画像・別のCSSファイルなど)に分かれている場合は、まずメインのHTMLファイルから始めてください。
index.html コピー<!doctype html><html lang="ja"> …</html> - 2
HTMLtoSITEに貼り付ける
トップ画面の入力欄にコードを貼り付けた瞬間、隣にページが実際の姿でレンダリングされます。ファイル保存も会員登録もまだ不要です — まず目で確かめてください。ページ内に直接書かれたスクリプトはプレビューでは動きませんが、公開後はすべて正常に動作します。
貼り付けるとプレビューが表示されます — 実際の画面です。 - 3
「自分のアドレスを作る」を押して、名前を決める
プレビューに納得できたらボタンを押してください。ログイン1回(貼り付けたコードはそのまま保持されます)のあと、好きな名前でアドレスを決めれば公開完了 — その瞬間からインターネットに公開されます。無料でサイト2つまで、カード登録もありません。ファイルが複数あるときはStarterから追加分をアップロードできます。
myname.html2site.com 公開中公開するとこのようなアドレスがすぐに発行されます。お持ちのドメインはStarterから接続できます(HTTPS自動)。
- 4
次からの修正は、言葉で
公開後にエディタを開いて直したいところを言葉で伝えると、AIがコードを探して修正し、何が変わるかを先に見せてくれます。コードを自分で直接編集することもできます。気に入らなければワンクリックで元に戻せるので安心です。
編集アシスタント見出しをもっと強くして 3か所を修正しました。気に入らなければ元に戻します。
よくある質問
本当に無料ですか?
はい。サイト2つまでずっと無料で、カード登録も求めません。無料サイトには小さな「Made with HTMLtoSITE」バッジが付き、Starter以上で外れます。
AIで作ったものじゃなくて、自分で書いたファイルでも大丈夫ですか?
はい。ファイルがどこから来たかは関係ありません。自分で書いたコードでも、昔のサイトから持ってきたファイルでも、貼り付けたHTMLはそのまま公開されます。
複数ページのサイトも作れますか?
無料プランはサイトごとに単一HTMLファイルが基準です。複数ファイル(下層ページ・画像フォルダ)はStarterから利用できます。
自分のドメインは使えますか?
はい。Starterからお持ちのドメインを接続でき、HTTPS証明書も自動で発行されます。無料プランでは発行されたhtml2site.comアドレスをそのまま使えます。
ファイル内の画像やCSSはどうなりますか?
外部アドレス(https://…)を指していれば、貼り付けた直後からそのまま表示されます。同じフォルダ内のローカルファイルに頼っている場合は、Starterからそれらのファイルも一緒にアップロードする必要があります。
あわせて読みたい
- ChatGPTで作ったホームページを、本物のURLで公開する方法 ChatGPTで作ったHTMLをサーバーなしで60秒で実際のURLに公開する手順ガイド(日本語)
- サイトに複数ページを追加する 1つのサイトに複数のHTMLページ(ファイル)を追加する方法と、無料・Starterプランの違い(日本語)
- サイト管理 — フォルダ・名前変更・削除と復元 /sitesダッシュボードでサイトをフォルダに整理し、名前を変更し、削除しても7日間は復元できる方法(日本語)
- 独自ドメインを接続する — CNAMEとTXTを登録すれば完了 所有しているドメインを公開サイトに接続し、HTTPSまで自動で発行してもらう方法(日本語)