上級テクニック 上級 全ツール共通
CI/CD パイプラインの構築
ホスティング先とフレームワークを書くだけで GitHub Actions のワークフローを自動生成するプロンプト。
プロンプト
このプロジェクトのデプロイを自動化する GitHub Actions ワークフローを構築してください。 - フレームワーク: [例: Astro / Next.js] - パッケージマネージャ: [pnpm / npm] - Node.js バージョン: [例: 22] - ホスティング先: [例: Cloudflare Pages / Vercel / Netlify] 必要なワークフロー: - main ブランチへの push 時: テスト → ビルド → 本番デプロイ - PR 作成時: テスト → ビルド → プレビューデプロイ - pnpm キャッシュを使って高速化してください
#デプロイ
#CI/CD
#GitHub Actions
#自動化
使い方
4 つの項目を書き換えて送るだけです。ホスティング先に応じた Action と必要な GitHub Secrets の設定方法も説明してくれます。
主要サービスと必要なシークレット
| サービス | 必要なシークレット |
|---|---|
| Cloudflare Pages | CLOUDFLARE_API_TOKEN, CLOUDFLARE_ACCOUNT_ID |
| Vercel | VERCEL_TOKEN |
| Netlify | NETLIFY_AUTH_TOKEN, NETLIFY_SITE_ID |
CI/CD を整えるべき理由
バイブコーディングでは変更頻度が高くなります。手動デプロイでは「ビルド確認を忘れた」「古いキャッシュをデプロイした」などのミスが起きやすいため、自動化が重要です。