Claude (Artifacts) で作ったサイトをホスティングする方法
Claude は Artifact として美しいサイトを作りますが、Artifact は Claude の中にあるため、お客さまに本物の URL を渡せません。SiteDrop は Artifact のコードを自分のリンクで公開し、普通のサイトと同じように使えるようにします。
無料でサイトを公開 →5 ステップで公開
- Claude で、サイトが入っている Artifact を開きます。
- Artifact をコード表示に切り替え、HTML 全体（表示されている CSS や JavaScript も）をコピーします。
- 新しいフォルダーに index.html として保存し、別ファイルのアセットがあれば同じ場所に追加します。
- フォルダーを .zip に圧縮します。
- .zip を SiteDrop にアップロードして、Claude では手に入らない公開リンクを共有しましょう。
使えるファイルの種類
Claude の Artifact は、ほとんどの場合 CSS と JavaScript が中に含まれた自己完結型の index.html 1 つで、静的ホスティングでいちばん簡単なケースです。Artifact が画像やアイコンフォントを URL から読み込んでいる場合は、同じフォルダーにダウンロードしてタグをローカルファイルに向ければ、Claude の稼働状況に左右されません。
うまくいかないときと直し方
- お客さまに共有した Artifact のリンクが使えなくなった。
Artifact の URL は Claude の中で表示されるもので、変わったり期限切れになったりします。代わりに SiteDrop でコードを公開しましょう。自分のものである独立した URL は、Claude のセッションに左右されません。
- 公開するとフォントやアイコンの見た目が変わる。
Artifact は、zip に含まれていない CDN からそれらを読み込んでいました。公開 CDN の <link> をそのまま残すか、フォントやアイコンのファイルをフォルダーにダウンロードしてローカルで参照してください。
- プレビューを公開したが中身が空。
コピーしたのは表示されたプレビューで、ソースではありません。Artifact をコード表示（</> の切り替え）にして、そこから HTML をコピーしてください。
SiteDrop と、Netlify をそのまま使う場合の比較
Netlify はリポジトリとビルドの仕組みのために設計されていますが、ファイル 1 つの Claude Artifact にはそのどれも必要ありません。HTML ファイル 1 つを汎用のデプロイツールにドラッグするのは、作業に見合わないほどのアカウント設定が必要です。SiteDrop はまさに「ファイルはあるから公開して」のために作られているので、自己完結型の Artifact なら 30 秒のアップロードで本物のリンクが手に入り、独自ドメインも選べます。
Claude (Artifacts) のホスティング — よくある質問
Claude の Artifact のリンクをそのまま共有してはいけないのはなぜですか？
Artifact のリンクは、見る人が Claude の中で開く必要があり、変わったり期限切れになったりします。SiteDrop でコードを公開すれば、自分で管理できる恒久的で独立した URL が手に入ります。
Artifact は自己完結型の HTML ファイル 1 つですが、使えますか？
問題なく使えます。index.html として保存し、zip にしてアップロードしてください。自己完結型の Artifact はいちばん簡単なケースです。
Claude (Artifacts) のサイトを公開する準備はできましたか？
.zip をアップロードすれば、1 分以内に共有できる公開リンクが手に入ります。7 日間の無料プレビュー付き、カードは不要です。
今すぐ公開する →