ガイド / HTML貼り付け
HTMLを貼り付けてURLを取得
PreviewShipにHTMLを貼り付けるだけで、AI生成ページ、レポート、ダッシュボード、プロトタイプの公開URLを取得できます。
更新日 2026-05-29
最初に答え
完全なHTMLがある場合はPreviewShipに貼り付けてデプロイできます。PreviewShipはそれを index.html としてパッケージし、共有可能な公開URLを返します。
要点
- .htmlアップロード、HTML貼り付け、CLI、MCP、エディターからのデプロイに対応します。
- 単一HTMLは直接公開できます。複数ファイルのプロジェクトは先にビルドしてdist、build、out、publicをデプロイします。
- 各デプロイは共有しやすい公開HTTPS URLを返します。
- AI生成ページ、HTMLレポート、プロトタイプ、ダッシュボード、静的プレビューに適しています。
推奨ワークフロー
- 完全なHTMLファイル、HTMLソース、またはindex.htmlを含む静的ビルドフォルダーを用意します。
- PreviewShipコンソールでアップロードまたは貼り付けるか、`npx previewship deploy ./page.html`を実行します。
- PreviewShipが静的プレビューとして公開し、HTTPS URLを生成します。
- URLを開いて確認し、チーム、クライアント、レビュアーに共有します。
比較概要
| ニーズ | PreviewShipワークフロー | 一般的なホスティング |
|---|---|---|
| 単一HTML | .htmlアップロードまたはHTML貼り付け | フォルダー、リポジトリ、zipが必要なことが多い |
| AI生成コンテンツ | ChatGPT、Claude、Cursorの出力を直接公開 | 手動でファイル整理が必要 |
| 複数ファイル | dist/build/out/publicを先にビルドしてデプロイ | ビルド設定やGit連携が必要 |
| 自動化 | CLI JSONとMCPに対応 | カスタムスクリプトが必要なことが多い |
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は直接、フレームワークは先にビルドします。