本文へスキップ
HTMLtoSITE

Grokで作ったホームページを、本物のURLで公開する方法

最終更新: 2026-08-10

結論からお伝えすると — Grokが作ってくれたHTMLをhtmltosite.comのトップ画面に貼り付けて「自分のアドレスを作る」を押すだけで、約60秒で本物のURLが開きます。サーバーの用意もインストールもカード登録も必要ありません。

ひと目でわかる

所要時間
約1分
必要なプラン
無料プランでOK
コードの知識
不要
操作する場所
トップの貼り付け欄

手順

  1. 1

    Grokにページをお願いしましょう

    作りたいページの内容を伝えると、GrokがHTMLを書いてくれます。「1つのHTMLファイルにまとめて」と一言添えると、デザイン(CSS)も同じファイルに収まるので、次の手順がぐっと簡単になります。回答内のコードブロックにあるコピーボタンを押せば準備は完了です。

    Grok

    近所のベーカリーの紹介ページを1つのHTMLファイルで作ってください。メニューと場所、注文の問い合わせボタンも入れてください。
    index.html コピー
    <section class="hero"> <h1>…</h1></section>
  2. 2

    HTMLtoSITEに貼り付けましょう

    トップ画面の入力欄にコピーしたコードを貼り付けると、すぐ横に実際のページがそのまま表示されます。まだ保存も会員登録も必要ないので、先に見た目を確認してみてください。ページに直接書かれたスクリプトはプレビュー中だけ動きませんが、公開すればすべて正常に動作します。

    HTMLtoSITEのトップ画面で、左の入力欄に貼り付けたHTMLが右側にプレビュー表示されている様子
    貼り付けると同時にプレビューが表示されます — 実際の画面です。
  3. 3

    「自分のアドレスを作る」を押して名前を決めましょう

    プレビューに問題がなければボタンを押してください。ログインを一度済ませると(貼り付けたコードはそのまま残ります)、好きな名前でアドレスを決めて公開できます。その瞬間からインターネット上に公開されます。無料プランでもサイト2つまで、カード登録なしで利用できます。

    myname.html2site.com 公開中

    公開するとこのようなアドレスがすぐに発行されます。お持ちのドメインはStarterプランから接続でき、HTTPSも自動で設定されます。

  4. 4

    次の修正からは、言葉で伝えましょう

    公開後に直したい箇所があっても、Grokに戻る必要はありません。エディタで直したい内容を言葉で伝えると、AIが該当するコードを見つけて修正し、変更内容を先に見せてくれます。気に入らなければワンクリックで元に戻せるので安心です。

    編集アシスタント
    見出しをもっと強い言葉にして 3か所を修正しました。気に入らなければすぐに元に戻します。

よくある質問

本当に無料ですか?

はい。サイト2つまでは無料のままで、カード登録も求めません。無料サイトには小さな「Made with HTMLtoSITE」バッジが表示されますが、Starterプラン以上ではこのバッジは表示されません。

Grokが作ったコードは、そのまま動きますか?

はい。貼り付けたHTMLは変更なくそのまま公開されます。公開前のプレビューではページ内のスクリプトが一時的に動きませんが、公開後のサイトではすべて正常に動作します。

複数ページのサイトも作れますか?

無料プランはサイトごとに1つのHTMLファイルが基準です。下層ページや画像フォルダなど複数ファイルの構成は、Starterプランから利用できます。

自分のドメインを接続できますか?

はい。Starterプランからお持ちのドメインを接続でき、HTTPS証明書も自動で発行されます。無料プランでは発行されたhtml2site.comのアドレスをそのままお使いください。

コードが分からなくても修正できますか?

はい。エディタで「価格表の数字を変えて」のように言葉で伝えると、AIがコードを修正してくれます。クリックで修正したい場所を指定することもでき、公開のたびにスナップショットが残るので、いつでも元に戻せます。

あわせて読みたい

読むより試すほうが速いです — いまHTMLを貼り付けてみてください。

貼り付けに進む 無料で始める