Slide 1
Slide 1 text
AWS CodeBuild のすすめ
ENECHANGE株式会社 小野 優人
Slide 2
Slide 2 text
アジェンダ
1. 自己紹介
2. AWS CodeBuild を導入した経緯
3. AWS CodeBuild を導入した感想
4. まとめ
Slide 3
Slide 3 text
自己紹介
Slide 4
Slide 4 text
経歴
● Web制作会社にてフロントエンドエンジニア
○ 主に WordPress でのホームページ制作を経験
● 某スタートアップ企業のCTO
○ WordPress, Laravel, EC-Cube, Vue.js, React, Svelte など色んな技術に触れる
● ENECHANGE株式会社 ← いまここ
○ Next.js x TypeScript でのフロントエンド開発をリード
Slide 5
Slide 5 text
AWS CodeBuild を導入した経緯
Slide 6
Slide 6 text
CI/CDツールとえいば
● CircleCI
● GitHub Actions
● AWS CodeBuild
ちなみに、僕は GitHub Actions 愛好家だった
Slide 7
Slide 7 text
GitHub Actions 愛好家の僕が、なぜ CodeBuild を
● 社内で、すでに別のプロダクトで CodeBuild を導入した実績があった
○ それがなかったら、たぶん GitHub Actions 使っていた
● せっかくの機会だし、 CodeBuild の勉強がてら、導入してみるか
Slide 8
Slide 8 text
AWS CodeBuild を導入した感想
Slide 9
Slide 9 text
CodeBuild を導入した感想
● GitHub Actions と使い方は似ている。学習しやすかった。
○ どちらも、 YAMLでファイルで設定する
● AWS各種サービスと連携しやすい
Slide 10
Slide 10 text
設定ファイルを見てみよう
version: 0.2
phases:
build:
commands:
- npm run build
post_build:
commands:
- aws s3 sync out s3://${AWS_S3_BUCKET_NAME} --delete --no-progress
- aws cloudfront create-invalidation --distribution-id
${AWS_CLOUDFRONT_ID} --paths '**/*'
buildspec.yml
Slide 11
Slide 11 text
まとめ
Slide 12
Slide 12 text
まとめ
● デプロイ先がAWSであれば、 AWS CodeBuild (+ CodeDeploy) を使うと便利
● GitHub Actions や CircleCI を使ったことがある方であれば、
比較的容易に使えるようになると思う
Slide 13
Slide 13 text
ご清聴ありがとうございました！