Appearance
10. GitHub Pages への公開を確認する
概要
main へのマージで開始された Pages Workflow と公開サイトを確認します。
手順
1. Workflow を確認する
最新の Pages Workflow を確認し、build と deploy がどちらも正常に完了したことを確かめます。
Agent モードで以下の指示を与えます。
text
現在の origin が指す GitHub リポジトリを特定し、Deploy GitHub Pages Workflow の直近3件と最新 run の build、deploy の状態を読み取り専用で確認してください。
最新 run が進行中なら完了まで監視し、終了方法も案内してください。成功または失敗、run URL、失敗時の該当 job とログの要点を報告してください。
Workflow の再実行、無効化、設定変更は行わず、リポジトリを特定できない場合は質問してください。次を確認します。
- 対象が現在の
originが指すリポジトリである - 最新 run の
buildとdeployの状態、run URL が報告されている - 失敗時は該当 job とログの要点が報告されている
- Workflow の再実行、無効化、設定変更が行われていない
powershell
# 現在の GitHub リポジトリの完全な名前を取得します
$repository = (gh repo view --json nameWithOwner | ConvertFrom-Json).nameWithOwner
# Deploy GitHub Pages Workflow の直近3件の実行を表示します
gh run list --repo $repository --workflow "Deploy GitHub Pages" --limit 3
# 最新の Deploy GitHub Pages Workflow run ID を取得します
$runId = (gh run list --repo $repository --workflow "Deploy GitHub Pages" --limit 1 --json databaseId |
ConvertFrom-Json |
Select-Object -First 1).databaseId
# Pages の Workflow run が完了するまで監視します
gh run watch $runId --repo $repositorybash
# 現在の GitHub リポジトリの完全な名前を取得します
repository=$(gh repo view --json nameWithOwner --jq .nameWithOwner)
# Deploy GitHub Pages Workflow の直近3件の実行を表示します
gh run list --repo "$repository" --workflow "Deploy GitHub Pages" --limit 3
# 最新の Deploy GitHub Pages Workflow run ID を取得します
run_id=$(gh run list --repo "$repository" --workflow "Deploy GitHub Pages" --limit 1 \
--json databaseId --jq '.[0].databaseId')
# Pages の Workflow run が完了するまで監視します
gh run watch "$run_id" --repo "$repository"- GitHub で演習用リポジトリを開き、Actions を選択します。
- 左側の Workflow 一覧から Deploy GitHub Pages を選択します。
- 最新の Workflow run を開きます。
build と deploy の両方が成功することを確認します。
2. 公開 URL を確認する
GitHub Pages の公開 URL を取得してサイトを開き、実装した残席表示が公開環境へ反映されたことを確認します。
Agent モードで以下の指示を与えます。
text
現在の origin が指す GitHub リポジトリの GitHub Pages 公開 URL と Pages 設定を読み取り専用で取得してください。
URL を示し、ブラウザーで開いてイベント一覧と残席3席以下の強調表示を私が確認できるよう案内してください。
Pages の設定変更、再デプロイ、ファイル変更は行わず、URL を取得できない場合は原因候補を報告してください。次を確認します。
- 現在のリポジトリの GitHub Pages 公開 URL と Pages 設定が報告されている
- ブラウザーでイベント一覧と残席3席以下の強調表示を確認できる
- Pages の設定変更、再デプロイ、ファイル変更が行われていない
- URL を取得できない場合は原因候補が報告されている
powershell
# 現在の GitHub リポジトリの完全な名前を取得します
$repository = (gh repo view --json nameWithOwner | ConvertFrom-Json).nameWithOwner
# GitHub Pages の公開 URL を取得します
$pageUrl = (gh api "repos/$repository/pages" | ConvertFrom-Json).html_url
# GitHub Pages の公開 URL を表示します
$pageUrl
# 既定の Web ブラウザーで公開 URL を開きます
Start-Process $pageUrlbash
# 現在の GitHub リポジトリの完全な名前を取得します
repository=$(gh repo view --json nameWithOwner --jq .nameWithOwner)
# GitHub Pages の公開 URL を取得します
page_url=$(gh api "repos/$repository/pages" --jq .html_url)
# GitHub Pages の公開 URL を表示します
printf '%s\n' "$page_url"
# 利用できるコマンドで既定の Web ブラウザーから公開 URL を開きます
if command -v xdg-open >/dev/null 2>&1; then
xdg-open "$page_url"
elif command -v open >/dev/null 2>&1; then
open "$page_url"
elif command -v cmd.exe >/dev/null 2>&1; then
cmd.exe /c start "" "$page_url"
else
printf 'ブラウザーで次の URL を開いてください: %s\n' "$page_url"
fi- GitHub で Settings > Pages を開きます。
- Your site is live at に表示される URL を選択します。
イベント一覧を開き、残席が3席以下の表示が強調されていることを確認します。
トラブルシューティング
deployが開始されない:needs: buildとgithub-pagesenvironment を確認します- 権限エラー: Workflow の
pages: writeとid-token: writeを確認します - 404: Settings > Pages > Source が GitHub Actions であることを確認します
- アセットが表示されない:
vite.config.jsのbase: './'と build artifact を確認します
確認事項
- 最新の Deploy GitHub Pages Workflow で
buildとdeployが成功している - 対象リポジトリの GitHub Pages 公開 URL を取得できる
- 公開 URL でイベント一覧を表示できる
- 残席が3席以下のイベントに「残席わずか」の変更が表示されている
まとめ
Issue から始めた変更が、CI とレビューを経て GitHub Pages へ公開されました。