HTMLテスト
ちょっとした確認のためのツール
🧪 スニペットをすぐ試せる
チュートリアルやUIライブラリからコピーしたコードを、プロジェクトに入れる前に動かしてみます。
🛠️ ミスに早く気づける
閉じタグの抜けや崩れたスタイルは、プレビューにひと目で表れます。訪問者の目に触れる前に直せます。
⚙️️ スクリプトとスタイルも実行
インラインのスクリプトとCSSもテスト画面で動くため、ボタンやメニューの動きまで確かめられます。
🆓 無料
テストは無料で、回数の上限もありません。アカウントの作成も不要です。
🕵️ コードは保存されません
ここでテストしたコードを、Tiiny Hostは保存しません。エラーを表示するために、HTMLはW3Cのバリデーターでチェックされます。
🔗 動いたら公開
問題のないページはTiiny Hostにアップロードし、1分もかからずリンクで共有できます。
このツールとコードプレイグラウンドの違い
CodePenやJSFiddleは試行錯誤のための場所で、無料プランで保存した作品は原則として公開されます。非公開にするには有料プランが必要です。このテストツールはコードを保存せず、仕上がったページはそのまま本物のWebサイトとして公開できます。
テストの回数に上限なし
テストツールは何度でも使えます。ページをネットに出す段階になったら、無料プランで1サイトを公開できます。公開状態を保つのに必要なのは、3か月に1回のログインです。
- ✓ このページでのテストは無制限
- ✓ 公開できるサイトは1つ
- ✓ アップロードは3MBまで
- ✓ 月5,000回の訪問と5GBの転送量
- ✓ 無料アドレス（名前.tiiny.site）
- – 無料サイトには小さなTiiny Hostバナーが表示されます
- Tiny $5 · バナーなし、25MBまでアップロード、レビュー用のフィードバックモード、アクセス解析
- Solo $13 · 5サイト、ブラウザ用コードエディタ、独自404ページ、パスワード保護、API
- Pro $31 · 15サイト、チームメンバー、メールアドレス収集、優先サポート
- Pro Max $74 · サイト数無制限、ストレージ2TB
プラン別のアップロード上限
1ファイルあたりのアップロード上限CSSとJavaScriptを含めても、テスト済みのページはたいてい数百KBです。無料の3MBを超えるのは、写真や動画を多く載せたサイトです。
ビルドやAIエージェントから公開
ビルドの最終ステップやAIエージェントから、HTMLファイルやZIPにまとめたサイトをアップロード用エンドポイントに送れます。リクエストにはAPIキーを付け、公開されたリンクはレスポンスで受け取ります。
curl -X POST https://ext.tiiny.host/v1/upload \
-H "x-api-key: $TIINY_API_KEY" \
-F "files=@index.html" \
-F "domain=my-test-page.tiiny.site"
# → https://my-test-page.tiiny.site
# 差し替えは同じドメインにPUTオンラインのHTMLテストが役立つ場面
HTMLの学習
練習問題のコードを入力して、思ったとおりに表示されるかを学生がその場で確かめます。
コンポーネントの確認
UIライブラリの部品を、プロジェクトに組み込む前に単体で動かしてみます。
バグの報告
不具合を再現できる最小限のコードに絞り、リンクで渡します。開発者が原因を探す手間が大きく減ります。
How to Upload HTML File to a Website
Publishing an HTML file so other people can open it, step by step.
How to Add JavaScript to HTML
Where script tags go, and when a separate .js file is the better choice.
How to Edit an HTML File: Basics for Beginners
Opening and changing an HTML file when you're new to code.
