今日の壱岐ikijima.com

【GitHub Actions】で自動テスト! 動いているのに検査は要る?|【CI】と【runner / workflow】・手元とクラウドで赤→緑

QR: https://ikijima.com/manabu/git-web-04-github-actions-ci/

ikijima.com/manabu/git-web-04-github-actions-ci/

AIで開発する › Gitからはじめる Web公開のしくみ ・ 4 本目(4/4)

【GitHub Actions】で自動テスト! 動いているのに検査は要る?|【CI】と【runner / workflow】・手元とクラウドで赤→緑

IT初心者・はじめてものづくりをする人向け 13分3秒・2026/11/03 公開

ページの見た目は変わらないのに、大事な1行が消えていることがあります。CI は、変更をこまめに記録し、そのたびに自動でテストして確かめる進め方です。GitHub Actions は、push などの出来事を合図に、workflow(作業手順書)を runner(仕事を動かす機械)で動かす機能です。まず、Claude Codeに日本語で3回頼み、HTML を確かめるテストを作り、GitHub に送ると同じテストが自動で動くようにし、タイトルを消して赤・戻して緑まで確かめるところを見せます。そのあと中身を開け、手元の npm test とログの読み方、Actions の画面での赤と緑、GitHub が用意する runner と self-hosted runner(自宅の検査室)の違いを、実際に試して解説します。最後に、AIへの頼み方と、エージェントが書いた workflow の権限・版・秘密情報を人が確かめるやり方をまとめます。

目次(10)

  1. 0:00オープニング
  2. 1:071. 日本語で頼んでテストを自動に
  3. 2:452. 消えたタイトルに気づけるか
  4. 3:343. 自分で検品と検査室
  5. 4:554. 手元で赤から緑へ
  6. 6:245. GitHubでも赤から緑へ
  7. 8:096. 手元のテストと自宅の検査室
  8. 9:147. AIへの頼み方と手順書の確かめ方
  9. 11:208. まとめ
  10. 12:06ikijima.com の紹介
YouTube で開く「Gitからはじめる Web公開のしくみ」の一覧へ

再生は押したときだけ読み込みます(YouTube の埋め込み)。声: VOICEVOX:四国めたん VOICEVOX:白上虎太郎 VOICEVOX:小夜/SAYO VOICEVOX:ずんだもん

あそぶ