[画像たっぷり]Amazon CodeCatalystの設定方法～Builders ID作成からProjectへの招待まで～(Project管理者向け)

開発環境とIssue管理としてCodeCatalystを使ってみようと思います。

## CodeCatalystとは?
概要を以下に列挙してみます。
- Amazon CodeCatalystは、​AWS上で動作するクラウドベースの開発環境です。
- プロジェクト用に設定され、​CI/CDパイプラインを簡単に定義し、​自動的に実行できます。​
- CodeCatalystを使用すると、​ソフトウェア開発チームはAWS上でアプリケーションを迅速かつ簡単に計画、​開発、​コラボレーション、​構築、​および配信できるため、​開発ライフサイクル全体でフリクションが軽減されます。
- ​CodeCatalystは、​アプリケーションの開発、​ビルド、​デプロイ、​およびテストを簡単かつ迅速に行うための「統合ソフトウェア開発サービス」です。

https://aws.amazon.com/jp/codecatalyst/

と、ざっくりと概要を記載してみましたが、とりあえず、触ってみましょう!

## Projectへの参加手順
1. Builder IDの作成(無料)
    https://docs.aws.amazon.com/signin/latest/userguide/sign-in-aws_builder_id.html
1. CodeCatalystへのログインとAWSアカウントとの連携
1. Projectの作成
1. Projectへの招待

### 1.Builder IDの作成
 - CodeCatalystはAWSのコンソール画面とは独立したIDでログインします。
 - Builder IDというものを持っていない人は作成して下さい。
   - Builder IDを作成する際は、プロジェクト管理者指示のメールアドレスに従って下さい。
     ※個人メールアドレスも使えますが、会社で利用する場合は会社のメールアドレスを登録するなどのルールがあるかと思います。

以下リンクのからBuilder IDを作成して下さい。
[AWS ビルダー ID の作成](https://profile.aws.amazon.com/)

Eメールアドレスを入力する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/0fa2fce4-8ef2-0d1e-55a8-cb4771013e99.png)

メールアドレスの確認と、名前を入力する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/53b5d4e0-47ac-0519-a8a9-44e0d736cdb5.png)

メールに届くCodeを入力する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/b0ae05e7-c33f-ac5c-a5bf-05bed54d3da8.png)

パスワードを入力する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/17ae5ec1-4b23-6a98-37c2-fb3da0ea637c.png)

AWS Builder IDのProfileが確認出来ること。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/379b1d33-4772-529e-f2dc-6f4bcc15c3e0.png)

これでAWS Builder IDの登録は完了です。

### 2.CodeCatalystへのログインとAWSアカウントとの連携
以下にアクセス
https://codecatalyst.aws/

右上白枠のSign inをクリック。(目立つ方のSign upではないので注意。)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/05051263-9165-3c59-db4f-d0ee3e223303.png)

先程作成した、Builder IDでログインを実施。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/e4458854-4d26-4c1d-4575-88d45c49ba5a.png)

パスワードの入力と「これは信頼されたデバイスです。」にチェックしてサインイン。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/5aeff809-bd76-b6b5-fdf5-10c5194a7d7f.png)

CodeCatalystにログインすると、はじめにaliasの登録を聞かれます。
メンション時などに利用する表示名なので、普段会社やプロジェクトで利用している表示名と合わせた方がわかりやすいと思います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/c7d3f688-c336-7aed-5a17-e9de904222eb.png)

Create Aliasをクリックすると、Create your spaceが出現します。
Space名(自分で決めて良い)と連携するAWS account IDを入力します。
AWS accountとの連携用tokenが発行されるので、「Verify in the AWS console」をクリック。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/d458fe58-8a5d-16ec-cf2a-90743f17186d.png)

AWS Management Consoleにログインして、以下画面でVerify spaceをクリック。
Add AWSRoleForCodeCatalystSupportも特別な指示がない限りはチェックを入れておきましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/23bce210-f0b4-9b0f-fc24-37221848582f.png)

CodeCatalystの画面に戻り、AWS accountとの連携がVerifiedとなっていることを確認して、Create spaceをクリック。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/8b4ed1e5-6027-1c6f-9a91-4c4fb89a839e.png)

Projectの作成画面になります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/bcea10e9-ec79-0ca8-a54e-7c9d1b849f1c.png)

### 3.Projectの作成
blueprintとして、色々なテンプレートから選ぶことや、Bring your own codeでgithubとの連携も出来ますが、今回はscratchを選択して進めます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/8254be0e-73ef-3430-14be-70c4b2293a7b.png)

### 4.Projectへの招待
projectが作成出来たら、tabからMembersを選択し、Project membersをInviteしていきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/dd8b9362-4b33-0bbb-ddf3-107b256ef3c0.png)

Inviteはmailアドレスを指定して送付することが出来ます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/fc53af8a-1693-c8a8-bf07-822de7ac15b1.png)

RoleはContributorとProject administratorが選択出来ます。
役割に応じて選択して下さい。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/17c1d8c1-625f-71f1-96f9-17a8ae8e22ea.png)

招待された人は以下のようなメールを受け取ります。
Accept invitationからCodeCatalystのログインに移ります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3342002/2d94ff2c-40c5-9e78-f0a1-821328ee8855.png)