AIワークフロー
Cursor、Claude、ChatGPTで生成したページをデプロイする方法
Cursor、Claude Code、ChatGPTは完全なHTMLページを数秒で生成できます。しかし、他の人に見せるにはオンライン公開が必要です。このガイドでは、AIの出力から共有URLまでの最短手順を説明します。
「生成済み」と「共有可能」の間にある手間
多くのAIコーディングツールは、ローカルディスクにファイルを出力します。共有するためにGitHubリポジトリを作り、NetlifyやVercelへ接続してビルドを待つと、5〜10分の作業切り替えが発生します。
HTML To Linkなら、出力フォルダーをZIPにしてアップロードするか、AgentにAPIを呼ばせるだけでURLを取得できます。リポジトリもビルドパイプラインも不要です。
手動：コピー＆ペーストまたはドラッグ＆ドロップ
AIから単一のHTML文字列を受け取った場合は、HTML To Linkのコードエディターへ直接貼り付けて公開します。
CSSや画像を含むフォルダーが生成された場合はZIPにし、アーカイブをドラッグします。入口ファイルを確認して公開してください。
- 単一ファイル：コードを貼り付け → プレビュー → 公開
- 複数ファイル：フォルダーをZIP化 → アップロード → 入口を選択 → 公開
- 所要時間：1分未満
自動：AI Agentにデプロイを任せる
HTML To LinkのSkillページからプロンプトをコピーし、Agentのコンテキストへ追加します。Agentがプロジェクトを圧縮してデプロイAPIを呼び、公開URLだけを返します。
ページの修正をAIへ依頼し、同じリンクへ自動的に再デプロイできるため、反復的なワークフローに適しています。
FAQ
どのAIツールでも使えますか？
はい。HTMLファイルを出力するかHTTP APIを呼べるツールなら、Cursor、Claude Code、Windsurf、ChatGPTプラグイン、独自Agentで利用できます。
AIは後から同じリンクを更新できますか？
はい。API Tokenを使うと、Agentが既存のデプロイを更新し、反復作業を通じてURLを維持できます。
対応しているファイル形式は何ですか？
HTML、CSS、JS、画像、フォントなど、ブラウザーで動作するものに対応します。ビルド手順やバンドラーは不要です。