Vercelでエージェントができること
プレビューデプロイを確かめる
プルリクエストにプレビューができると、自分のブラウザーで開き、変わったページをモバイルとデスクトップの幅で確かめ、崩れたレイアウト、表示されない画像、コンソールのエラーを、Slackに投稿できる報告にまとめます。
頼み方プルリクエスト140のプレビューをモバイルとデスクトップで確認して、崩れているところを一覧にして。
失敗したビルドを説明する
ビルドのログを読み、警告と本当のエラーを分け、コミットとフレームワークのバージョンを確かめて、原因と直すべき行を伝えます。
頼み方直近の本番ビルドが失敗しました。ログを読んで、何を直せばいいか教えて。
エラーが増えたらログを読む
Sentryがあるルートで新しいエラーを報告すると、同じ時間帯のVercelの関数ログを読み、失敗したリクエストと原因になったデプロイを見つけて、経緯をまとめます。
頼み方14時5分から購入ページのルートが失敗しています。ログから失敗したリクエストと、その元のデプロイを探して。
ロールバックを準備する
本番のデプロイに問題が出たら、最後に正常だったデプロイを特定し、戻すと何が変わるかを示して、ロールバックを用意します。ロールバックやプロモートは毎回事前に確認します。
頼み方今朝のデプロイから料金ページが真っ白です。最後に正常だったデプロイへのロールバックを用意して、先に見せて。
環境変数をそろえる
Development、Preview、Productionの変数名を、アプリが使うSupabaseのキーも含めて比べ、どこかの環境にだけあるものを一覧にします。報告するのは名前だけです。変数の追加や編集は事前に確認します。
頼み方webプロジェクトで、PreviewにあってProductionにない環境変数はどれ？
新しいドメインをつなぐ
新しいドメインについて、Vercelが求めるレコードを一覧にし、Cloudflareなど使っているDNSの現在の設定と比べて、足りないものを伝えます。DNSの変更は事前に確認します。
頼み方shop.example.comを取得しました。Vercelに必要なDNSレコードと、まだ足りないものは？
告知ページを作って公開する
自分のコンピューターでページを作り、GitHubにブランチをプッシュしてVercelのプレビューを作らせ、いくつかの画面サイズで確かめてから、本番に出す前に確認を求めます。
頼み方春のコレクションの告知ページを作ってプレビューに載せて。公開する前に確認して。
接続のしくみ
- 1あなた自身のVercelアカウントを一度接続し、チームを選びます。エージェントが見られるのは、そのチームでのあなたの役割で扱えるプロジェクト、デプロイ、設定です。
- 2Vercelを使えるエージェントはあなたが選びます。開発担当には必要で、告知ページを出すマーケティング担当にもプレビューの扱いが要ることがあります。サイトに触れない担当には不要です。
- 3デプロイ、ログ、設定の読み取りは確認なしで行います。本番へのデプロイ、プロモート、ロールバック、環境変数の変更、ドメインの追加は事前に確認します。
開発・ITのほかのアプリ
同じ種類のアプリでも、エージェントが働けます。それぞれのページで詳しく紹介しています。
仕事の様子を見る
サンプルの再生です。データは例で、早送りしています。一時停止、場面の移動、マウスの操作もできます。 このサンプルは、似た仕事をほかのツールで進める例です。Vercelは画面に登場しません。
画面に登場するツール
MonstarX
仕事を選ぶ。完成まで見届ける。
- 目的
- ローンチページを公開します。
- 操作先
- MonstarX・プロジェクト ridge-launch
- 実行されること
- このアドレスでページが一般公開されます。いつでも非公開に戻せます。
あなたのチーム。すべてにつながる。
山頂まで、あたたかい。
長い登りのための、500mlボトル。
架空のデータを使ったサンプルの再生です（早送り）。一時停止、場面の移動、マウスの操作もできます。
よくある質問
AIエージェントはVercelにデプロイできますか？
本番はあなたの承認つきでデプロイできます。エージェントはブランチに作業をプッシュしてVercelにプレビューを作らせ、自分で確かめてから、本番に出す前にカードを見せます。作業はVercelとの連携で行い、連携でできない操作は自分のブラウザーで進めます。
マージの前にプレビューデプロイを試してもらえますか？
できます。AIエージェントが自分のブラウザーでプレビューのリンクを開き、変更が関わるページを順に確かめ、フォームを試し、モバイルとデスクトップの幅で見ます。プルリクエストを承認する前に、うまくいかなかった点をページのアドレスつきの短い一覧で受け取れます。
秘密の環境変数もエージェントに見えますか？
見えるのは、あなたのVercelアカウントで読める範囲です。Vercelで機密として設定した変数は、保存したあとはエージェントにも、ほかのだれにも読み出せません。環境を比べるときは値ではなく名前だけを報告し、変数の変更は必ず事前に確認します。
新しいサイトを作ってVercelに載せられますか？
できます。ページの内容を伝えると、エージェントが自分のコンピューターで作り、GitHubにプッシュし、Vercelが作ったプレビューを確かめ、公開の前に確認を求めます。作業中の画面を見ながら、いつでもふだんの言葉で修正を頼めます。