Codex use case
アプリやウェブサイトのデプロイ
ウェブアプリを構築または更新し、プレビューをデプロイして公開 URL を取得します。
Codex、Build Web Apps、Vercel を使って、リポジトリ、スクリーンショット、デザイン、または大まかなアプリ案から、実際に動作し共有できるプレビューデプロイを作成します。
最適な用途
- スクリーンショット、地図、デザイン概要、または大まかなアプリ案から、実際に動作するウェブプレビューを作成
- Vercel コマンドを手動で組み込むことなく、ブランチまたはローカルアプリをデプロイ
- Codex がビルドを実行してデプロイを確認した後、公開 URL を共有
Contents
アプリやウェブサイトのデプロイ
ウェブアプリを構築または更新し、プレビューをデプロイして公開 URL を取得します。
Codex、Build Web Apps、Vercel を使って、リポジトリ、スクリーンショット、デザイン、または大まかなアプリ案から、実際に動作し共有できるプレビューデプロイを作成します。
Codex、Build Web Apps、Vercel を使って、リポジトリ、スクリーンショット、デザイン、または大まかなアプリ案から、実際に動作し共有できるプレビューデプロイを作成します。
最適な用途
- スクリーンショット、地図、デザイン概要、または大まかなアプリ案から、実際に動作するウェブプレビューを作成
- Vercel コマンドを手動で組み込むことなく、ブランチまたはローカルアプリをデプロイ
- Codex がビルドを実行してデプロイを確認した後、公開 URL を共有
スキルとプラグイン
- React、UI、デプロイ、決済、データベースに関するガイダンスを活用して、ウェブアプリを構築、レビューし、公開に備えます。
- プレビューのデプロイ、デプロイ状況の確認、ビルドログの参照、Vercel プロジェクト設定の管理を行います。
| Skill | Why use it |
|---|---|
| Build Web Apps | React、UI、デプロイ、決済、データベースに関するガイダンスを活用して、ウェブアプリを構築、レビューし、公開に備えます。 |
| Vercel | プレビューのデプロイ、デプロイ状況の確認、ビルドログの参照、Vercel プロジェクト設定の管理を行います。 |
開始用プロンプト
最初にサイトとデプロイ先を指定
Codex はウェブサイトやアプリを構築または更新し、プロジェクトのチェックを実行して Vercel でデプロイし、URL を返すことができます。
Codex に渡すものは、リポジトリ、スクリーンショット、地図、デザイン概要、製品メモ、API ドキュメント、データソースなど、具体的であるほど効果的です。Codex はプロジェクトに変更を加える前に内容を確認し、その後、デフォルトで Vercel プラグインを使ってプレビューをデプロイします。
Codex でアプリの構築や仕上げが必要な場合は、@build-web-apps を使います。デプロイ、デプロイ状況の確認、Vercel のビルドログの参照には、@vercel を使います。
共有前の結果確認
Codex は、変更内容、プロジェクトのビルドに使用したコマンド、Vercel のデプロイが利用可能な状態かどうかを伝える必要があります。デプロイに環境変数、チームの選択、ドメイン設定、ログイン手順が必要な場合は、サイトが完成したことにせず、その点を明示する必要があります。
本番環境への変更であることを明示してください。デフォルトはプレビューデプロイです。本番環境へのデプロイは、明確に意図している場合にのみ依頼してください。
公開 URL を起点とした反復改善
プレビューができたら、同じチャットを開いたままにします。Codex に URL を開かせ、レイアウトの問題の修正、文言の更新、不足しているデータの接続を依頼します。デプロイに失敗した場合は、Vercel のログを確認するよう依頼します。このチャットには、リポジトリ、デプロイ、ビルドのコンテキストがすでに含まれています。
具体的なフォローアップの例：
- 「モバイル表示のレイアウトが窮屈です。修正して、プレビューを再デプロイしてください。」
- 「同じプロジェクトを使って、[source] の最新データを追加してください。」
- 「失敗したビルドのログを確認し、デプロイの問題を修正してください。」
