本番アプリのテスト

アプリがデプロイされました。この章では、ライブURLで全てが正常に動作していることの確認と、今後の変更をウェブに反映させる方法について説明します。

ライブアプリのテスト

Vercelのデプロイが完了すると、your-project-name.vercel.app のようなURLが表示されます。ブラウザでこのURLを開き、ローカルでテストしたのと同じ方法でアプリを確認します。エンドツーエンドで全体の流れを試してください。

• 入力フィールドにアイデアを入力
• enhanceボタンなど追加した機能を使用
• 送信してAIの応答が返ってくるのを待つ

AIの応答が正しく表示されれば、環境変数が正しく設定されており、アプリがウェブ上で完全に動作していることになります。

アプリの共有

そのVercelのURLがあなたのライブアプリです。このURLを誰にでも送信でき、相手はあなたのコンピュータやネットワークに接続せずにブラウザで開くことができます。これがインターネット上で公開されているMVPです。

よりプロフェッショナルなURLが必要な場合は、Vercelでカスタムドメインを追加することも可能です（任意）。

今後の変更の反映

Claude Codeで変更を加え、その内容をライブWebアプリに反映させたい場合は、変更をGitHubにプッシュする必要があります。VercelはGitHubリポジトリを監視しており、新しいコードが到着すると自動的に再デプロイされます。

この処理に必要な3つのコマンドは次の通りです。

git add
git commit
git push

これらのコマンドを自分で実行する必要はありません。Claude Codeに次のように依頼してください。

"Push my latest changes to GitHub."

Claude Codeが3つのコマンドをすべて実行します。完了後、Vercelが更新を検知し、1～2分以内に自動的に再デプロイされます。

更新サイクル

今後はこのサイクルが繰り返されます。すべての改善は同じ3ステップで進みます。

Make a change in Claude Code → Push to GitHub → Vercel redeploys automatically