【初心者向け】「Amazon CodeStar」で今日からできるCI/CD（継続的インテグレーション／継続的デプロイ）：AWSチートシート

AWS活用における便利な小技を簡潔に紹介する連載「AWSチートシート」。今回はAWSのCI/CDサービスの一つ「Amazon CodeStar」の概要、クラウド開発環境「AWS Cloud9」を使用したソースコードの修正からデプロイまでを紹介します。

[杉本健太，株式会社システムシェアード]

印刷

通知 連載「％」の新着をメールで通知

鬯ｮ�ｫ驕ｨ繧托ｽｽ�ｹ隴趣ｽ｢�ｽ�ｽ�ｽ�ｽPost

Shareシェア

はてなブックマーク

SharePocket Button

　「Amazon Web Services」（AWS）活用における便利な小技を簡潔に紹介する連載「AWSチートシート」。今回はAWSのCI/CD（Continuous Integration／Continuous Delivery）サービスの一つ「Amazon CodeStar」の概要、クラウド開発環境「AWS Cloud9」を使用したソースコードの修正からデプロイまでを紹介します。

Amazon CodeStarとは

　Amazon CodeStarはAWSが提供するCI/CDサービスの一つです。作成したいサービスの種類やその言語を選択することで、自動的にCI/CDパイプラインが立ち上がり、環境を構築してくれます。IDE（統合開発環境）とも容易に連携できます。

　アプリケーションを立ち上げるだけなら、ソースコードの事前準備は不要です。

ソースの修正からデプロイまで

　今回は以下の手順で、Cloud9を利用して、CodeStarで作成されたソースコードを修正します。

1. テンプレートの選択
2. 設定の入力、実行
3. Cloud9と統合
4. ソースコード修正、Git更新
5. デプロイ確認

【手順1】テンプレートの選択

　CodeStar画面を開き、「プロジェクトの作成」ボタンを押します。AWSのサービス、アプリケーションタイプ、言語からそれぞれ好きなものを選択します。2023年2月現在、下記の中から選択できます。

　今回は次の構成でプロジェクトを作成します。

• AWSのサービス：Amazon EC2
• アプリケーションタイプ：Webアプリケーション
• 言語：Java（Spring）

　テンプレートを選択し、画面右下の「Next」ボタンを押します。

【手順2】設定の入力、実行

　プロジェクト名を入力します。今回は「CodeStar-Test」にします。プロジェクトIDとリポジトリ名は、プロジェクト名を入力すると自動で入力されます。プロジェクトのリポジトリは、「CodeCommit」（AWS CodeCommit）を選択します。

　EC2のインスタンスタイプやネットワークを設定します。任意の設定を選択して「Next」ボタンを押します。この時にパブリックな環境を選択しないと、アプリケーションにアクセスできないので注意してください。

　レビュー画面に遷移するので、内容に問題ないことを確認して「プロジェクトの作成」ボタンを押します。

　その後、「AWS CloudFormation」やCI/CDパイプラインが立ち上がり、自動でEC2インスタンスにデプロイします。10分ほど待機するとデプロイが完了します。

　今回作成したプロジェクトの画面から、「アプリケーションの表示」ボタンをクリックします。

　すると、CodeStarが作成したWeb画面に遷移します。

【手順3】Cloud9と統合

　CodeStarが自動で作成したコードをCloud9で編集できるように、設定します。今回作成したプロジェクトの画面で「AWS Cloud9の設定」ボタンを押します。

　Cloud9のEC2インスタンスを設定します。それぞれ任意の値を入力し、「環境の作成」ボタンを押します。

　3分ほど経過するとCloud9の環境が作成されます。Cloud9の画面に移動し、作成された環境を選択した上で、「Open in Cloud9」ボタンを押します。

　IDEの画面に遷移できると思います。

【手順4】ソースコード修正、Git更新

　今回はjspファイルとcssファイルを更新して、Web画面の表示文言と背景色を変更しました（ソースの修正内容は割愛）。ソースの変更後、IDE画面の下部にあるターミナルでGitコマンドを実行します。

　下記の通りにコマンドを実行することで、masterブランチへのプッシュまで完了します。

【手順5】デプロイ確認

　プッシュから5分ほど経過した後、再びWeb画面にアクセスすると、画面の表示が変更されていることを確認できると思います（背景色を緑系の色に変更し、画面中央下部の文言に「hogehoge.」を追加）。

ローカルIDEとの統合も可能

　以上がCodeStarを利用したWebアプリケーションの開発作業です。

　CodeStarの利用経験がなくても15分ほどで、サンプルのデプロイまで完了できると思います。

　今回は紹介していませんが、EclipseなどのIDEと統合することもできるので、Cloud9でEC2インスタンスの料金がかかることを懸念している方は、そちらも試してみてはいかがでしょうか。

鬯ｩ謳ｾ�ｽ�ｵ�ｽ�ｽ�ｽ�ｺ鬯ｮ�ｦ�ｽ�ｮ髯ｷ�ｻ�ｽ�ｻ�ｽ�ｽ�ｽ�ｿ�ｽ�ｽ�ｽ�ｽ鬯ｯ�ｯ�ｽ�ｨ�ｽ�ｽ�ｽ�ｾ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�｣鬯ｯ�ｮ�ｽ�ｴ髣費ｿｽ�ｽ�･�ｽ�ｽ�ｽ�ｳ�ｽ�ｽ�ｽ�ｨ�ｽ�ｽ�ｽ�ｽ髯懶ｽ｣�ｽ�､�ｽ�ｽ�ｽ�ｸ�ｽ�ｽ�ｽ�ｲ鬯ｩ蠅捺��ｽ�ｿ�ｽ�ｽ�ｽ縺､ﾂ€�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�｣鬯ｯ�ｮ�ｽ�ｴ鬯ｩ蟶壽桶�ｽ�ｭ鬮ｮ�｣�ｽ�ｿ�ｽ�ｽ�ｽ�ｽ�ｽ�ｨ鬮ｯ蛹ｺ�ｻ繧托ｽｽ�ｿ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｺ鬮｣蛹�ｽｽ�ｵ髫ｴ謫ｾ�ｽ�ｴ�ｽ�ｽ隶難ｽ｣�守｢托ｽｭ雜｣�ｽ�｢�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｩ鬯ｩ蟷｢�ｽ�｢髫ｴ雜｣�ｽ�｢�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｼ鬯ｩ蟷｢�ｽ�｢髫ｴ荳ｻ�ｽ隶捺ｻゑｽｿ�ｽ邵ｺ�､�つ€鬯ｯ�ｮ�ｽ�ｦ�ｽ�ｽ�ｽ�ｪ鬩包ｽｶ闔ｨ�ｽ�ｽ�ｦ�ｽ�ｴ�ｽ縺､ﾂ€髯ｷ闌ｨ�ｽ�ｷ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｻ鬯ｯ�ｯ�ｽ�ｪ�ｽ�ｽ�ｽ�ｭ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｲ鬯ｩ謳ｾ�ｽ�ｵ�ｽ�ｽ�ｽ�ｺ鬮ｯ�ｷ�ｽ�ｷ�ｽ�ｽ�ｽ�ｶ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ New

筆者紹介

杉本健太

株式会社システムシェアード

ITの力で社会を豊かにするために日々勉強中。クラウドの知識を深めるためにAWSのアソシエイト資格を全て取得。現在はAWSを利用したサービスの開発に従事しながら開発現場の知識・経験を研さん中。将来的にはAIを活用しながら、多くの人に喜んでもらえるサービスを作りたいという夢を胸に抱いている。