feat: refactor cicd sample and update to CDK Pipelines

[wmikuriy]

The CICD sample code was refactored to the implementation by CDK Pipelines, and the code structure was updated to conform to the current CDK practices.

---

By submitting this pull request, I confirm that my contribution is made under the terms of the MIT No Attribution (MIT-0).

[konokenj]

コード内のレビューコメントをご参照ください。英語のMarkdownには注釈を入れていません。日本語へのフィードバックにあわせて英語も修正してください。

[konokenj]

図で示したいものを明確にする

ここで示したいのは、①パイプラインそのものの構築プロセス でしょうか？それとも、②パイプラインがどのように動いてアプリケーションのデプロイが進行するか でしょうか？それとも、③アカウント構成のパターンでしょうか？

私には①と③が混在しているように読み取れました。しかしそれも、非常に注意深く図を注視しないとわかりません。以下が課題だと思います。

1. Deploy BLEA 1/5 という図中のタイトルを見ると、どうもBLEAそのものをデプロイするステップの1つめというように見えます。しかし、実際にはこれは1つのユースケースのなかの、デプロイ方法の選択肢の1つです。
2. 2/5 と 4/5, 5/5 はアカウント構成パターンの違いに見えます。1/5を見たときにステップだと認識しましたが、違うようです。
3. 3/5 はデバッグ用にパイプラインを使わずにデプロイする非常ハッチのように見えます。これが順序立ててこの中にあること、さらにこれがオプションであることが明記されていないため、とても混乱します。

図を改善する

• フォントが小さすぎて読みづらいです
• オブジェクトの位置がそれぞれ違っていて、差分を読み取れません。統一することは難しいでしょうか？

文章による注釈を加える

• 図が何をしようとしているか、文章で説明してください

まとめ

意図が異なる図は、まとまりが認識できるように分離して置いてください。また、タイトルを適切につけ、連番を正しく使ってください。

[konokenj]

CDK Pipelines についての簡単な説明や、AWSドキュメントへのリンクを入れることを検討してください。ユーザーがこのページを見たときに、これが何をするものなのか、どのような前提知識が必要なのかを最初の数行で理解してもらえるように説明しましょう。

[konokenj]

コメントをご確認ください。多くの差分にsuggestionを入れているので、内容を確認して問題なければ受け入れてください。