単一のHTMLファイル(資料、提案書、AI生成のデモなど)を作成し、特定の一人に送ろうとしたことがあれば、おそらく同じ壁にぶつかったはずです。ホスティングツールがURLを発行してくれて、URLは動作するのですが、そのURLはリンクを持つ誰にでも公開されていることに気づくのです。
このパターンはVercelのコミュニティフォーラムで定期的に現れます(Vercelは、特にAIウェブサイトビルダーであるv0を通じてAI生成アプリを出荷する創業者に人気のホスティングプラットフォームです)。創業者がプライベートなv0プロジェクトを構築し、プレビューリンクを取得して開き、そのリンクがURLを持つ誰にでも公開されていることに気づきます。
「ウェブサイトの作成が完了した後、プレビューリンクを取得しました。しかし、よく確認するとそれは完全に公開リンクでした。私はプライベートなプロジェクトに取り組んでおり、本番リリースまで誰にもアクセスしてほしくありません。リンクをプライベートにできますか?」
2025年には、同じ質問のバリエーションを尋ねる複数のスレッドが立てられています。「緊急: v0プレビューURLの無効化のお願い」。「自分の作品を確実に非公開にする方法は?」。「デプロイしたウェブサイトを自分だけに見えるようにできますか?」
これらを尋ねているのは開発者ではありません。開発者はベーシック認証やvercel.jsonの設定について知っています。これは創業者、デザイナー、マーケター、セールスエンジニアであり、v0、Claude、Lovable、Boltでアプリや資料を生成し、一人の投資家または一人のクライアントに送るつもりだったリンクが、URLを持つ誰にでも見られるものでもあると気づいた人たちです。
この記事のテーマはこのギャップについてです。
本当に必要なもの(そして「静的HTMLをホストする」では足りない理由)
*「host html file」*で検索すると、tiiny.host、EdgeOne Makers Drop、PageDrop、Static.app、host-html.com、そして同じことを約束する数十のランディングページにたどり着きます。HTMLファイルをドラッグして公開URLを得る。完了です。
しかし「ホストする」と「共有する」は別の問題です。
ホスティング: ファイルをURLでアクセス可能にすることです。このリストのすべてのツールがこれを行います。ほとんどが無料で実現します。
共有: 誰が見られるかを決め、実際に誰が見たかを把握し、リンクが転送されたときに何が起きるかを制御することです。これらのツールのほとんどはこれを全く行いません。いくつかは不十分に行います。1つか2つはうまく行います。
必要なのがホスティングだけなら(GitHubアカウントを持つ開発者で、ポートフォリオページを公開したいだけなら)、この記事はあなたが必要としているものではありません。GitHub PagesかCloudflare Pagesを使いましょう。無料で、高速で、5分で完了します。
この記事は次のようなユースケース向けです:
- v0のデモを3人の投資家にメールで送り、実際に誰が開いたかを知りたい創業者。
- Claudeが生成したアーティファクトを、公開せずにクライアントに送りたいデザイナー。
- カスタムHTMLのモックアップを見込み客と共有し、その見込み客の購買委員会全体が今それを見ているかを知りたいセールスエンジニア。
- パスワードと「このリンクは14日後に失効する」が必要なインタラクティブな提案ページを提示するエージェンシー。
これらすべてに対して、選ぶツールは3つのことを処理しなければなりません: アップロード、アクセス、そして実際に誰が何を閲覧したかという事後のインテリジェンスです。
ここで、8つの一般的な選択肢を比較してみます。
8つのツールを一覧で
| ツール | アップロード | 無料枠 | 有料開始価格 | パスワード | メール認証 | 閲覧者ごとの分析 | 単一ファイル? | AIアーティファクト(Claude/v0/Lovable) |
|---|---|---|---|---|---|---|---|---|
| GitHub Pages | Gitリポジトリ | パブリック無制限 | $4/シート(Pro、プライベート用) | ネイティブなし | なし | なし | リポジトリ必須 | 静的HTMLのみ、JSX不可 |
| Vercel | Git / CLI | 無料Hobby(非商用のみ) | $20/シート(Pro) | Proプラン | なし | なし(集計のみ) | リポジトリ / CLI | v0ネイティブ; CSPは可変 |
| Netlify Drop | ドラッグアンドドロップ | 100 GB/月、300ビルド分 | $19 Personal / $20/月 Pro定額 | 有料プラン | フォームのみ | なし | はい、単一HTMLサポート | HTML可、JSXランタイムなし |
| Cloudflare Pages | Git / 直接アップロード | 帯域幅無制限 | $5/月 | Cloudflare Access経由 | なし | なし | アップロードで可 | 静的は可; CSPは自分で設定 |
| Surge.sh | CLIのみ | プロジェクト無制限 | $30/月 Pro | Proプラン | なし | なし | ディレクトリデプロイ | 静的は可; ランタイム補助なし |
| Render Static Sites | Gitのみ | 無料静的 | ホスティング$0; ワークスペース$19/シート | ネイティブなし | なし | なし | リポジトリ必須 | 静的は可 |
| tiiny.host | ドラッグアンドドロップ | 1サイト、約3 MB、ブランディング | $9 Tiny / $18 Solo / $38 Pro / $89 Pro Max | $18 Soloプラン | $38 Proプラン | なし(集計) | はい | AIツール向けChrome拡張機能; JSXランタイムなし |
| HummingDeck | Web UIアップロード | 5資料、1データルーム、ドキュメント単位のエンゲージメント、ボットフィルタリング | $10/月 Starter / $25/シート Pro / $40/シート Business | メール認証によるセキュアな共有(静的パスワードではない) | あり | あり、閲覧者ごと、ページごと | はい(HTML、PDF、PPT) | あり、サンドボックス+トラッキングスクリプトがClaude/v0/Lovableを処理 |
各ツールの詳細に入る前にいくつかの注記があります。
- 「単一ファイル」とは文字通りの意味です。 これらのツールの一部は、単一のHTMLファイルをリポジトリ、フォルダ、またはCLIコマンドで包むことを要求します。ファイルをブラウザタブにドラッグできないなら、この列で失格です。
- 「閲覧者ごとの分析」 はGoogle Analyticsではありません。集計のページビュー(「フランスからの42ビュー」)は、資料を送った特定の投資家がまだ開いていないかを知りたいときには役に立ちません。HummingDeckはこのリストで唯一、製品自体の中で閲覧者ごと・ページごとのデータを表示するツールです。
- AIアーティファクトの処理 には2つの層があります: ファイルを正しく提供すること(CSP、サンドボックス化)と、Claudeやv0からのJSX/Reactを手動のZIP包装なしで処理することです。両方を行うツールはわずかしかなく、その両方を行うのは1つだけです。
GitHub Pages
無料です。パブリックサイトは無制限。自動HTTPS付きのカスタムドメイン。すでにGitHubアカウントを持つ開発者のデフォルト回答です。
この読者層にとって重要な2つの落とし穴:
- 単一ファイルのワークフローではありません。 あなたの単一のHTMLファイルは、
index.htmlを含むリポジトリに置く必要があり、コミットし、プッシュし、ビルドを待つ必要があります。まだgitを使っていないなら、それは決して些細ではないオンボーディングです。 - 商用/SaaS用途は利用規約違反です。 多くの人がこれを認識していません。GitHubの利用規約には次のように記載されています。「GitHub Pagesは、オンラインビジネス、eコマースサイト、または主に商取引の促進やSaaSとしての商用ソフトウェアの提供を目的とする他のウェブサイトを運営するための無料Webホスティングサービスとしての使用を意図しておらず、また許可されていません」。ポートフォリオや個人デモは問題ありません。ページ自体が販売を促進する営業資料はNGです。
無料枠ではパスワード保護はありません。 GitHub Pro($4/ユーザー/月)でプライベートPagesが利用できます。
分析機能なし。 Google AnalyticsやPlausibleを自分で追加することになります。
こんなときに使う: あなたが開発者で、コンテンツが公開で、コストをゼロにしたい場合。それ以外はスキップしてください。
Vercel
v0 / Next.js / Reactエコシステムのデフォルトプラットフォームです。無料Hobbyプランは帯域幅(100 GB/月)とエッジリクエスト(100万)で寛大です。
ほとんどの人がはまる罠: 無料Hobbyプランは商用利用を禁止しています。 Vercelの利用規約には明確に記載されています。「Hobbyプランの下でのサービス利用は、個人的または非商用の利用のみに限られます」。v0のデモを見込み客に送るのは商用利用であり、Vercelはデプロイメントを無効化する権利を留保しています。Proプラン($20/ユーザー/月)が最も安価な商用ライセンスのオプションです。
パスワード保護もProの機能です。安いプランでは利用できません。
Vercel Analyticsは集計であり、閲覧者ごとではありません。国、デバイス、合計ビュー数は見られますが、「この見込み客は昨日3回リンクを開いた」というのは見られません。ほとんどのv0ユースケースでは、これはすぐに感じるギャップです。
こんなときに使う: 本番のReact/Next.jsアプリを出荷していて、すでにProを支払っていて、閲覧者ごとのトラッキングが不要な場合。1回限りのAIデモには、ライセンスとトラッキング不足のため間違ったツールです。
Netlify Drop
真剣なインフラ企業が提供する「HTMLファイルをドラッグしてURLを得る」に最も近いものです。Netlify Dropはフォルダ、zip、または単一HTMLファイルを受け付けます。最初のデプロイにはアカウント不要ですが、数日以内に申請したいところです。
無料枠: 帯域幅100 GB、月300ビルド分。
2026年4月14日付で、NetlifyはProプランを月額$20の定額・チームメンバー無制限に変更しました(出典: Netlifyブログ「The end of seats」)。この変更前は、Proは1シートあたり$20でした。定額制への変更はクレジット制のProプランに適用されます。2025年9月4日以前に作成されたシート制のレガシーProアカウントは、手動で移行しない限りレガシープランに留まります。
この読者層にとってNetlify Dropが不十分な点:
- サイト全体のパスワード保護は有料プランに限定されています。
- Netlify Formsはフォーム送信を捕捉します。ページアクセス前の閲覧者ごとのメール認証ではありません。
- 分析機能は集計のみです。
こんなときに使う: 最も速い無料ドラッグアンドドロップ体験を求めていて、誰がリンクを開いたかという閲覧者ごとのインテリジェンスが不要な場合。このカテゴリでは最良の無料オプションです。
Cloudflare Pages
Cloudflareの無料枠はインフラ面で他の追随を許しません: 帯域幅無制限、リクエスト無制限、SSL付きの無料カスタムドメイン、その下に無料のCloudflare CDN。
そうではないもの: 非開発者向けに最適化された単一ファイルのドラッグアンドドロップUIではありません。直接アップロードは存在しますが、ワークフローは依然としてwranglerまたはgitからデプロイする開発者向けに傾いています。
パスワード保護にはCloudflare Accessが必要で、無料枠(最大50シートまで)はありますが、シンプルなページごとのパスワードではありません。アイデンティティプロバイダーやポリシーで設定するゼロトラスト認証プロキシです。
ネイティブの閲覧者ごとの分析はなし。スクリプトを追加することになります。
こんなときに使う: あなたが開発者で、大きなトラフィックが見込まれ、無料の無制限帯域幅が重要な場合。1回限りの営業資料にはあまり役に立ちません。
Surge.sh
CLIツールです。npm install -g surgeを実行し、プロジェクトディレクトリでsurgeを実行します。無料枠はカスタムドメインと基本SSL付きで無制限プロジェクトです。
CLI専用のワークフローは非開発者層を除外します。日常業務にnpmが含まれていないなら、これはあなたのツールではありません。
Surge Professionalは月額$30です。 これでパスワード保護、カスタムSSL、HTTPからHTTPSへの強制、CORS、カスタムリダイレクトが利用できます。
こんなときに使う: Web UIよりもターミナルを好むフロントエンド開発者で、インフラのオーバーヘッドを最小にしたい場合。
Render Static Sites
VercelやCloudflare Pagesと同様に、Renderは開発者向けのプラットフォームです。静的サイトは無料で、月額$7の「Starter」はシート料金ではなく、サービスごとのコンピュート料金です。チーム/ワークスペース料金($19/ユーザー/月のProfessional)は別途です。
Gitリポジトリ必須、ドラッグアンドドロップなし。静的にネイティブのパスワード保護なし。閲覧者ごとの分析なし。
こんなときに使う: すでにバックエンドサービスでRenderを使っていて、同じワークスペースに静的フロントエンドを置きたい場合。
tiiny.host
この記事のほとんどの読者にとって、これは真っ向勝負の競合です。tiiny.hostは市場で最も目立つ「HTMLファイルをドラッグしてURLを得る」ツールの一つです。
料金(公開プランで検証済み):
| プラン | 月額 | 年額(実質月額) |
|---|---|---|
| Free | $0 | n/a |
| Tiny | $9 | $5 |
| Solo | $18 | $13 |
| Pro | $38 | $31 |
| Pro Max | $89 | $74 |
良い点:
- 本格的なドラッグアンドドロップUI。このリスト上で最速の「HTMLファイルからURL」のパスです。
- 2025年11月26日に提供開始されたChrome拡張機能は、ChatGPT、Claude、Gemini、Grok、DeepSeekの会話から直接デプロイできます。「Claudeのアーティファクトがあるけど、これからどうする?」というワークフローのギャップを2クリックで埋めます。
- Soloプラン($18/$13)でカスタムドメインとパスワード保護がアンロックされます。
- Proプラン($38/$31)でメール捕捉が追加されます。
不十分な点:
閲覧者ごとの分析なし。 tiiny.hostは集計の訪問数(「フランスからの42ビュー」)を表示するだけで、「clienta@example.comが先週火曜日に2回、4分間閲覧した」とは表示しません。B2Bのユースケース(リンクを送った特定の見込み客がエンゲージしているかを知る)では、集計の分析は役に立ちません。
JSX/Reactランタイムなし。 これは最も指摘されることが多くなっているギャップです。Claudeのアーティファクトやv0の出力は、JSXベースの単一ファイルになることが増えています。tiiny.hostは自分で包装すれば手動のZIPとしてホストできますが、JSXを自動検知してランタイムで包装することはしません。直接の競合であるOneClickLiveは、これを差別化要因として明示的にマーケティングしています。
制限の厳しい無料枠。 無料プランはファイルサイズを約3 MBに制限し、サイトを1つに限定します。複数のサードパーティのレビューは、無料枠がユーザーを素早く有料に押し上げるように設計されていると述べています: 一定期間の非アクティビティの後、サイトは利用可能性を制限する「プレビュー」モードに置かれます。無料枠は耐久的なホスティングではなく、トライアルとして扱ってください。
インライン再編集なし。 すべての改訂が再アップロードになります。
こんなときに使う: 最速のHTMLからURLへのドラッグアンドドロップが必要で、プレーンなHTML(JSXではない)をホストしていて、見込み客ごとのインテリジェンスよりも主に集計の訪問数が必要な場合。
HummingDeck
開示: これは私たちの製品です。トレードオフは正直に説明します。
HummingDeckは、営業資料やピッチデックをトラッキング付きで共有するツールとして始まりました。基盤となるインフラ(ファイルをアップロードし、トラッキング付きの共有リンクを取得し、誰がどのページを開いたかを見る)は、資料であれv0のデモであれClaudeのアーティファクトであれクライアントのモックアップであれ、あらゆる単一ファイルのHTMLアーティファクトに対して人々が必要としているものそのものでした。
HummingDeckがホスティングの上に追加するのは、セキュアな共有です: 誰がファイルを見られるか、実際に誰が見たか、そして彼らがそれで何をしたかを把握することです。
このリスト上の他のツールが行わないこと:
- 閲覧者ごと、ページごとのトラッキング。 どの特定の受信者がリンクを開いたか、何をクリックしたか、各ページまたはスライドにどのくらい滞在したか、戻ってきたかが見られます。「米国からの37ビュー」ではなく、「paula@acmecorp.comが提案書を閲覧し、価格設定セクションに4分滞在し、契約ページは開かなかった」というものです。
- メール認証による制限付き共有。 静的なパスワード(リンクと一緒に共有されてしまう)の代わりに、各閲覧者はアクセス前にメールアドレスを認証します。閲覧者は自分のアドレスを入力し、ワンタイムコードを受け取り、それから初めて入れます。3つのことが続きます: 誰が開いたかを正確に捕捉でき、リンクを他の全員に対して壊すことなく受信者ごとにアクセスを取り消すことができ、新しい閲覧者も認証しなければならないため転送が捕捉されます。これをパスワードと比較してください。パスワードはリンクが転送されるどこにでも静かについていきます。
- 転送の推測。 1つのリンクが20分以内に3つの異なる都市から開かれた場合、それは購買委員会がそれを回覧していることになります。私たちはそのシグナルを明示的に表面化します。
- ボットフィルタリング。 AIクローラー、SaaSボット、ヘッドレスブラウザは、共有リンクトラフィックのかなりの部分を占めます。私たちはそれらをフィルタリングするので、「閲覧済み」のカウントはGPTBotではなく人間を反映します。
- AIアーティファクトランタイム。 Claudeのアーティファクト(HTML + JSX + 注入されたCSS)、v0のエクスポート、Lovableのアプリ、Boltの出力。これらは私たちの閲覧者の中で変更されずに実行されます。ほとんどのプラットフォームで壊れるCSP、サンドボックス化、スクリプト注入を私たちが処理します。
- マルチドキュメントバンドル。 単一のトラッキング付きHTMLファイルがエントリーポイントです。B2B業務向けには、同じエンジンがデジタルセールスルーム(資料+価格+ケーススタディ+Loomを1つのブランド化されたURLの下に、セールス向け)とデータルーム(資料+財務モデル+キャップテーブル+デューデリジェンスPDFを資金調達向けに)にも拡張されます。
無料枠では、5つの資料、1つのデータルーム、ドキュメントレベルのエンゲージメントビュー(誰が開いたか、合計時間、ページカバレッジ)、ボットフィルタリングが利用できます。リテンション付きの履歴ページごとの分析(Starterで30日、Proで90日、Businessで無制限)は$10/月から始まります。
うまくないこと:
- 無制限の無料ではありません。 無料は5つの資料と1つのデータルームをカバーします。ヘビーユーザーはすぐに有料価格に達します。趣味の共有のために10個のHTMLファイルをホストしているなら、tiiny.hostやNetlify Dropの方が安価です。
- 地球上で最速のCDNではありません。 Cloudflare Pagesはミリ秒の差で速くロードします。トラッキング付きの共有リンクでは、レイテンシのコストは問題ではありません。公開のマーケティングサイトでは、問題になるかもしれません。
- 静的パスワードなし(意図的)。 私たちはメール認証を代わりに使用します。パスワードはリンクと一緒に共有されてしまい、アクセス制御を無効化します。特に1つの静的パスワードが必要な場合(例えば内部ページ用のチームパスワード)、Surgeやtiiny.hostのような静的パスワードホストの方がその狭いケースには適しています。
- 共有リンクのカスタムドメインはBusinessプラン専用($40/シート)。 StarterとProはHummingDeckがホストするサブドメインを使用します。ホワイトラベルの共有URLが初日から譲れない場合、Businessプランを考慮してください。
- 公開のインデックス可能なページ向けに設計されていません。 HummingDeckのリンクはデフォルトでプライベートです。GoogleがインデックスできるパブリックなマーケティングサイトのURLが欲しい場合、私たちには不向きな仕事です。
こんなときに使う: HTML/PDF/PPTファイルを、その身元、エンゲージメントの深さ、転送行動を気にする特定の人々に送る場合。B2Bのユースケース(セールス、資金調達、エージェンシーの提案、顧客向けデモ)こそHummingDeckが構築された目的です。
隠れた軸: 実際に誰が閲覧したか
上の表のパターン: ほとんどの「host html」ツールはアップロードの問題に答えます。アクセスの問題に答えるのは少数です。インテリジェンスの問題に答えるのはほぼ皆無です。
世界に見せるためのv0のポートフォリオ作品なら、気にしません。GitHub Pagesに置いてください。
1人のクライアントに送るClaude生成の提案書なら、インテリジェンスの問題こそ共有する全理由です:
- 彼らは開いたか?
- どのページを読んだか?
- 戻ってきたか?
- 転送したか?
- 他に誰が今見ているか?
ツールを選ぶときの決定要因をこの質問にしてください。ユースケースが答えを必要とするなら、ショートリストは急速に縮まります。HummingDeckはこのリスト上で答えを与える唯一のツールです。このリストにない2つの競合、LiveSendとOneClickLiveも、このニッチで閲覧者ごとのトラッキングを提供しており、HummingDeckの価格や機能の組み合わせが合わない場合は評価する価値があります。
AIアーティファクトの問題
別個に注目に値する問題があります: AIツールは、ますます複雑な単一ファイルのアーティファクトを生成しています。Claudeのアーティファクトは現在、HTML、JSX、Tailwindを1つのファイルで日常的に組み合わせます。v0のエクスポートはReactです。Lovableのアプリにはクライアント側の状態とリモートAPI呼び出しが含まれます。
ほとんどの静的ホストは、ファイルを生のHTMLとして提供してJSXを壊します。いくつかのプラットフォーム(Claudeの公開機能、OpenAIのcanvas共有)は、機能を剥ぎ取る強化されたサンドボックスでアーティファクトを実行します。
実践派ブロガーのSimon Willisonは2025年12月10日にこれについて書いています。彼はLLMで150を超える単一ファイルHTMLツールを構築しており、それらをLLMプラットフォームの組み込み共有機能でホストすることに 反対 を推奨しています。なぜなら、それらのプラットフォームはホストされたツールを厳しいサンドボックスで実行し、外部データや画像のロードをしばしば壊す制限があるからです。彼のデフォルトの推奨は無料のGitHub Pagesリポジトリで、単一ファイルHTML形式を配布の単位として扱うことです。
検討中のツールがJSXのラッピング、インラインスクリプトのCSP、サンドボックスの分離を明示的に処理しない場合で、あなたのアーティファクトに些細でないインタラクティビティがあるなら、コミットする前にテストしてください。
この層を今日明示的に処理するツール:
- HummingDeck(CSP/サンドボックスランタイム、トラッキングリンク内でフルJSXレンダリング)
- OneClickLive(React/JSXを自動検知、Babel-in-browserで包装、Cloudflareエッジにデプロイ)
- Vercel(アーティファクトを単一ファイルではなくNext.jsプロジェクトとして出荷する場合)
これを行わないツール:
- GitHub Pages、Cloudflare Pages、Netlify Drop、Render、Surgeは生のHTML/JSを提供し、JSXのラッピングはなし。
- tiiny.hostはJSXに手動のZIPを要求します。
どれを選ぶか
短い決定マトリックス:
| あなたが | 選ぶべきもの |
|---|---|
| ポートフォリオHTMLファイルを持つ開発者 | GitHub Pages |
| 本番のReactを出荷する開発者 | Vercel ProまたはCloudflare Pages |
| HTMLデモを少人数に無料で1回限り共有する | Netlify Drop |
| HTML/PDF/資料を特定の見込み客に共有し、誰が何を開いたかを知る必要がある | HummingDeck |
| AI生成アーティファクトを認証済み閲覧者アクセス(共有パスワードではない)で共有する | HummingDeck(メール認証) |
| Claudeやv0のJSX/Reactアーティファクトを手動ラッピングなしで共有する | HummingDeckまたはOneClickLive |
| 資料+価格+ケーススタディを1つの購買委員会に共有する | HummingDeck デジタルセールスルーム |
| 資金調達資料を複数の投資家パートナーと共有する | HummingDeck データルーム |
| 単一の静的なチームパスワード背後で公開の内部ページをホストする | Surge Proまたはtiiny.host Solo |
| 有料ツールを避け、gitスキルがある | Cloudflare Pages |
ホスティングは仕事の半分
HTMLファイルが公開されたら、HummingDeckでトラッキングリンクとして共有しましょう。各受信者がどのページを読んだか、いつ戻ってきたか、誰にリンクを転送したかが見られます。
FAQ
単一HTMLファイルを無料でホストできますか?
はい。Netlify Dropはアカウントなしで単一HTMLファイルを受け付け、GitHubリポジトリがあればGitHub Pagesは無料で、Cloudflare PagesとRenderの両方が無料の静的ホスティングを提供します。tiiny.hostとHummingDeckは制限付きの無料枠を提供します。正直なトレードオフ: 無料ホスティングはURLを提供しますが、パスワード保護、閲覧者ごとの分析、商用利用ライセンスを提供することはほとんどありません。
最良のtiiny.host代替は何ですか?
ぶつかっているtiiny.hostの制限によります。3 MBの無料枠の制限なら、Netlify DropやCloudflare Pagesがより大きなファイルを無料で扱います。閲覧者ごとの分析の不足なら、HummingDeckが最も近い機能的な代替です。JSX/Reactの処理なら、OneClickLiveまたはHummingDeckがClaudeのアーティファクトとv0の出力を直接処理します。
AI生成のHTMLページ(Claude、v0、Lovable)をクライアントとプライベートに共有する方法は?
Vercelのプレビューリンクはデフォルトで公開です。Claudeの「Publish」機能は分析なしの公開URLを提供し、チーム/エンタープライズのClaudeアカウントではアーティファクトを公開で公開することは全くできません。最もクリーンな方法は、HummingDeckにアップロードしてメール認証をオンにすることです。これにより、各閲覧者はアクセス前にアドレスを認証し、誰が実際に何を開いたかが見られます。セルフホストの代替として、アイデンティティポリシーの設定に慣れているなら、Cloudflare Access背後のCloudflare Pagesが機能します。HDのパスについてはClaudeアーティファクトのウォークスルーをご覧ください。
GitHub Pagesは商用利用を許可していますか?
ページ自体については許可していません。GitHubの利用規約には「Pagesは、オンラインビジネス、eコマースサイト、または主に商取引の促進やSaaSとしての商用ソフトウェアの提供を目的とする他のウェブサイトを運営するための無料Webホスティングサービスとしての使用を意図しておらず、また許可されていません」と記載されています。会社に勤めている人のポートフォリオは問題ありません。ページ自体で取引を成立させる営業資産は規約違反です。Vercelの無料Hobbyプランも「商業活動」に対して同じ制約があります。
静的HTMLファイルを誰が閲覧したかをトラッキングできますか?
これらのツールのほとんどではできません。GitHub Pages、Cloudflare Pages、Netlify Drop、Render、Surgeはネイティブの分析を提供しません。Vercelとtiiny.hostは集計の訪問を表示し、閲覧者ごとの身元は表示しません。HummingDeckと専門の競合(LiveSend、OneClickLive)は閲覧者ごと、ページごとのトラッキングを提供し、誰が具体的に開いたか、何を読んだか、転送したかどうかを表面化します。
ClaudeのアーティファクトのReactやJSXはどうですか?
ほとんどの静的ホストは生のHTML/JSを提供し、ビルドステップなしでJSXをレンダリングしません。HTML + JSX + Tailwindを単一ファイルで組み合わせるClaudeのアーティファクトは、よくある破綻ポイントです。単一ファイルでのJSXを手動ラッピングなしで処理するツールは、HummingDeckとOneClickLiveです。tiiny.hostは自分でアーティファクトをZIPとして包装することを要求します。Vercelは出力を単一HTMLファイルではなくNext.jsプロジェクトとして扱えば処理できます。
関連記事:
- Claudeデザインアーティファクト(HTML資料)を共有してスライドごとのエンゲージメントをトラッキングする方法: Claudeアーティファクトのパスに特化した姉妹ガイド。
- 2026年のFigma Slidesトラッキング: ネイティブ共有、Pitchdeck、HummingDeckを比較: HTMLではなくFigma Slidesに対する同等の比較。
- セールス向けHummingDeck | デジタルセールスルーム | データルーム | 料金
