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

最終更新: 2026-10-15

ひと目でわかる

所要時間

約1分

必要なプラン

無料プランでOK

コードの知識

不要

操作する場所

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

手順

1. 1

   Perplexityにページ作成をお願いする

   作りたいページを言葉で説明すると、PerplexityがHTMLを書いてくれます。「1つのHTMLファイルで」と付け加えると、デザイン(CSS)も同じファイルにまとまり、次のステップが一度の貼り付けで済みます。回答内のコードブロックにあるコピーボタンを押せば準備は完了です。

   Perplexity

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

   次の修正は言葉で伝える

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

   編集アシスタント

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

よくある質問

あわせて読みたい

• ChatGPTで作ったホームページを、本物のURLで公開する方法 ChatGPTで作ったHTMLをサーバーなし・無料ですぐ実際のURLに公開する手順ガイド(日本語)
• Claudeで作ったホームページを、本物のURLで公開する方法 ClaudeでHTMLをサーバーなし・無料ですぐ実際のURLに公開する手順ガイド(日本語)
• 公開したサイトを、検索でもAI回答でも見つけてもらう 公開したサイトを検索エンジンとAI回答(AEO)に見つけてもらう方法 — ブランディング設定から構造化データまで(日本語)
• すでにあるHTMLファイルを、本物のURLで公開する方法 すでにあるHTMLファイルをサーバーなし・無料ですぐ実際のURLに公開する手順ガイド(日本語)