AWS CodeBuildを​高速化したい​

AWS CodeBuildのビルド時間を高速化する検証。

1. AWS CodeBuildを 高速化したい
2. AWS CodeBuildのおさらい • AWS CodeBuildは、コードのビルド、テスト、パッケージ化など、ソフト ウェア開発のパイプライン内で様々なタスクを自動化するために使用され るフルマネージド型のサービスです。 • ビルドの指示はbuildspec.ymlファイルによって定義されます。 CodeCommitやCodeDeployと 一緒に使用されることが多い
3. どうやって速くするの？ • 依存関係をS3に保管しておく • Bunを使用して依存関係のインストールを高速化する • コンピューティングにLambdaを選択する
4. なぜ、速くするの？ EC2 料金 ビルド時間で課金される
5. なぜ、速くするの？ Lambda 料金 ビルド時間で課金される
6. 前提 React初期プロジェクトのビルド時間短縮を目指す。 環境 ・Nodeバージョン：18 ・Reactバージョン：18.2.0 インストールパッケージ名 @emotion/react @emotion/styled @mui/material axios react react-dom react-router-dom react-scripts web-vitals @testing-library/jest- dom @testing-library/react @testing-library/user- event jest-junit jsdom
7. テスト時の依存関係をS3に保管しておく • CodeBuildのS3キャッシュ設定
8. テスト時の依存関係をS3に保管しておく buildspec.ymlにcacheを追加する キャッシュに残すパス
9. テスト時の依存関係をS3に保管しておく ビルド時間比較 • S3キャッシュを使用した場合： o インストール：11秒 • S3キャッシュを使用しない場合： o インストール：31秒
10. Bunを使用して依存関係のインストールを 高速化する • Bunの紹介 o Node.jsやDenoと同様のJavaScriptランタイム o JavaScriptCoreエンジンを採用して高速 o Bun自体がパッケージマネージャー o タスクランナーとして動かすことも可能（bun run 〜とか使える） o ファイルの書き込み、SQLite3データベースのサポート、環境変数の自 動読み込み（.envファイル対応）などをデフォルトでサポート
11. Bunを使用して依存関係のインストールを 高速化する • 「npm install –g bun」でBunをインストール
12. Bunを使用して依存関係のインストールを 高速化する • Bunコマンドでインストール、ビルドを行う
13. Bunを使用して依存関係のインストールを 高速化する ビルド時間比較 • Bunを使用した場合： o インストール:10秒 • Npmを使用した場合： o インストール:31秒
14. コンピューティングにLambdaを選択する • AWS CodeBuild で AWS Lambda によるコンピューティングのサポートを開始
15. コンピューティングにLambdaを選択する • CodeBuild作成時にコンピューティングでLambdaを選択する
16. コンピューティングにLambdaを選択する ビルド時間比較（S3キャッシュ、Bun込み） • EC2の場合：1分15秒 • Lambdaの場合：30秒
17. まとめ • 結果 改善前のビルド 時間 改善後のビルド 時間 短縮時間 テスト時の依存関係をS3に保管しておく 31秒 11秒 20秒 Bunを使用して依存関係のインストールを高 速化する 31秒 10秒 21秒 コンピューティングにLambdaを選択する 1分15秒 30秒 45秒
18. GitHub • 今回検証で使用したコードは以下です。 o https://github.com/ryomeblog/codebuild-speedup
19. 余談 • CodeBuildのテスト時にレポート作成 o buildspec.ymlにreportsを追加 レポートファイル名 レポートファイルがある ディレクトリ名
20. 余談 • CodeBuildのテスト時にレポート作成
21. 余談 • dependenciesとdevDependenciesを使い分ける o npm install 【パッケージ名】→ dependencies o npm install --save-dev 【パッケージ名】→ devDependencies • 依存関係のインストールをデプロイ先によって分ける！！ o 開発環境：npm install → dependenciesとdevDependencies o 本番環境：npm install --production → dependenciesのみ！！ 本番環境に不要な パッケージが入らなくなる！！ 本番環境で使うパッケージ 開発時に使うパッケージ
22. 参考文献 • https://aws.amazon.com/jp/about-aws/whats- new/2023/11/aws-codebuild-lambda-compute/ • https://aws.amazon.com/jp/codebuild/pricing/ • https://aws.amazon.com/jp/codebuild/features/ • https://dev.classmethod.jp/articles/codebuild- lambda-compute/ • https://docs.aws.amazon.com/ja_jp/codebuild/latest /userguide/test-report-jest.html