Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AWS Codebuild のすすめ
Search
Yuto Ono
September 08, 2022
0
1.2k
AWS Codebuild のすすめ
Yuto Ono
September 08, 2022
Tweet
Share
More Decks by Yuto Ono
See All by Yuto Ono
EMを目指す方法
yutoono
1
110
Svelte でルービックキューブを作ってみた
yutoono
1
160
レガシーなフロントエンドを_React___Next.js_にリプレースした結果.pdf
yutoono
0
1.1k
レガシーなフロントエンドを リプレースするプラクティス。 エネチェンジが挑む 「React化」
yutoono
4
1.9k
WebAssembly で 世界最速の数独ソルバーを作った話
yutoono
0
810
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Fireside Chat
paigeccino
34
3.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
Scaling GitHub
holman
458
140k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
GraphQLとの向き合い方2022年版
quramy
44
13k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
How STYLIGHT went responsive
nonsquared
95
5.2k
Optimizing for Happiness
mojombo
376
70k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
Transcript
AWS CodeBuild のすすめ ENECHANGE株式会社 小野 優人
アジェンダ 1. 自己紹介 2. AWS CodeBuild を導入した経緯 3. AWS CodeBuild
を導入した感想 4. まとめ
自己紹介
経歴 • Web制作会社にてフロントエンドエンジニア ◦ 主に WordPress でのホームページ制作を経験 • 某スタートアップ企業のCTO ◦
WordPress, Laravel, EC-Cube, Vue.js, React, Svelte など色んな技術に触れる • ENECHANGE株式会社 ← いまここ ◦ Next.js x TypeScript でのフロントエンド開発をリード
AWS CodeBuild を導入した経緯
CI/CDツールとえいば • CircleCI • GitHub Actions • AWS CodeBuild ちなみに、僕は
GitHub Actions 愛好家だった
GitHub Actions 愛好家の僕が、なぜ CodeBuild を • 社内で、すでに別のプロダクトで CodeBuild を導入した実績があった ◦
それがなかったら、たぶん GitHub Actions 使っていた • せっかくの機会だし、 CodeBuild の勉強がてら、導入してみるか
AWS CodeBuild を導入した感想
CodeBuild を導入した感想 • GitHub Actions と使い方は似ている。学習しやすかった。 ◦ どちらも、 YAMLでファイルで設定する •
AWS各種サービスと連携しやすい
設定ファイルを見てみよう 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
まとめ
まとめ • デプロイ先がAWSであれば、 AWS CodeBuild (+ CodeDeploy) を使うと便利 • GitHub
Actions や CircleCI を使ったことがある方であれば、 比較的容易に使えるようになると思う
ご清聴ありがとうございました!