AWS CodeBuildを高速化したい

AWS CodeBuildのおさらい • AWS CodeBuildは、コードのビルド、テスト、パッケージ化など、ソフトウェア開発のパイプライン内で様々なタスクを自動化するために使用されるフルマネージド型のサービスです。 • ビルドの指示はbuildspec.ymlファイルによって定義されます。 CodeCommitやCodeDeployと
一緒に使用されることが多い

どうやって速くするの？ • 依存関係をS3に保管しておく • Bunを使用して依存関係のインストールを高速化する • コンピューティングにLambdaを選択する

なぜ、速くするの？ EC2 料金ビルド時間で課金される

なぜ、速くするの？ Lambda 料金ビルド時間で課金される

前提 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

テスト時の依存関係をS3に保管しておく • CodeBuildのS3キャッシュ設定

テスト時の依存関係をS3に保管しておく buildspec.ymlにcacheを追加するキャッシュに残すパス

テスト時の依存関係をS3に保管しておくビルド時間比較 • S3キャッシュを使用した場合： o インストール：11秒 • S3キャッシュを使用しない場合： o インストール：31秒

Bunを使用して依存関係のインストールを高速化する • Bunの紹介 o Node.jsやDenoと同様のJavaScriptランタイム o JavaScriptCoreエンジンを採用して高速 o Bun自体がパッケージマネージャー
o タスクランナーとして動かすことも可能（bun run 〜とか使える） o ファイルの書き込み、SQLite3データベースのサポート、環境変数の自動読み込み（.envファイル対応）などをデフォルトでサポート

Bunを使用して依存関係のインストールを高速化する • 「npm install –g bun」でBunをインストール

Bunを使用して依存関係のインストールを高速化する • Bunコマンドでインストール、ビルドを行う

Bunを使用して依存関係のインストールを高速化するビルド時間比較 • Bunを使用した場合： o インストール:10秒 • Npmを使用した場合： o
インストール:31秒

コンピューティングにLambdaを選択する • AWS CodeBuild で AWS Lambda によるコンピューティングのサポートを開始

コンピューティングにLambdaを選択する • CodeBuild作成時にコンピューティングでLambdaを選択する

コンピューティングにLambdaを選択するビルド時間比較（S3キャッシュ、Bun込み） • EC2の場合：1分15秒 • Lambdaの場合：30秒

まとめ • 結果改善前のビルド時間改善後のビルド時間短縮時間テスト時の依存関係をS3に保管しておく 31秒
11秒 20秒 Bunを使用して依存関係のインストールを高速化する 31秒 10秒 21秒コンピューティングにLambdaを選択する 1分15秒 30秒 45秒

GitHub • 今回検証で使用したコードは以下です。 o https://github.com/ryomeblog/codebuild-speedup

余談 • CodeBuildのテスト時にレポート作成 o buildspec.ymlにreportsを追加レポートファイル名レポートファイルがあるディレクトリ名

余談 • CodeBuildのテスト時にレポート作成

余談 • dependenciesとdevDependenciesを使い分ける o npm install 【パッケージ名】→ dependencies o npm
install --save-dev 【パッケージ名】→ devDependencies • 依存関係のインストールをデプロイ先によって分ける！！ o 開発環境：npm install → dependenciesとdevDependencies o 本番環境：npm install --production → dependenciesのみ！！本番環境に不要なパッケージが入らなくなる！！本番環境で使うパッケージ開発時に使うパッケージ

参考文献 • 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

AWS CodeBuildを高速化したい

AWS CodeBuildを高速化したい

ryome

More Decks by ryome

Other Decks in Technology

Featured

Transcript