HTMLビューアー
プレビュー以外にできること
📋 コピー＆ペースト
CMSやメールテンプレートからコピーしたマークアップが、エディタに貼った瞬間に描画されます。
🛠️ 問題を早めに発見
崩れたレイアウトや閉じていないタグは、人に見せる前にプレビューで見つかります。
⚙️️ JavaScriptとCSSに対応
インラインのスタイルとスクリプトがプレビュー内で実行されるため、動きのある要素も公開ページと同じように確かめられます。
🆓 無料
料金はかからず、使える回数にも制限はありません。
🕵️ サーバーに残らない
エディタに貼り付けたコードは、Tiiny Hostのサーバーに保存されません。エラー表示のために、W3Cのバリデーターへは送られます。
🔗 リンクで共有
仕上がったページはTiiny Hostで公開し、送れるリンクにします。
🌐 独自ドメイン
顧客向けの制作物は、Soloプランで自社ドメインのページとして公開できます。
📊 アクセス解析
公開したページの訪問数は、Tinyプラン以上ならダッシュボードに表示されます。
🔒 パスワード保護
Soloプランのパスワードで、公開ページを見られる人を限定します。
ほかのHTMLビューアーとの比較
HTMLビューアー同士で差が出るのは、プレビューを確かめたあとです。表示を確認したページを人に見せられるかどうかを中心に、CodePenやブラウザのデベロッパーツールと並べました。
プレビューに料金はかかりません
ビューアーはいくら使っても無料です。結果を公開する場合も、無料プランで1ページを公開しておけます。
- ✓ このページでの表示は無制限
- ✓ 公開できるページまたはサイトは1つ
- ✓ アップロードは3MBまで
- ✓ 月5,000回の訪問と5GBの転送量
- ✓ 無料アドレス（名前.tiiny.site）
- – 公開ページには小さなバナーが表示されます
- Tiny $5 · バナーなし、25MBまでアップロード、QRコード、アクセス解析
- Solo $13 · 5サイト、独自ドメイン、パスワード保護、コード・ビジュアルエディタ、API
- Pro $31 · 15サイト、メールアドレス収集、チームメンバー、優先サポート
- Pro Max $74 · サイト数無制限、画像や動画の多いサイト向けの2TB
プラン別の公開上限
1ファイルあたりのアップロード上限スニペットや1ページ分のHTMLはごく軽いファイルです。容量の上限が関係してくるのは、画像や動画を含むサイトをZIPでまとめたときです。
AIが書いたHTMLをそのままURLに
チャットAIやコーディングエージェントは、HTMLファイルを次々に出力します。そのファイルをアップロード用エンドポイントにPOSTしたときのレスポンスに、公開URLが入っています。あとからページを更新するときは、同じドメインに対してPUTリクエストを送ります。
curl -X POST https://ext.tiiny.host/v1/upload \
-H "x-api-key: $TIINY_API_KEY" \
-F "files=@preview.html" \
-F "domain=html-preview.tiiny.site"
# → https://html-preview.tiiny.site
# 差し替えは同じドメインにPUTHTMLビューアーの使いみち
その場でプレビュー
貼り付けた瞬間に、ページがどう表示されるかを確認します。
プロトタイプの共有
HTMLで作った試作品を、チームや顧客にすぐ見てもらいます。
埋め込みコンテンツ
YouTube動画やiframeを入れたページの見た目を確認します。
不具合の調査
ローカルの開発環境を用意しなくても、HTMLを動かしながら直せます。
HTMLメールの確認
メールソフトはブラウザとは描画のしかたが異なります。メルマガやメールテンプレートは、配信前に一度プレビューしておきます。
公開前のページ確認
本番に上げる前のページを確かめ、承認をもらうためにリンクを顧客に回します。
How to Upload HTML File to a Website
Getting an HTML file from your computer onto the web, with a shareable link at the end.
How to Add JavaScript to Your HTML
Linking a script file or writing inline JavaScript to make a page interactive.
