生成AIで作ったHTMLを公開

チャットに出てきたコードを、人に見せられるWebページへ

⭐️ 利用者200万人以上
GitやFTPの知識がなくても公開できます

チャットの中のコードを外へ

ChatGPTにホームページのHTMLを書いてもらっても、そのコードはチャットの画面の中にあります。テキストエディタに貼り付けてindex.htmlとして保存したファイルを、Tiiny Hostにアップロードして公開します。公開したページには、誰でも開けるURLが付きます。

チャットの中のコードを外へ

AIのコードを公開する流れ

1. index.htmlとして保存

1. index.htmlとして保存

AIが出力したHTMLをテキストエディタに貼り付け、文字コードUTF-8で「index.html」という名前で保存します。

2. アップロード

2. アップロード

tiiny.hostにファイルをドロップし、リンク名を入力します。

3. 公開してスマホでも確認

3. 公開してスマホでも確認

公開されたページを開き、スマホでの表示も確かめます。

機能

サイト向けの機能

🤖 どのAIのコードでも

ChatGPT、Claude、Gemini、Cursor、v0のように、HTMLを出力するツールで作ったページなら公開できます。

📦 1ファイルでもZIPでも

index.html単体でも、画像やCSSを含むフォルダのZIPでもアップロードできます。

🔁 何度直しても同じURL

AIに修正を頼んだ新しいコードで更新しても、URLは変わりません。

✨ Create with AI

まだコードがない場合は、Tiiny HostのCreate with AIで説明文からページを生成できます。全プランで使えます。

🌐 独自ドメイン

Soloプラン以上では、会社やお店のドメインで公開できます。

🔒 公開前のパスワード

お客様に見せる前の試作は、Soloプランのパスワード保護で限定公開にします。

比較

GitHub PagesやNetlifyと比べると

GitHub PagesやNetlifyは、リポジトリのファイルを公開する使い方が中心です。

⚡ Tiiny Host
Git連携のホスティング
ブラウザでアップロード
HTMLファイルやZIPを画面にドロップして公開します。
✓ 対応
リポジトリへのpushが中心
ページへのコメント
見た人がページ上にコメントを残せます(Tinyプラン以上)。
✓ 対応
サービスによる
パスワード保護
ページの前にパスワードの入力画面を置きます(Soloプラン以上)。
✓ 対応
サービスによる
解析タグなしの訪問数
解析用のタグを入れずに訪問数を確認できます(Tinyプラン以上)。
✓ 対応
サービスによる
対応しているAIツール ChatGPTClaudeGeminiCopilotCursorLovable
料金

1ページなら無料プランで

3MBまでのHTMLは、無料プランで公開できます。無料のページには小さなバナーが入り、Tinyプラン以上で外せます。

無料プラン
$0/月、利用期限なし
  • ✓ 公開できるサイトは1つ
  • ✓ HTML・ZIPは3MBまで
  • ✓ 月5,000回の訪問と5GBの転送量
  • ✓ SSL付きの無料アドレス(名前.tiiny.site)
  • – 小さなTiiny Hostバナーが表示されます
容量や機能を増やすなら
$5〜/月(年払い)
  • Tiny $5 · バナーなし、アップロード回数無制限、25MBまでアップロード、アクセス解析、QRコード、フィードバックモード
  • Solo $13 · 5サイト、独自ドメイン、パスワード保護、コード・ビジュアルエディタ、API
  • Pro $31 · 15サイト、メールアドレス収集、チームメンバー、優先サポート
  • Pro Max $74 · サイト数無制限、ストレージ2TB
全プランを比較 → ⭐️ 7日間の返金保証つき

プラン別の容量

アップロードできる容量の上限
無料
3MB
HTML・ZIPなど
Tiny · $5
25MB
プロジェクトごと
Solo · $13
75MB
プロジェクトごと
Pro · $31
10GB
アカウント全体
Pro Max · $74
2TB
アカウント全体

AIで生成した画像を何枚も使うページは、3MBを超えることがあります。画像を圧縮するか、25MBまで置けるTinyプランを選んでください。

AIエージェント対応

エージェントに公開まで任せる

Claude CodeなどのAIエージェントからは、Tiiny HostのMCPサーバーを通して公開できます。自作のスクリプトにはREST APIを使います。どちらもSoloプランとAPIキーが必要です。

REST APIアップロード用のエンドポイントが1つあり、自動化や予約公開を組めます。
MCPサーバーClaude Codeはコマンド1行で接続。Cursor、VS Code、Windsurf、Zed、Codex、v0は数行の設定で使えます。
ClaudeコネクタClaudeのアプリとClaude Codeから、レポートや文書をその場で公開します。
スキルインストール済みのエージェントは、PDFやZIPを含む100種類以上のファイルをリンクにできます。
APIドキュメント → APIはSoloプラン以上で利用可能
upload.sh
curl -X POST https://ext.tiiny.host/v1/upload \
  -H "x-api-key: $TIINY_API_KEY" \
  -F "files=@index.html" \
  -F "domain=ai-landing.tiiny.site"

# → https://ai-landing.tiiny.site
# 差し替えは同じドメインにPUT

公開するページの例

お店のホームページ

お店のホームページ

ChatGPTに営業時間やメニューを伝えて作ったページを、お店のドメインで公開。

イベントの案内

イベントの案内

Claudeが作った告知ページに、Googleフォームの申し込みリンクを載せる。

小さなWebツール

小さなWebツール

割り勘の計算や文字数のカウントなど、AIに書いてもらったツールを1ページで。

業務アプリの画面案

業務アプリの画面案

社内向けアプリの画面イメージをAIで作り、パスワード付きで共有。

ミニゲーム

ミニゲーム

子どもと一緒にAIで作ったゲームを、スマホで遊べるURLに。

関連記事

Web制作の記事

What is Vibe Coding? The Programming Approach Reshaping Developer Culture

バイブコーディングの考え方と進め方、始めるための準備を解説した記事です。

Top AI Hosting Platforms in 2026

AIで作ったサイトの公開先を比べ、選ぶときの基準を紹介しています。

よくある質問

ChatGPTが書いたHTMLを公開する手順は?

コードをテキストエディタに貼り付けてindex.htmlとして保存し、tiiny.hostにアップロードします。リンク名を入れて公開したあと、発行されたURLを共有します。

プログラミングの知識がなくても公開できますか?

公開の作業は、ファイルの保存とアップロードです。つまずきやすいのはファイル名で、トップページはindex.htmlにし、ZIPの場合はいちばん上の階層に置きます。

AIに修正してもらったら、URLは変わりますか?

変わりません。修正後のファイルでプロジェクトを更新した場合も、同じURLで新しい版が公開されます。

お問い合わせフォームは動きますか?

フォームの送信内容を受け取る仕組みは、Tiiny Hostにはありません。Googleフォームのような外部のフォームサービスにリンクするか、埋め込んで使ってください。

AIが作ったサイトでログインやデータベースは使えますか?

使えません。配信されるのは静的なファイルで、データベースは動きません。SupabaseやFirebaseのような外部のサービスに接続する構成にします。

Claudeのアーティファクトも同じ手順で公開できますか?

HTMLを出力するAIなら、保存してアップロードする手順は同じです。Claudeのアーティファクトの書き出し方は、Claudeのアーティファクトを公開のページで説明しています。

AIが書いたページを、人に見せられる形に