メインコンテンツへスキップ
上級テクニック 上級 全ツール共通

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 PagesCLOUDFLARE_API_TOKEN, CLOUDFLARE_ACCOUNT_ID
VercelVERCEL_TOKEN
NetlifyNETLIFY_AUTH_TOKEN, NETLIFY_SITE_ID

CI/CD を整えるべき理由

バイブコーディングでは変更頻度が高くなります。手動デプロイでは「ビルド確認を忘れた」「古いキャッシュをデプロイした」などのミスが起きやすいため、自動化が重要です。