上級テクニック 上級 全ツール共通
デプロイ自動化プロンプト
GitHub Actions × Cloudflare Pages / Vercel の CI/CD パイプラインを自動構築するプロンプト。
プロンプト
このプロジェクトのデプロイを自動化する CI/CD パイプラインを構築してください。 ## プロジェクト情報 - フレームワーク: [例: Astro / Next.js / Nuxt] - パッケージマネージャ: [例: pnpm / npm] - Node.js バージョン: [例: 22] - ホスティング先: [例: Cloudflare Pages / Vercel / Netlify] ## 必要なワークフロー 1. **本番デプロイ** (`main` ブランチへの push 時) - テスト実行 - ビルド - デプロイ 2. **プレビューデプロイ** (Pull Request 作成/更新時) - テスト実行 - ビルド - プレビュー環境へデプロイ - PR にプレビュー URL をコメント 3. **定期チェック**（オプション） - リンク切れチェック - Lighthouse スコア計測 ## 必要な GitHub Secrets 以下のシークレットが必要な場合は教えてください: - [ホスティングサービスのAPIトークン名] ## 制約 - pnpm キャッシュを活用して高速化 - ビルド失敗時はデプロイしないこと - 環境変数を安全に管理すること
#デプロイ
#CI/CD
#GitHub Actions
#自動化
CI/CD を整えるべき理由
バイブコーディングでは変更頻度が高くなります。手動デプロイでは「ビルド確認を忘れた」「古いキャッシュをデプロイした」などのミスが起きやすいため、自動化が重要です。
主要ホスティングサービスとの対応
| サービス | Action | 必要なシークレット |
|---|---|---|
| Cloudflare Pages | cloudflare/wrangler-action | CLOUDFLARE_API_TOKEN, CLOUDFLARE_ACCOUNT_ID |
| Vercel | amondnet/vercel-action | VERCEL_TOKEN |
| Netlify | nwtgck/actions-netlify | NETLIFY_AUTH_TOKEN, NETLIFY_SITE_ID |
プレビューデプロイの活用
PR ごとにプレビューURLが発行されると、レビュワーが変更を実際に確認してからマージできます。特にデザイン変更のレビューに効果的です。