deploying-to-production について
deploying-to-productionは、Webサイトやアプリの公開を手順に沿って支援するワークフロースキルです。ビルドの成功からGitHubの設定、Vercelへのデプロイ、公開後の確認までを案内します。
主な機能
- 01順序付きのデプロイチェックリスト
- 02ビルドとエラーの修正
- 03GitHubリポジトリの作成または再利用
- 04コードのプッシュとVercelへのデプロイ
- 05公開後のデプロイ確認
活用シーン
- 01Webサイトの本番環境への公開
- 02失敗したビルドの修正と再確認
- 03プロジェクトコードのGitHubへのプッシュ
- 04デプロイURLの応答確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/deploying-to-productionを入力して読み込まれたか確認します。
詳細
本番環境へのデプロイ
ユーザーが「このウェブサイト／アプリをデプロイして」などと依頼した場合は、このワークフローを使用します。チェックリストの順番に従い、手順を省略しないでください。
デプロイのワークフロー
- 手順 1：ビルドを実行し、エラーがないことを確認する
- 手順 2：GitHub リポジトリを作成する
- 手順 3：コードを GitHub にプッシュする
- 手順 4：Vercel にデプロイする
- 手順 5：デプロイを検証する
手順 1：ビルドを実行する
次を実行します。
npm run build
ビルドに失敗した場合は、エラーを確認して問題を修正し、再度実行します。ビルドが成功した場合にのみ、次の手順に進んでください。
手順 2：GitHub リポジトリを作成する
プロジェクト用の新しい GitHub リポジトリを作成します。リポジトリがすでに存在する場合は、それを再利用するか、新しく作成するかを確認します。
手順 3：コードを GitHub にプッシュする
必要に応じて git を初期化し、リモートを追加して、デフォルトブランチをプッシュします。リポジトリに想定したコードが含まれていることを確認します。
手順 4：Vercel にデプロイする
GitHub リポジトリを Vercel にデプロイします。デプロイ URL を記録します。
手順 5：デプロイを検証する
URL を開くか、応答を確認して、稼働中のデプロイを検証します。検証に失敗した場合は、原因を調査して再デプロイします。
コメント
Markdown 対応