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

最終更新: 2026-10-15

ひと目でわかる

所要時間

約1分

必要なプラン

無料プランでOK

コードの知識

不要

操作する場所

トップの「手持ちのファイルを取り込む」

手順

1. 1

   Meta AIにページを頼んでみましょう

   作りたいページを言葉で説明すると、Meta AIがHTMLにしてくれます。「1つのHTMLファイルで」と付け加えると、デザイン(CSS)まで1ファイルにまとまり、次の手順がぐっと楽になります。回答に出てくるコードブロックのコピーボタンを押せば、準備は完了です。

   Meta AI

   近所のヨガスタジオの紹介ページを1つのHTMLファイルで作って。レッスン時間と場所、問い合わせボタンも入れて。

   index.html コピー

   <section class="hero"> <h1>…</h1></section>
2. 2

   HTMLファイルに保存して、MakeLayerで開きましょう

   AIの画面にダウンロードボタンがあれば、それでHTMLファイルを受け取るのがいちばん簡単です。ない場合は、コピーしたコードをメモ帳に貼り付け、保存するときに「ファイルの種類」を「すべてのファイル (*.*)」に変えてから index.html という名前で保存してください。そのままだと index.html.txt として保存され、ファイルを選ぶときに表示されません。次に makelayer.com のトップで「手持ちのファイルを取り込む」を押し、「HTMLファイルを開く」でそのファイルを選ぶと、ページが実際の見た目のままプレビューで開きます。

   

3. 3

   アドレスを決めて公開しましょう

   好きな名前でアドレスを決めて、「はじめて公開する」を押してください。ログインを1回挟むだけで、選んだファイルとアドレスのまますぐ公開され、その瞬間からインターネットで開けます。無料でサイト5つまで、カード登録は不要です。

   myname.mklyr.com 公開中

   公開するとこのようなアドレスがすぐに発行されます。お持ちのドメインはPlusから接続できます(HTTPS自動)。

4. 4

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

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

   編集アシスタント

   見出しをもっと強くして 3か所を修正しました。気に入らなければ元に戻します。

よくある質問

あわせて読みたい

• ChatGPTで作ったホームページを、本物のURLで公開する方法 ChatGPTで作ったHTMLをサーバーなし・無料ですぐ実際のURLに公開する手順ガイド(日本語)
• Claudeで作ったホームページを、本物のURLで公開する方法 ClaudeでHTMLをサーバーなし・無料ですぐ実際のURLに公開する手順ガイド(日本語)
• Geminiで作ったホームページを、本物のURLで公開する方法 GeminiでHTMLをサーバーなし・無料ですぐ実際のURLに公開する手順ガイド(日本語)
• すでにあるHTMLファイルを、本物のURLで公開する方法 すでにあるHTMLファイルをサーバーなし・無料ですぐ実際のURLに公開する手順ガイド(日本語)