2026年7月18日更新 — 料金を現行の有料のみプランに修正し、プラットフォーム別デプロイの真実を刷新。
VULKのワンクリックデプロイはどう機能する?
完全な答え:VULKエディタでDeployをクリックすると、VULKが自社サーバーでプロジェクトをビルドし(vite build — TypeScriptコンパイル、バンドル、Tailwindのパージ、ミニファイ、ハッシュ付きファイル名)、静的出力をDirect Upload API経由でCloudflare Pagesにアップロードし、pages.devドメイン上のライブHTTPS URLを手渡します。全プロセス — ビルド、アップロード、DNS、SSL — は10〜30秒で完了します。CI/CDパイプラインも、ホスティングダッシュボードも、設定も不要です。
この速度が重要なのは、それを取り巻く文脈のためです:VULKの中央値ビルダーはサインアップから生成アプリまで47秒で到達し、デプロイも同じリズムを保ちます — アイデアからライブURLまで合計2分未満(VULKプラットフォームデータ、2026年7月、N = 11,355プロジェクト)。デプロイは全プランに含まれます。VULKは有料のみで、Builder $19.99/月から、$3.99からの3日間フルアクセスイントロ付きです。
なぜVercelやNetlifyではなくCloudflareなのか?
これはいつも聞かれます。AIコードビルダーはどこもデフォルトでVercelを選びます。当然の選択です — 優れたDX、Next.jsとの緊密な統合、簡単なセットアップ。ではなぜ私はVULKのデプロイパイプラインにCloudflare Pagesを選んだのか?
理由は3つあり、すべてVULKが生成するアプリにとって何が重要かに帰着します。
帯域幅の請求がない。 これが最大の理由です。Vercelは無料枠を超えた帯域幅に課金します。Netlifyも帯域幅に課金します。Cloudflare Pagesの帯域幅料金はゼロです。VULKで生成したアプリをデプロイしてトラフィックが来ても、想定外の請求は来ません。数千人のユーザーがアプリをデプロイするプラットフォームにとって、これは決定的に重要です — 私たちにとってもユーザーにとっても。
グローバルエッジネットワーク。 Cloudflareは100か国以上に300超のデータセンターを持ちます。デプロイされたアプリは各訪問者に最も近いエッジロケーションから配信されます。東京のユーザーは東京から、サンパウロのユーザーはサンパウロから。Time to first byteはグローバルで一貫して50ms未満です。VercelとNetlifyのCDNも優秀ですが、Cloudflareのネットワークは正真正銘、最大です。
アトミックデプロイ。 再デプロイ時、Cloudflareは新バージョンのアップロードが完全に終わるまで旧バージョンを配信し、その後瞬時に切り替えます。中途半端なデプロイ状態なし。ダウンタイムなし。ユーザーが頻繁にイテレーションして再デプロイするプラットフォームには不可欠です。
トレードオフは、Cloudflare Pagesが静的サイトとサーバーレス関数のみを配信し、完全なサーバーサイドレンダリングのアプリケーションは扱えないこと。しかしVULKはウェブプロジェクトにReact + Vite SPAを生成するので、これは完璧に噛み合います。制約が出力と一致しているのです。
Deployをクリックすると何がステップごとに起こる?
ステップ1:Deployをクリック。 ボタンは上部ツールバーの、プレビューコントロールの隣にあります。デプロイダイアログが開き、ビルドの進行がリアルタイムで表示されます。
ステップ2:VULKが自社サーバーでプロジェクトをビルド。 React + Viteアプリではvite buildが実行されます:TypeScriptをJavaScriptにコンパイルし、全モジュールを最適化されたチャンクにバンドルし、Tailwind CSSを処理・パージし、すべてをミニファイし、キャッシュバスティング用のハッシュ付きファイル名を生成し、クリーンなdist/ディレクトリを出力します。これはあなたのブラウザではなく、私たちのインフラで実行されます。ビルド時間はプロジェクトサイズにより5〜20秒です。
ステップ3:Cloudflare Pagesへアップロード。 ビルド出力 — 静的なHTML、CSS、JS、アセット — がCloudflareのDirect Upload API経由でアップロードされ、グローバルネットワーク全体に分散されます。
ステップ4:ライブURLを取得。 Cloudflareがpages.devドメイン上のURL(例:workout-tracker-abc123.pages.dev)をプロジェクトに割り当てます。HTTPSは自動 — CloudflareがSSL証明書を即座にプロビジョニングします。設定不要。待ち時間なし。
デプロイ前に何が必要?
Deployを押す前に確認すべき2点:
アプリがプレビューでコンパイルできること。 プレビューがエラーや白い画面を示すなら、本番ビルドも失敗します。Viteの本番ビルドは開発サーバーより厳格で、ホットモジュールリプレースメントが見逃すインポートエラーや型の問題を捕まえます。まず直しましょう。
プロジェクトに合ったプランであること。 VULKは有料のみ(無料枠なし):Builder($19.99/月)、Pro($39.99/月)、Team($79.99/月)、Max($199/月)、Business($299/月)。各プランは$3.99からの3日間フルアクセスイントロで始まり、継続すれば初月に充当されます。バックエンド + PostgreSQLのデプロイはBuilderから、VULK経由のカスタムドメインはProからです。
デプロイされたアプリはどれくらい速い?
これを気にかけるのは、VULKからデプロイされるアプリが私たちの品質を代表するからです。遅ければ、それは私たちに跳ね返ります。
VULKが生成するReactアプリはデフォルトで最適化されています。Viteのビルドはコード分割されたチャンク、ツリーシェイクされたバンドル、圧縮されたアセットを生成します。Cloudflareのエッジキャッシュと組み合わせて、結果は一貫して優秀です:
- Time to first byte (TTFB): ほとんどのグローバル拠点で50ms未満
- ページ完全読み込み: 典型的なVULK生成アプリで1秒未満
- キャッシュ動作: 静的アセットはハッシュ付きファイル名で全エッジロケーションにキャッシュされ、リピーターはほぼ瞬時に読み込み
これらは何も設定不要です。ビルドパイプラインとCDN設定は自動で処理されます。
カスタムドメインの接続は?
pages.devのURLはテストや共有には十分ですが、本格的なプロジェクトには独自ドメインが欲しいところです。手順:
1. デプロイダイアログまたはプロジェクト設定からCloudflareプロジェクト名を控えます。
2. ドメインがまだCloudflareにない場合、dash.cloudflare.comで追加し(無料プランで可)、レジストラのネームサーバーを更新します。
3. CloudflareダッシュボードでPagesへ進み、プロジェクトを見つけ、Custom Domainsを開いてドメイン(myapp.comやapp.mydomain.comなど)を追加します。CloudflareがDNSレコードを作成し、SSL証明書を自動でプロビジョニングします。
4. SSLプロビジョニングを1〜5分待ちます。ドメインが既にCloudflareにあれば、全体で2分かかりません。
変更後の再デプロイは?
開発はイテレーティブです。デプロイ後も変更します — 新機能、バグ修正、デザイン調整。再デプロイは初回デプロイと同一です:
- エディタで変更する(プロンプトまたは手動のコード編集)。
- プレビューで確認する。
- Deployをクリックする。
新バージョンが同じURLで旧バージョンを置き換えます。Cloudflareのアトミックデプロイにより切り替えは瞬時 — 訪問者が中途半端な状態を見ることはありません。
VULKには現在、バージョン管理UIやロールバック機構はありません。戻す必要があるなら、チャットで変更を取り消して再デプロイしてください。これが制約であることは承知しており、本格的なロールバック対応はロードマップにあります。
何がデプロイされ、何がされない?
デプロイされる: すべての静的ビルド出力。HTMLファイル、JavaScriptバンドル、CSSファイル、public/ディレクトリの画像、フォント、その他の静的アセット。
デプロイされない: ソースコード。.tsxファイル、node_modules、package.json、ビルド設定はVULKのサーバーに残ります。デプロイされたサイトにはコンパイル済み出力のみが含まれます。
デプロイされない: バックエンドAPI。プロジェクトがVULKのバックエンド生成(PostgreSQL + APIルート)を使う場合、バックエンドはCloudflare PagesではなくVULKのインフラにホストされます。デプロイされたフロントエンドは私たちのサーバーへAPIコールします。バックエンドは動きますが、現時点ではVULKのホスティングに紐づいています。
どのプラットフォームがワンクリックデプロイを得られる?
VULKが生成するものすべてが静的サイトではないので、プラットフォーム別の正直なステータスを:
| プラットフォーム | ワンクリックデプロイ? | 経路 |
|---|---|---|
| React + Vite | ✅ あり | vite build → Cloudflare Pages |
| Three.jsゲーム | ✅ あり | 同じViteパイプライン → Cloudflare Pages |
| Flutter | ✅ デバイス/ストアへ | プラットフォーム内APK/AABビルド、ストア提出の足場 |
| PHP / Laravel | ❌ なし | ライブmicroVMプレビュー後、任意のPHPホストへソースエクスポート — PagesはPHPを実行できない |
| Python (FastAPI/Flask/Django) | ❌ なし | ライブmicroVMプレビュー後、任意のPythonホストへソースエクスポート |
| React Native / Expo | ❌ VULK経由ではなし | EAS Build(eas build)でストアへ |
| Shopify(テーマ/アプリ/Hydrogen) | ❌ なし | Shopify CLI(shopify theme dev / shopify app dev) |
よくある問題のトラブルシューティングは?
ビルドが失敗する。 最も多い原因は、プレビューの開発サーバーが許容したがViteの本番ビルドが拒否するTypeScriptまたはインポートのエラーです。デプロイダイアログのエラーメッセージを確認し、VULKに修正を頼みます。例:「デプロイが'Cannot find module ./components/Chart'で失敗した。インポートを直して — ファイルはChartCard.tsx。」
デプロイ後に白いページ。 通常はベースパスかルーティングの問題です。VULKに頼みます:「デプロイしたアプリが白いページを表示する。Viteのベースパスが'/'で、React Routerにルートパスのルートがあることを確認して。」
画像やフォントが壊れる。 静的アセットはpublic/ディレクトリに置き、/で始まる絶対パスで参照する必要があります。相対パスは開発では動きますが、デプロイ後に壊れます。
FAQ
デプロイは実際どれくらいかかる?
端から端まで10〜30秒:VULKのサーバーでのVite本番ビルドが5〜20秒、その後Cloudflareへのアップロード、DNS、即時SSLが数秒。同じURLへの再デプロイはアトミック — 訪問者が中途半端な状態を見ることはありません。
ホスティングにCloudflareへの支払いは必要?
不要です。pages.devホスティング、グローバルCDN、SSL、帯域幅は込み — Cloudflare Pagesの帯域幅料金はゼロなので、トラフィック急増が請求書になることはありません。Cloudflareアカウント(無料プラン)が必要なのは、自分で管理するカスタムドメインを接続したい場合だけです。
データベース付きのフルスタックアプリをデプロイできる?
できます。フロントエンドはCloudflare Pagesへデプロイされ、生成されたバックエンド(PostgreSQL + REST API + JWT認証)はVULKのインフラで動き、デプロイされたフロントエンドがHTTPSで呼び出します。バックエンド + データベースのデプロイはBuilderプラン($19.99/月)以上に含まれます。
デプロイ用の無料プランはある?
ありません — VULKは有料のみで、無料枠はありません。各プランは$3.99からの3日間フルアクセスイントロで始まり、継続すれば初月に充当されます。プラン:Builder $19.99、Pro $39.99、Team $79.99、Max $199、Business $299(月額)。
失敗したデプロイをロールバックできる?
ワンクリックではまだできません — バージョン管理UIがありません。現在の回避策は、チャットで変更を取り消して再デプロイすること(10〜30秒)。本格的なロールバック対応はロードマップにあります。
VULKのデプロイは「何でもない出来事」のように感じてほしかったのです。アプリを作り、ボタンをクリックすれば、インターネット上でライブになる。Cloudflare Pagesは他のどのホストにもできない形でそれを可能にし、パフォーマンスの数字が雄弁に物語っています。最初のアプリをvulk.devでデプロイしましょう。
