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

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