index.html を用意
HTML を貼り付けるか、index.html 単体、または関連アセットを含む ZIP をアップロードします。
index.html プロジェクトのプレビュー
静的アセットを含む index.html プロジェクトをプレビュー
このページは index.html を入口とする静的サイト向けです。自己完結した HTML は単体でアップロードできます。ローカルの CSS、JavaScript、画像、フォントを使う場合は ZIP をアップロードすると相対パスとファイル構成を保てます。
npx @htmlshare/cli install --agent all
1つのコマンドで Codex、Claude、Cursor にローカルSkillをインストールします。インストール後、いずれかのツールで /htmlshare を使って現在のHTMLプロジェクトを公開できます。
アセットをまとめる
ZIP に CSS、JavaScript、画像、フォントを含めると、相対フォルダ構成を保てます。
プレビューを共有
ファイルのダウンロードやローカルサーバーの起動を依頼せず、ブラウザプレビューを共有できます。
index.html から共有できるプレビューへ
index.html プロジェクトをリンクで見せる
ローカルで index.html を開けば簡単な確認はできますが、同じページとアセットをクライアントやチームに見せるには共有リンクが便利です。HTMLShare はレビュー用の noindex プレビューリンクを作成します。
index.html が ./style.css、./app.js、画像、フォントを参照する場合は、フォルダ全体を ZIP にしてください。相対パスを維持すると、プレビューでも必要なファイルを読み込めます。
入口ファイルとアセットを一緒に保つ
index.html が ./style.css、./app.js、画像、フォントを参照する場合は、フォルダ全体を ZIP にしてください。相対パスを維持すると、プレビューでも必要なファイルを読み込めます。
こんな用途に
Codex、Claude、ChatGPT、Cursor が生成した HTML サイトを確認する。
本番公開の前に、静的サイトの案をクライアントに見せる。
CSS、JavaScript、画像、フォントを含む ZIP を確認する。
スクリーンショットの代わりに操作できるブラウザリンクを共有する。
サイト全体をデプロイせずに index.html をプレビューできますか？
はい。index.html を HTMLShare にアップロードするとブラウザプレビューリンクが作成されます。追加のアセットがある場合は ZIP をアップロードしてください。
CSS、JavaScript、画像はプレビューで使えますか？
静的プロジェクト全体を ZIP に含め、index.html が使う相対パスを保てば読み込めます。
ZIP 内の index.html はどこに置けばよいですか？
ZIP のルート、または dist/ のような1階層の外側フォルダに置いてください。参照先のアセットも相対パスを保って含めます。
本番サイトのホスティングにも向いていますか？
HTMLShare は noindex のプレビュー、レビュー、プロトタイプ向けです。検索流入を得る公開ページには本番用のホスティングを使ってください。