Claude HTML artifactをライブプレビューURLで共有
Claude HTMLを共有し、GitHubやサーバー設定なしでClaude生成HTMLを公開プレビューURLとしてホストする方法。
最初に答え
Claude HTMLを共有するには、生成されたartifactを完全な .html ファイルとして保存するか、index.htmlと関連アセットを保持し、PreviewShipのアップロード、貼り付け、CLI、MCP、VS Code、Cursorで公開します。PreviewShipはClaude HTMLを公開HTTPSプレビューURLとしてホストします。
ソースコードzipではなくビルド成果物をデプロイしてください。
zipをアップロードする場合は、先にプロジェクトをビルドし、index.htmlとアセットを含むdist、build、out、publicなどの静的出力をzipにしてください。package.json、src、node_modulesを含む生のソースフォルダーはアップロードしないでください。単一の.html、.md/.markdown、.pdfファイルは、コンソール、CLI、MCP、VS Code/Cursor拡張から直接デプロイできます。
要点
推奨ワークフロー
完全なHTMLファイル、HTMLソース、またはindex.htmlを含む静的ビルドフォルダーを用意します。
PreviewShipコンソールでアップロードまたは貼り付けるか、`npx previewship deploy ./page.html or ./README.md`を実行します。
PreviewShipが静的プレビューとして公開し、HTTPS URLを生成します。
URLを開いて確認し、チーム、クライアント、レビュアーに共有します。
比較概要
HTMLを直接公開すべきタイミング
ページがブラウザで実行できる完全なHTMLなら、アップロードまたは貼り付けが最短です。PreviewShipは静的プレビューとして公開し、公開URLを返します。
ローカルのCSS、画像、フォント、JavaScriptを参照する場合は、それらとindex.htmlを含む静的ビルドフォルダーまたはzipをアップロードしてください。
AIワークフローで重要な理由
AIツールは単一HTML、レポート、プロトタイプ、可視化ページをよく生成します。共有を止めるのは生成ではなく、安定した公開URLにする最後のステップです。
PreviewShipはブラウザアップロード、CLI、MCP、VS Code、Cursorを同じHTML-to-URLワークフローに接続します。
FAQ
zipなしでHTMLを直接アップロードできますか？
はい。PreviewShipは .html の直接アップロードと完全なHTMLソースの貼り付けに対応しています。
ChatGPTやClaudeが生成したHTMLを公開できますか？
はい。HTMLをコピー、.htmlをアップロード、またはCLI/MCPでデプロイすると公開HTTPS URLを取得できます。
独自ドメインは必要ですか？
いいえ。PreviewShipがホストされたプレビューURLを返すため、すぐに共有できます。
ソースコードとビルド成果物のどちらをアップロードしますか？
ブラウザで直接実行できる成果物をアップロードしてください。単一HTMLは直接、フレームワークは先にビルドします。