Claude Code からサイトをデプロイする方法: 手作業なしで公開

Claude Code は美しい HTML を生成します。では次は？FTP も Git push も別ホスティング設定も不要で、Claude Code から直接サイトをデプロイする方法を紹介します。たった一回のコマンドで公開できます。

Claude Code がランディングページを作成しました。HTML はきれいで、CSS はレスポンシブ、JavaScript はインタラクションを滑らかに処理します。ファイルはプロジェクトディレクトリにあり、すぐに公開できる状態です。

しかしそこで気づきます。あなたのエージェントは何でも作れますが、オンラインには置けません。ビルドは終わったのに、デプロイはまだ始まっていないのです。

このギャップを埋める方法を紹介します。Claude Code からデプロイする三つの方法を、手動から一発コマンドまで見ていきます。

ビルドとデプロイのギャップ

コーディングエージェントはビルドが得意です。デプロイのために作られているわけではありません。

Claude Code はコードを書き、テストを実行し、出力を整えます。しかしデプロイには、サーバー、ドメイン、HTTPS 証明書、CDN 設定が必要です。これは、エージェントが動作するターミナルセッションとは別世界のインフラです。

多くの開発者はこれを手動で行います:

エージェントがページを作る
あなたがターミナルを開く
ホスティングを設定する（Netlify、Vercel、GitHub Pages、S3）
push または upload する
ビルドを待つ
URL を受け取る

エージェントがやるのは 1 です。あなたが 2〜6 をやります。これはエージェント的な流れではなく、引き継ぎです。

方法 1: GitHub Pages（手動、無料）

GitHub Pages は静的サイトで最も一般的な方法です。エージェントが HTML を作り、あなたがリポジトリへ push し、GitHub がデプロイします。

セットアップ:

GitHub リポジトリを作成する
エージェントの出力をリポジトリへ push する
リポジトリ設定で GitHub Pages を有効にする
CI ビルドを待つ
URL を取得する

これは動きます。無料です。バージョン管理もできます。ですが、デプロイのたびに Git push が必要です。つまり、エージェントにはリポジトリアクセスが必要で、使い捨てページでも永続的なコミット履歴が残ります。

エージェント的ではありません。ただ自動化された手作業です。

方法 2: 手動のクラウドアップロード（S3、R2 など）

クラウドストレージへ直接アップロードする方法:

S3/R2 バケットを作成する
公開アクセスを設定する
静的サイトホスティングを構成する
エージェントの出力ファイルをアップロードする
CORS とキャッシュを設定する
URL を取得する

GitHub Pages よりも制御できますが、設定も増えます。各ページごとにバケットポリシーを確認し、更新のたびにキャッシュ無効化が必要です。これは、デプロイの顔をしたインフラ作業です。

方法 3: 1 コマンドでデプロイする（AnyCap 方式）

エージェントがページを作成し、次に 1 つのコマンドを実行します:

anycap page deploy ./build/index.html --title "My Landing Page"

それだけです。1 コマンド。エージェントはライブ URL を受け取ります。リポジトリもバケットも手動設定も不要です。

ランタイムが担うもの:

レンダリング。 HTML と Markdown の両方に対応。エージェントがどちらで出力しても、ランタイムが描画します。
ホスティング。 ページは即座に公開されます。ビルド工程も CI パイプラインも DNS 設定もありません。
HTTPS。 すべてのページに TLS が自動で付与されます。証明書設定は不要です。
URL。 エージェントは公開 URL を受け取ります。Slack、メール、別ページに埋め込めます。

インストール:

npm i -g anycap
anycap login
anycap skill install --target ~/.claude/skills/anycap-cli/

→ AnyCap を無料でインストール — 新規ユーザーに 250 クレジット

完全なワークフロー: 1 セッションでビルド + デプロイ

アイデアから公開ページまでの Claude Code 完全ワークフローです:

# 1. Claude Code がランディングページを作る
# (エージェントが index.html, styles.css, app.js を書く)

# 2. ページ用のヒーロー画像を生成する
anycap image generate \
  --prompt "a modern SaaS dashboard on a laptop, clean lighting, product photography" \
  --model seedream-5 \
  -o hero.jpg

# 3. 画像をページに埋め込む
# (エージェントが hero.jpg を参照するよう HTML を更新する)

# 4. デプロイする
anycap page deploy ./build/index.html \
  --title "Product Launch — June 2026" \
  --description "New feature announcement page"

# 5. URL を受け取る
# "Page deployed: https://anycap.ai/page/..."

エージェントはページを作り、ビジュアルを生成し、埋め込み、デプロイまで行いました。すべて 1 セッション内です。あなたは成果を指示しただけで、あとはエージェントループの中で起こりました。

いつデプロイし、いつ保存するか

すべてにライブページが必要なわけではありません。判断基準はこちらです:

デプロイする場合...	保存する場合...
公開共有するためのページ	社内利用や後日の参照用ファイル
誰かに送る URL が必要	エージェント向けの永続ストレージが必要
完成したページが出力	画像、動画、CSV などのアセットが出力
単発レポート、試作、告知	より大きなプロジェクトの一部

公開せずに保存だけするなら: anycap drive upload ./report.md — ファイルはクラウドストレージに保存され共有リンクが付与されますが、公開 Web ページにはなりません。

実際のユースケース

即時の変更履歴ページ

エージェントが最新のコミットを取得し、変更履歴ページを生成してデプロイします:

# エージェントが git log を読み、HTML の changelog として整形する
anycap page deploy changelog.html --title "Changelog — Week of May 18, 2026"

1 コマンド。ライブの変更履歴。CMS は不要です。

クライアント向けプロトタイプ

エージェントが仕様書をもとにプロトタイプを作成します。あなたはそれをデプロイし、URL をクライアントへ送ります:

anycap page deploy prototype/landing.html --title "Client Preview — Homepage Redesign v3"

クライアントはリンクをクリックするだけ。ステージング環境も Netlify デプロイもありません。あるのは URL だけです。

調査レポート

エージェントがテーマを調査し、結果をまとめ、レポートを公開します:

anycap search --prompt "competitor product launches Q2 2026" --citations
# エージェントが結果を分析し、HTML レポートとして書き出す
anycap page deploy q2-competitive-analysis.html --title "Q2 2026 Competitive Analysis"

調査 → レポート → 公開。すべてエージェントループの中です。

Page + Drive + Search スタック

デプロイは、他の機能と組み合わせると最も強力です:

SEARCH → テーマを調査
   ↓
CRAWL → 詳細データを抽出
   ↓
IMAGE GEN → ビジュアルを作成
   ↓
BUILD → エージェントがページを書く
   ↓
DEPLOY → ページが公開される
   ↓
DRIVE → アセットを永続保存

1 つの CLI。1 つのセッション。エージェントが調査し、作成し、公開します。あなたはデプロイ設定に一切触れません。

FAQ

Markdown ファイルでも使えますか？

はい。anycap page deploy ./report.md は Markdown をスタイル付きのページとしてレンダリングします。エージェントは好きな形式で書けます。

独自ドメインは使えますか？

独自ドメインは有料プランで利用できます。無料のデプロイは anycap.ai/page/... の URL になります。

GitHub Pages と何が違うのですか？

GitHub Pages には Git push、リポジトリ、CI 設定が必要です。AnyCap Page はエージェントのターミナルセッションから 1 回実行するコマンドです。リポジトリも push も CI もありません。人間向けではなく、エージェント向けに作られています。

Cursor や Codex でも使えますか？

はい。anycap page deploy は Claude Code、Cursor、Codex で同じ CLI を使います。1 回インストールすれば、すべてのエージェントで使えます。

既存ページを更新できますか？

はい。同じパスに更新済みコンテンツでデプロイすれば、ページが更新されます。

まとめ

Claude Code は何でも作れます。ただし、それをオンラインに置くことはできません。あなたがその能力を与えるまでは。ビルドとデプロイのギャップは、エージェントが作ったものとチームが実際に使えるものの間にある最後の距離です。

そのギャップを埋めましょう。1 コマンド、ライブページ、手作業なし。

→ [Claude Code に 1 コマンドのデプロイを与える — ターミナルから直接公開] (https://anycap.ai/dashboard)

📖 次に読む

Claude Code に Web クローリングを追加する方法 — 調査駆動のビルド向けにページ全体へ Web アクセス。
Claude Code で動画を生成する方法: 完全ガイド 2026 — エージェントが作るページに動画を追加。
AI 画像から動画へ: コーディングエージェント向け完全パイプライン — デプロイ済みページのビジュアルと動きを生成。

AI コーディングエージェントに本物の機能を与える方法 — 完全な機能スタックの概要。
Capability Runtime とは何か — 1 つの CLI が 5 つの個別 API より優れている理由。

AnyCap チームによる執筆。私たちは、あなたのエージェントをビルドからデプロイまで 1 コマンドでつなぐ capability runtime を構築しています。手作業なし、別ホスティングなし。

Claude Code からサイトをデプロイする方法: 手作業ゼロで公開する (2026)