メール＆ニュースレターテンプレート
送信前にスマホ幅でニュースレター HTML をプレビュー。崩れたテーブルや窮屈な列を購読者に届けません。
01エディタ0 文字
02プレビュー
レンダリング結果がここに表示されます。
HTML ビューア
あらゆる HTML をその場でプレビュー
無料の HTML ビューアで HTML コードを貼り付けまたはアップロードし、ブラウザですぐにレンダリングを確認。デスクトップ・タブレット・スマホ幅でレスポンシブ布局をチェックできます。すべてローカルで動作——共有する準備ができたら公開するだけ。
プライバシー重視プレビューはブラウザ内でレンダリング。公開を押すまで、コードが端末を出ることはありません。
あらゆる画面サイズデスクトップ・タブレット・スマホ幅を切り替えて、レスポンシブレイアウトを確認できます。
ワンクリック公開コードを公開リンク付きのホストページに。アカウント不要です。
仕組み
あなたのデバイスに残るコードビューア＆プレビューア
HTML・CSS・JavaScript を貼り付けると、サンドボックス化された iframe 内で即座にレンダリングされます。ビルド也不需要、サーバー往復也不需要。ワンクリックで乱雑なマークアップを整え、プレビュー幅を切り替えてレスポンシブの問題を見つけ、必要なときに清潔な .html ファイルを書き出せます。プレビューは完全にローカル：あなたが明示的に公開するまで、入力内容がアップロード・追跡・保存されることはありません。そのためスニペットやメールテンプレ、ランディングページのモックアップを確認するプライベートな HTML ビューアとしても使えます。
コードを編集したり、出来上がりを再スタイリングしたいですか？HTML エディタ または ビジュアル編集 を開きましょう。
共有する前にマークアップを削ぎ落としたいですか？HTMLコンパイラ でコメントや無駄なインラインコードを取り除けます。
できること
メールからランディングページまで、あらゆる HTML をプレビュー＆磨き上げ
サイズを調整してマークアップを磨き、準備ができたら公開リンク付きのホストページとして公開。Markdown で書きたい場合は Markdown to HTML もどうぞ。高速な HTML 作業に必要なものがここに揃っています。
画像ホスティング を使えば、ホスト済みの画像をそのままプレビューに埋め込めます。
ランディングページのモックアップ
数分でランディングページや商品ページのモックアップを作成。3 つの画面サイズでレイアウトを調整し、共有リンクを公開できます。
スニペット＆学習
実際のサーバーに触れずにボタンやアニメーション、フォームをテスト。HTML・CSS・JavaScript を試す最速の方法です。
こんな人向け
開発者、デザイナー、ちょっとした実験に
スニペットのテスト、レスポンシブレイアウトの確認、共有前の小さなページづくりに。
自由に表示
没入を妨げない表示画面に、即時プレビューを備えます。ビルド也不需要、サーバー往復也不需要。
あらゆるサイズで確認
デスクトップ・タブレット・スマホ幅を切り替えて、公開前にレスポンシブの問題を発見。
数秒で共有
準備ができたら公開リンクへ。できていなければ、すべてローカルのまま。
使い方
スニペットからホストページへ
アカウント不要、セットアップ不要。書いて、プレビューして、準備ができたら公開。
書く、または貼り付け
コードを入力、サンプルを読み込む、または既存の .html ファイルをインポート。
即時プレビュー
サンドボックス化されたフレームで結果をリアルタイム表示。レスポンシブ幅のプリセット付き。
リンクを公開
どこにでも共有できる公開 URL を取得。ローカルのままなら、ファイルをエクスポートするだけ。
よくある質問
HTML ビューア FAQ
コードはアップロードされますか？
いいえ。プレビューは完全にブラウザ内でレンダリングされます。コードがサーバーに届くのは「公開」を押したときだけです。
プレビューは安全ですか？
プレビューはサンドボックス化された iframe 内で実行され、スクリプトはページ自体から分離されます。JavaScript は訪問者が見るのと同じようにブラウザで実行されます。
レスポンシブレイアウトを確認できますか？
はい。デスクトップ・タブレット・スマホ幅を切り替えて、さまざまな画面サイズでの表示を確認できます。
公開するとどうなりますか？
コードが公開リンク付きのホスト HTML ページになります。後からこのページの履歴から削除できます。
CSS と JavaScript を含む HTML をプレビューできますか？
はい。サンドボックス化されたフレームで HTML・CSS・JavaScript を完全に実行するため、訪問者が体験するのと同じようにインタラクティブなページやフォーム、アニメーションをテストできます。
ファイルサイズの制限はありますか？
ビューア自体に厳しい制限はありません。公開後は他の HTML Hoster ページと同じようにホストされ、同じ制限が適用されます。
Markdown を HTML に変換するツールとの違いは？
HTML ビューアは生の HTML・CSS・JavaScript を扱います。Markdown で書きたい場合は、Markdown を HTML に変換するツールで .md ファイルを整形されたホストページに変換できます。
コードをエクスポートまたはダウンロードできますか？
はい。「.html をエクスポート」でファイルとしてダウンロードするか、プレビューを新しいタブで開いてブラウザウィンドウ全体で確認できます。