確認してマージする

Claude が作った変更をプレビューで確かめ、本番に出します。ここは Claude ではなく、あなたの仕事です。

このページでやること

Claude が行うのは、PR を作るところまでです。変更を確かめて、本番に出すかどうかを決めるのは、あなたです。Claude がマージすることはありません。

ステップ1：PR を開く

Claude が教えてくれた PR の URL を、ブラウザで開きます。GitHub へのログインを求められたら、ログインします。

PR のページで見るところは、3つです。

PR のページのイメージ図です。実際の画面とは、細かいところが異なります。
図の記号何か使うステップ
A「プレビュー環境」のコメント。プレビューを開くリンクが入っていますステップ3
B自動チェックの結果ステップ2
Cマージのボタンステップ5

ステップ2：自動チェックを待つ

PR ができると、自動チェックが始まります。終わるまで数分かかります。図の B で結果を確かめます。

表示意味どうするか
黄色の丸チェックの途中そのまま待ちます
緑のチェックマーク成功ステップ3に進みます
赤い ×失敗マージしません。Claude に直してもらいます

赤い × が付いたときは、PR を作ったときと同じ会話で、次の依頼文を送ります。

チェックが失敗したとき
Claudeプロンプト
PR のチェックが失敗しています。失敗の内容を調べて、原因を専門用語を使わずに説明したうえで、直してください。直したら、同じ PR に追加してください。
チェックが失敗したときのイメージ図です。
ボタンが押せそうに見えても、押さない

赤い × があるときは、「Merge pull request」のボタンが押せる状態に見えても、押しません。本番に出すかどうかを最後に決めるのは、あなたです。

ステップ3：プレビューを開く

チェックが進むと、図の A のように「プレビュー環境」というコメントが届きます。

  1. コメントの中にある、アプリ名のリンクを開きます。
  2. サインインの画面が表示されたら、いつものメールアドレスでサインインします。
  3. サインインが済むと、プレビューのアプリが開きます。

コメントやプレビューに次の表示が出たときは、それぞれの対応をします。

表示どうするか
「このPRではアプリの変更がないため、プレビュー環境は作成されていません。」画面に関わらない変更のときに表示されます。Claude に「この PR で何が変わるのか」を聞いてから、ステップ5に進みます
「デプロイ失敗」同じ会話で、Claude に「プレビューのデプロイが失敗しています。原因を調べて直してください」と送ります
「URLがまだ応答していません」数分待ってから、もう一度開きます。続くときは、管理者に伝えます
「アクセスが拒否されました」あなたがそのアプリを開けるよう、管理者に依頼します
サインインできないプレビューでもサインインできるよう、管理者に依頼します

ステップ4：プレビューで確かめる

プレビューは、本番とは別の環境です。ここで登録したり消したりしても、本番のデータは変わりません。遠慮なく試します。

  • 頼んだ変更ができているか。 計画で説明されたとおりになっているかを見ます。
  • まわりが壊れていないか。 変更した画面の前後の画面や、関係しそうな機能も動かします。
  • スマートフォンでも見る。 スマートフォンで使うアプリなら、プレビューのリンクをスマートフォンでも開きます。
  • 意地悪な使い方も試す。 何も入力せずに保存する、とても長い文章を入れる、ボタンを続けて2回押す、などです。
  • データが無いときも見る。 1件も登録されていない状態で、おかしな表示にならないかを見ます。

直したいところがあれば、PR を作ったときと同じ会話で Claude に伝えます。Claude が直すと、同じ PR が更新され、チェックとプレビューがやり直されます。

プレビューを見て、直してもらう
Claudeプロンプト
プレビューを確認しました。次の点を直して、同じ PR に追加してください。 どの画面で：【例：忘れ物の一覧画面】 何をしたら：【例：絞り込みで「返却済み」を選んだ】 どうなった：【例：保管中のものも表示された】 どうなってほしい：【例：返却済みのものだけを表示してほしい】

ステップ5：マージする

次の3つがそろったら、マージします。

  • 自動チェックが、すべて緑になっている
  • プレビューで、自分の目で確かめた
  • データベースの構造を変える変更の場合は、管理者に見てもらった

迷うときは、Claude に確認を頼めます。

マージ前の最終確認を頼む
Claudeプロンプト
この PR をマージする前に、次の3点を確認して教えてください。 1. チェックは、すべて成功していますか 2. データベースの構造や、shared/ 配下の変更は含まれていますか 3. マージすると、使う人の画面で何が変わりますか。専門用語を使わずに教えてください

マージの手順は、次のとおりです。

  1. 図の C の「Merge pull request」を押します。
  2. 続けて表示される「Confirm merge」を押します。
  3. 紫色の「Merged」という表示に変われば、完了です。

そのあとに「Delete branch」というボタンが表示されたら、押して構いません。使い終わった作業用のコピーを片付けるだけです。

ステップ6：本番で確かめる

マージすると、数分で本番に反映されます。App Portal からアプリを開き、変更が入っていることを確かめます。

本番でおかしなところを見つけたら、症状別の頼み方 を見て、Claude に伝えます。

やめたいとき

変更を本番に出さないと決めたら、PR のページの下のほうにある「Close pull request」を押します。本番には何も入りません。

クイズ

Quiz

プレビューで確かめて問題はありませんでしたが、自動チェックの1つに赤い × が付いています。マージのボタンは押せそうです。どうしますか？