CI/CD Conference 2023 #CICD2023 https://event.cloudnativedays.jp/cicd2023/talks/1766
#cicd2023GitHub Actionsと"仲良くなる"ための練習方法2023/03/20 CI/CD Conference 2023Yuta Matsumura© 2023 Yuta Matsumura.
View Slide
#cicd2023松村 優大 (Yuta Matsumura)Currently working for© 2023 Yuta Matsumura.Chief Technical ArchitectC#, PHP, Azure, GitHub が好きMicrosoft MVP (Developer Technologies)#fukuten #devblogradio の中の人@tsubakimoto_s
#cicd2023これからお話しすること1. ソフトウェア開発ライフサイクルにおける定型作業2. GitHub Actions の使い方3. GitHub Actions の学び方の課題4. nektos/act でのローカル練習環境5. 練習環境のアップグレード© 2023 Yuta Matsumura.
#cicd2023こういう方にオススメです• GitHub Actions を勉強中・これから勉強する方• GitHub Actions を使って CI/CD の構築をしている方• GitHub Actions の検証に四苦八苦している方• GitHub Actions と仲良くなりたい方© 2023 Yuta Matsumura.
#cicd2023ソフトウェア開発ライフサイクルにおける定型作業© 2023 Yuta Matsumura.
#cicd2023ソフトウェア開発ライフサイクルSoftware Development Life CyclePlanDevelopDeliverOperatehttps://learn.microsoft.com/en-us/devops/what-is-devopsSDLC© 2023 Yuta Matsumura.
#cicd2023ソフトウェア開発ライフサイクルSoftware Development Life CyclePlanCodeBuildTestReleaseDeployOperateMonitorhttps://learn.microsoft.com/en-us/devops/what-is-devopsSDLC© 2023 Yuta Matsumura.
#cicd2023SDLC における定型作業 (ワークフロー)定型作業を手作業ではなく自動化を行うことで、開発者が開発に割く時間を少しでも増やすようにしましょう。© 2023 Yuta Matsumura.ビジネスワークフロー クラウドワークフロー SDLC ワークフローGitHub ActionsPower Automate Azure Logic Apps
#cicd2023© 2023 Yuta Matsumura.Azure DevOps(Azure Pipelines)GitHub(GitHub Actions)
#cicd2023GitHub Actions の使い方© 2023 Yuta Matsumura.
#cicd2023自動化されたワークフロー• YAML ファイル形式• GitHub と完全統合• GitHub 上のイベントをトリガー• ライブログと視覚化された実行結果• 2種のランナー(GitHub-hosted, Self-hosted)• シークレット構成可能© 2023 Yuta Matsumura.GitHub Actions
#cicd2023GitHub Actions の構成© 2023 Yuta Matsumura.イベントワークフロージョブ1ジョブ2ステップ1 アクションステップ2 アクションステップ1 アクションランナー1アクション実行実行ログランナー2アクション実行実行ログ
#cicd2023GitHub Actions の構成© 2023 Yuta Matsumura.イベント• 手動実行• リポジトリに関する操作• 各機能に関する操作(Issue, Pull Request, Projects, etc)• スケジュール
#cicd2023GitHub Actions の構成© 2023 Yuta Matsumura.ランナー1アクション実行実行ログランナー2アクション実行実行ログGitHub-hosted runnerOS: Ubuntu, Windows, macOShttps://docs.github.com/ja/actions/using-github-hosted-runners/about-github-hosted-runnershttps://docs.github.com/ja/actions/hosting-your-own-runners/about-self-hosted-runnersSelf-hosted runnerローカルやクラウドに構築
#cicd2023#cicd2023© 2023 Yuta Matsumura.イベントジョブランナーステップアクション
#cicd2023GitHub Actions は CI/CD だけではないCI/CD は GitHub Actions で実現できる作業のひとつです。GitHub という開発環境を最大限活用するために、ちょっとしたことからワークフローにしてみましょう。© 2023 Yuta Matsumura.
#cicd2023練習してみよう© 2023 Yuta Matsumura.
#cicd2023GitHub Actions の料金© 2023 Yuta Matsumura.https://docs.github.com/ja/billing/managing-billing-for-github-actions/about-billing-for-github-actions• パブリックリポジトリ：無料• プライベートリポジトリ：無料枠あり製品 ストレージ 分 (月間)GitHub Free 500MB 2,000GitHub Pro 1GB 3,000GitHub Free for Organization 500MB 2,000GitHub Team 2GB 3,000GitHub Enterprise Cloud 50GB 50,000
#cicd2023GitHub Actions の料金 (GitHub-hosted runner)© 2023 Yuta Matsumura.https://docs.github.com/ja/billing/managing-billing-for-github-actions/about-billing-for-github-actionsOS ごとに時間の消費速度が異なります。x1x2x10LinuxWindowsmacOS
#cicd2023Public Repo x GitHub-hosted runner x Linux =👍© 2023 Yuta Matsumura.
#cicd2023© 2023 Yuta Matsumura.
#cicd2023とはいえ毎回サイトで試すのツライ© 2023 Yuta Matsumura.
#cicd2023GitHub Actions の学び方の課題© 2023 Yuta Matsumura.
#cicd2023GitHub Actions の学び方の課題• コミットや UI 操作をしないと動作確認できない• ワークフロー内部のデータが分かりにくい• YAML が複数あるときのトリガー制御が大変• ブラウザで作業することが大変© 2023 Yuta Matsumura.イベントワークフローアクション
#cicd20232022年12月…© 2023 Yuta Matsumura.
#cicd2023つらさをぶつけましたQ. Actions を試すのは（前述のように）大変だA. nektos/act というオープンソースがあるよ© 2023 Yuta Matsumura.
#cicd2023nektos/act でのローカル練習環境© 2023 Yuta Matsumura.
#cicd2023nektos/act とはGitHub Actions のローカル実行ツールです。https://github.com/nektos/actリポジトリに変更を加えることなく、ワークフローの実行を行うことができます。※ Docker (Desktop or Engine) が必要です。© 2023 Yuta Matsumura.
#cicd2023nektos/act 用のコンテナーイメージランナーとして使用するコンテナーイメージが用意されています。サイズは3種類あります。(Large, Medium, Micro)※ 非サポート：Windows, macOS© 2023 Yuta Matsumura.種類 イメージ サイズ Ubuntu verLarge catthehacker/ubuntu:full-latest +20GB 20.04, 18.04Medium catthehacker/ubuntu:act-latest ~500MB 22.04, 20.04, 18.04Micro node:16-buster-slim < 200MB 22.04, 20.04, 18.04https://github.com/nektos/act#runners
#cicd2023.github/workflows にあるワークフローを表示します$ act --listStage Job ID Job name Workflow name Workflow file Events0 greet Greet Hello world hello-world.yml pushワークフローの一覧表示© 2023 Yuta Matsumura.
#cicd2023特定イベントのワークフローを表示します$ act push --listStage Job ID Job name Workflow name Workflow file Events0 greet Greet Hello world hello-world.yml pushワークフローの一覧表示© 2023 Yuta Matsumura.
#cicd2023該当するジョブを持つワークフローを表示します$ act --job greet --listStage Job ID Job name Workflow name Workflow file Events0 greet Greet Hello world hello-world.yml pushワークフローの一覧表示© 2023 Yuta Matsumura.
#cicd2023指定したジョブを実行します。$ act # イベント `push` を実行$ act pull_request # イベント `pull_request` を実行$ act --job greet # `greet` ジョブを実行$ act --input name=yuta # 入力値を指定して実行$ act --eventpath payload.json # イベント内容を指定して実行$ act --secret name=yuta # シークレットを指定して実行$ act --secret-file .secrets # シークレットをファイル指定して実行ジョブの実行© 2023 Yuta Matsumura.
#cicd2023--artifact-server-path で保管先を指定します※ actions/upload-artifact, actions/download-artifact など$ act --artifact-server-path /tmp/artifactsアーティファクトを使用する© 2023 Yuta Matsumura.https://qiita.com/nagayaoh/items/d5cff83929452b790164
#cicd2023nektos/act で練習できる範囲© 2023 Yuta Matsumura.リポジトリ内で完結するなら不都合ない コンテナーリポジトリに関する部分
#cicd2023• GitHub Actions での実環境• nektos/act での検証環境1つの YAML 内で環境を区別するには、コンテキスト内のactor の値で判別可能です。▼ コンテキストを見るためのダンプ▼ コンテキストの内容{ actor: nektos/act, ... }▼ ワークフローの条件式nektos/act で実行していることを識別する© 2023 Yuta Matsumura.
#cicd2023注意点• github.com にまつわるイベントは試すことができません▶ Issue, Pull Request, Discussions, Projects, etc• permissions を用いたアクションは制限があります▶ Actions からクラウドリソースへの OIDC など• キャッシュはサポートされていませんCI 部分に限った練習はとてもやりやすい印象© 2023 Yuta Matsumura.
#cicd2023Dev Containers で nektos/act を使う練習環境をサクっと作りましょう© 2023 Yuta Matsumura.
#cicd2023Dev Containers開発環境としてのコンテナーを準備することができます。Visual Studio Code + 拡張機能パック + devcontainer.json▶ nektos/act の Dev Containers 定義を作成します© 2023 Yuta Matsumura.https://code.visualstudio.com/docs/devcontainers/containers
#cicd2023#cicd2023© 2023 Yuta Matsumura.
#cicd2023#cicd2023© 2023 Yuta Matsumura.https://github.com/tsubakimoto/cicd-conference-sample/blob/main/.devcontainer/devcontainer.jsonVS Code で開くReopen in ContainerDev Containers 起動.devcontainer/devcontainer.json
#cicd2023GitHub Codespaces© 2023 Yuta Matsumura.
#cicd2023GitHub CodespacesGitHub 上にホストされる仮想マシンを使用して、オンライン上に開発環境を構築することができます。devcontainer.json をリポジトリに保管している場合、devcontainer.json の構成がセットアップされます。© 2023 Yuta Matsumura.
#cicd2023GitHub Codespaces の無料枠© 2023 Yuta Matsumura.https://docs.github.com/ja/billing/managing-billing-for-github-codespaces/about-billing-for-github-codespaces
#cicd2023GitHub Codespaces のマシン種別と価格© 2023 Yuta Matsumura.https://docs.github.com/ja/billing/managing-billing-for-github-codespaces/about-billing-for-github-codespaces
#cicd2023GitHub Codespaces のセキュリティ• 分離された仮想マシンや仮想ネットワーク• Codespace にアクセスできるのは作成者のみ• 外部からのアクセス不可• ポートフォワーディング機能• シークレット管理© 2023 Yuta Matsumura.https://docs.github.com/ja/codespaces/codespaces-reference/security-in-github-codespaces
#cicd2023Codespace のパーソナライズ© 2023 Yuta Matsumura.https://docs.github.com/ja/codespaces/customizing-your-codespace/personalizing-github-codespaces-for-your-accountVSCode 設定の同期 dotfiles リポジトリの反映
#cicd2023© 2023 Yuta Matsumura.ブラウザだけで Actions の練習ができる！
#cicd2023まとめ• GitHub Actions の練習にほとんどお金はかかりません• ローカル環境を整えることも大事です• Dev Containers や GitHub Codespaces を使うことで環境を問わず練習を行うことができます• ワークフローを増やし、開発ライフサイクルをより良いものにしましょう© 2023 Yuta Matsumura.
#cicd2023ご清聴ありがとうございました© 2023 Yuta Matsumura.
tsubakimoto_s
cyberagentdevelopers
k6s4i53rx
jeromevdl
oracle4engineer
moyheen
kojira
line_developers
microcms
taro_nanairo
lamrongol
deanohume
keavy
chrislema
jponch
bluesmoon
ufuk
swwweet
addyosmani
paigeccino
sstephenson
colly