Claudeのアーティファクトをサイトとして公開

相手がClaudeのアカウントを持っていなくても開けるURLに

⭐️ 利用者200万人以上
1つ目のサイトは無料

Claudeの外で見せるために

2026年9月16日以降に作ったアーティファクトは、最初は作った本人だけが見られる状態です。リンクを知っている人との共有はClaudeの有料プランの機能で、開く人にもClaudeのアカウントが求められます。HTMLに書き出してTiiny Hostで公開したアーティファクトは、普通のWebページとして誰でも開けます。

Claudeの外で見せるために

アーティファクトをWebに出す

1. HTMLで書き出す

1. HTMLで書き出す

デザインは「エクスポート」からスタンドアロンHTMLかZIPで保存し、そのほかのアーティファクトはClaudeに1つのindex.htmlとして出力してもらいます。

2. tiiny.hostにドロップ

2. tiiny.hostにドロップ

HTMLファイルかZIPを置き、mitsumori-keisanのようなリンク名を付けます。

3. URLを送る

3. URLを送る

相手はClaudeにログインせずに、ブラウザの画面いっぱいにページを開けます。

機能

Webサイトにして加わる機能

👥 アカウントなしで閲覧

取引先や家族のように、Claudeを使っていない相手もブラウザでページを開けます。

🆓 Claudeの無料プランから

Claudeの無料プランで作ったアーティファクトも、書き出したHTMLを公開できます。

🔒 社内向けはパスワードで

顧客向けのダッシュボードを関係者だけに見せる場合は、Soloプラン以上のパスワード保護を使います。

🌐 自社のドメインで

会社のドメインでアーティファクトを公開できます。独自ドメインでの公開は、Soloプラン以上の機能です。

🔌 会話の中から公開

Claudeのカスタムコネクタとして追加したTiiny Hostには、チャットで公開や更新を頼めます。SoloプランとAPIキーが必要です。

💬 閲覧者のコメント

フィードバックモードでは、閲覧者がアカウントなしでページにコメントを残せます。Tinyプランから使える機能です。

比較

Claudeの共有リンクとの違い

⚡ Tiiny Host
Claudeの共有リンク
見る人のアカウント
誰でもブラウザで開けます。
✓ 対応
Claudeのアカウントが必要
無料プランでのリンク公開
無料プランでも、URLを知っている人に公開できます。
✓ 対応
Claudeの有料プラン
アドレス
tiiny.siteのアドレスか、独自ドメインで公開します(Soloプラン以上)。
✓ 対応
claude.ai
見る人を絞る方法
パスワードを入力した人だけが開けます(Soloプラン以上)。
✓ 対応
メールでの招待(ベータ版)
ほかのAIツールにも対応 ChatGPTGeminiCursorCodexLovablev0
料金

1つ目のサイトは無料で

無料プランでは、アーティファクト1つを公開しておけます。独自ドメインやパスワード、Claudeのコネクタ経由での公開は、Soloプランからです。

無料プラン
$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
アカウント全体

画像を埋め込んだデザインは容量が増えます。ZIPが3MBを超える場合は、25MBまで置けるTinyプランを使ってください。

AIエージェント対応

Claudeから直接公開

Claudeの「カスタマイズ」→「コネクタ」で「カスタムコネクタを追加」を選び、URLにhttps://mcp.tiiny.hostを入力します。認証は「サインインなし」のまま、リクエストヘッダーにx-api-keyとしてAPIキーを入れます。Soloプラン以上で使えます。

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=my-artifact.tiiny.site"

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

公開例

見積もりシミュレーター

見積もりシミュレーター

料金表から金額を計算するツールを、問い合わせページからリンク。

社内ダッシュボード

社内ダッシュボード

売上のCSVからClaudeが作ったグラフを、パスワード付きでチームに共有。

勉強会の告知ページ

勉強会の告知ページ

Claudeと一緒に作った告知ページを、独自ドメインで公開。

学習用のクイズ

学習用のクイズ

子どもの漢字練習クイズを、家族のLINEグループでURL共有。

関連記事

もっと詳しく

What Are Claude Artifacts? How To Make and Share Them

アーティファクトのしくみと2026年の変更点、作り方と共有の方法をまとめた記事です。

Build an app using Claude AI and Publish It within seconds

Claudeでアプリを作り、アーティファクトの外で公開するまでの流れとトラブルの対処法。

よくある質問

Claudeのアーティファクトを公開するには?

アーティファクトをHTMLかZIPで保存し、tiiny.hostにアップロードして公開します。2026年9月16日より前のアーティファクトはパネル上部からダウンロードでき、Claude Codeのアーティファクトは公開前にHTMLファイルとして書き出されています。カスタムコネクタを追加している場合は、Claudeに「Tiiny Hostで公開して」と頼む方法もあり、こちらはSoloプランとAPIキーが必要です。

Claudeの共有リンクを相手が開けないのはなぜですか?

アーティファクトの共有リンクは、開く人もClaudeにサインインしている必要があります。2026年9月16日以降のアーティファクトをリンクで共有できるのも、Claudeの有料プランに限られます。アカウントのない人に見せる場合は、HTMLで書き出してTiiny Hostで公開してください。

ReactのアーティファクトをHTMLにするには?

Claudeに「CDNからReactを読み込む、1つのindex.htmlにまとめて」と頼み、出力されたファイルをアップロードします。.jsxのままでは、Claudeの外のブラウザに表示されません。

Claudeの機能を使うアーティファクトも動きますか?

ページの中からClaudeに質問する機能や、Claudeのストレージにデータを保存する機能は、Claudeの外では動きません。グラフや計算、ゲームのようにブラウザの中で完結する部分は動きます。

独自ドメインでアーティファクトを公開できますか?

所有しているドメインの接続にも、ダッシュボードからの新規購入にも対応しています。独自ドメインはSoloプラン以上で使え、SSLも付きます。

公開したアーティファクトはいつまで見られますか?

公開期間に期限はありません。無料アカウントでも、3か月に1度ログインしている限り公開が続きます。

複数ページのサイトもアップロードできますか?

index.htmlがいちばん上の階層にあるZIPなら、ページ同士のリンクや画像も含めて1つのサイトとして動きます。

作ったものを、Claudeの外の人へ