ロボットが仕事をする
今は：コード変更 → commit → push → GitHub Pages 更新。それでも自動化！ プロはさらに——GitHub Actions は push のたびに指示通り：ビルド、エラーチェック、デプロイ。
CI/CD（continuous integration / continuous deployment）と呼ぶ。難しそうだけど実際は：「変更のたびにロボットが全部チェックしてデプロイ。」
見てみよう：最初の workflow
ロボットのタスクは .github/workflows/ 内のファイル。例：deploy.yml：
name: Check and deploy
on:
push:
branches: [main] # run after every push to main
jobs:
check:
runs-on: ubuntu-latest # the robot gets a clean Linux computer
steps:
- uses: actions/checkout@v4 # download my code
- name: Check HTML
run: |
echo "Checking that index.html exists…"
test -f index.html && echo "OK ✅"push 後、GitHub の Actions タブに動くロボット。緑チェック = 全部 OK；赤 X = 問題あり、ロボットが教える。
💡
GitHub Pages はすでに Actions 使用！ Actions タブを見ると Pages デプロイは “pages build and deployment” workflow。今、自分の追加チェックを上に載せる——壊れた版を公開させない本物のボスみたいに。
やってみよう 💪
- 例に従って
.github/workflows/deploy.ymlを作成、push、Actions タブを見る。 - わざと壊す：
index.htmlをindex2.htmlにリネーム、push——workflow が赤。直して緑になるのを見る。（このレッスン最重要体験！） - workflow に2つ目のステップ——HTML に
localhostが残ってないか：
- name: No localhost in the code
run: |
if grep -r "localhost:3000" *.html; then
echo "WARNING: localhost was left in the code!" && exit 1
fi
echo "OK ✅"LAUNCH.mdに書く：「サイトは自動デプロイ、ロボットが毎 push をチェック。」
✅
確認： 毎 push 後 Actions で workflow が動く。赤（壊れた）と緑（直した）を両方見た。手動ステップゼロでサイト更新。
このレッスンのまとめ
- CI/CD = push 後ロボットがチェック＆デプロイ。
- workflow は
.github/workflows/*.ymlに書く。 - 赤 X は味方：訪問者が見る前にミスを止める。
© 2026 Ing. Martin Polak / AlgoRhino · コンテンツ利用規約