Upgrade to Pro — share decks privately, control downloads, hide ads and more …

GitHub Actionsで学ぶCI/CD

GitHub Actionsで学ぶCI/CD

Presentation at UTMC (http://komaba.utmc.or.jp).

antenna_three

September 17, 2021
Tweet

More Decks by antenna_three

Other Decks in Programming

Transcript

  1. 準備 手元で実行したい人向け やらなくてもOK GitHubにリポジトリを作り、 git clone https://github.com/antenna-three/utmc-github-actions.git git remote rm

    origin git remote add origin https://github.com/[your-account-name]/[your-repository-name].git もしくはforkしてからcloneでもOK package.json の homepage を https://[your-account-name].github.io/[your- repository-name] に書き換えておく
  2. プロジェクト構成 utmc-github-actions ├ .github/workflows --> GitHub Actionsの設定 ├ public └

    src ├ App.js ----------> メインのコンポーネント └ App.test.js -----> Appコンポーネントのテスト
  3. ステップの記述 uses で他のアクションを呼び出すか run でコマンドを呼び出す たいていの操作にはすでにアクションがある steps: - name: Get

    repository data uses: actions/checkout@v2 - name: Use Node.js 14.x uses: actions/setup-node@v1 with: node-version: '14.x'
  4. ビルド、テスト、デプロイ steps: - name: Build run: npm run build -

    name: Test run: npm test - name: Deploy uses: peaceiris/actions-gh-pages@v3 with: github_token: ${{ secrets.GITHUB_TOKEN }} publish_dir: ./build