本文へスキップ
HTMLtoSITE

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

最終更新: 2026-08-10

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

ひと目でわかる

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

手順

  1. 1

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

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

    Mistral

    近所の定食屋の紹介ページを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

    次の修正は、言葉で伝えるだけです

    公開したあとの修正のために、もう一度Mistralを開き直す必要はありません。エディタで直したい内容を言葉で伝えると、AIが該当するコードを見つけて修正し、何がどう変わるかを先に見せてくれます。結果が気に入らなければ、ワンクリックで元に戻せるので安心です。

    編集アシスタント
    ボタンの色をもっと目立たせて 2か所を修正しました。気に入らなければすぐ元に戻せます。

よくある質問

本当に無料ですか?

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

Mistralが書いたコードはそのまま動きますか?

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

複数ページからなるサイトも作れますか?

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

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

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

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

はい。エディタに「このボタンの文言を変えて」のように言葉で伝えると、AIがコードを見つけて修正してくれます。画面上でクリックして場所を指定することもでき、公開のたびにスナップショットが残るので、いつでも前の状態に戻せます。

あわせて読みたい

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

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