オンライン HTML ビューアー
HTML を貼り付けるか .html ファイルを開けば、パソコン、タブレット、スマートフォンの幅ですぐにページを確認できます。その場で編集して、ワンクリックで共有できる本物のリンクに公開しましょう。
貼り付けると、ここにページが表示されます。
気に入りましたか？公開しましょう。
ワンクリックで、このページを共有できる公開リンクにします。無料プレビュー付き、カードは不要です。
HTML をオンラインで表示する方法
- 左の欄に HTML を貼り付けるか、「.html ファイルを開く」をタップします。ページ全体でも一部でも使えます。
- 入力に合わせて右側にページが表示されます。パソコン、タブレット、スマートフォンを切り替えて、それぞれの幅で確認しましょう。
- コードを編集すると、プレビューがその場で更新されます。見出しを直したり、色を変えたり、リンクを変えたりできます。
- よければ「公開する」をタップします。SiteDrop がページを共有できる本物のリンクで公開します。
HTML プレビューのコツ
ChatGPT、Claude、Gemini から貼り付ける
回答をまるごとコピーしてください。ビューアーが ```html の囲みや周りの会話を取り除くので、コードブロックではなくページが表示されます。
スマートフォンの幅で確認する
訪問者の多くはスマートフォンでページを見ます。スマートフォンの幅で文字がはみ出すなら、viewport メタタグか、より狭いレイアウトが必要です。
ほかのファイルの画像やスタイル
ビューアーが表示するのは HTML ファイル 1 つだけです。画像やスタイルシートは、完全な Web アドレス（https://…）を使っていれば読み込まれますが、パソコン内のファイルは読み込まれません。自前の画像ファイルを含むサイトを公開するには、フォルダーを .zip でアップロードしてください。
スクリプトは安全に動作します
ページの JavaScript はプレビューの中で、このサイトやあなたのアカウントにアクセスできない隔離された枠の中で動作します。
よくある質問
HTML ビューアーとは？
HTML のコードを、そのコードが表す Web ページとして表示するツールです。ファイルを保存してブラウザーで開かなくても結果を確認できます。このビューアーなら、コードをその場で編集してページを公開することもできます。
HTML ビューアーは無料ですか？
はい。閲覧と編集にアカウントは不要で、貼り付けた内容がブラウザーの外に出ることもありません。公開リンクにするには無料の SiteDrop アカウントが必要で、無料プレビューが付きます。カードは不要です。
.html ファイルをオンラインで開くには？
「.html ファイルを開く」をタップしてファイルを選ぶか、テキストエディターで開いてコードを貼り付けます。すぐにプレビューにページが表示されます。
HTML をサイトとして公開できますか？
はい。それが「公開する」ボタンの役割です。SiteDrop は共有できる sitedrop.live のアドレスでページをホスティングし、有料プランでは独自ドメインも接続できます。
パソコンで見たときと表示が違うのはなぜですか？
多くの場合、パソコン内に保存した画像、フォント、スタイルシートを参照しているためです。それらには完全な https:// のアドレスを使うか、フォルダーごと .zip でアップロードしてファイルを一緒に公開しましょう。
ほかの無料ツール
ページ 1 枚ではなく、サイトまるごとですか？
ChatGPT、Claude、Lovable、v0 など、どこで作った .zip でもアップロードすれば、SiteDrop が 1 分以内に公開リンクにします。無料プレビュー付き、カードは不要です。
サイトを公開する →