One Observability Workshop を今更?やった

## きっかけ
Observability というワードそのものはずっと聞くので、やってみたいなとは思っていました。  
ただ、下記の理由でずっと後回しにしていました。
* 実際に動いてるこそ監視のやりがいがありそう、アプリは作れない。。
* ある程度の規模でないと面白味が薄そう(X-rayとかそう)
* 個人開発で環境準備する(動くものを作る)のが大変
* 業務上使う技術習得を優先して学習したい

そしてたまたま時間作れたのでやってみようという流れです。
ただし、マネージドサービスとある程度興味を持った部分に限ります。
また、これ以降の引用部分はすべて下記のworkshopからのもので、画面は個人で作業したものです。

https://catalog.us-east-1.prod.workshops.aws/workshops/31676d37-bbe9-4992-9cd1-ceae13c5116c/ja-JP

作成する AWS リソースはこちらのようです。

> ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/1c5a307c-6a4d-8ba3-6e0a-566ed0cabede.png)

## まとめ
書いてて、これはさすがに最後まで読む人いないだろうということで先に書きます。
社外で話を聞くとCloudwatchをガンガンに使っている人もたまに聞きますが、
監視にマンパワーをあまりかけたくないからSaaSを使うという意見の方を多く見かけます。
なので、このworkshopもすべてをやるというよりは"こういう監視が欲しいんだけどできるのか？"ということに具体性をもって狙ったものを取り組めることにメリットを感じそうです。
また、私は14時間くらいで終わりました。
これ説明もう少し欲しいなと調べていると本当に時間かかります。
Cloud9で構築で躓いて確認で30分、CDKの実行で環境が立ち上げるまで30分という感じでした。
また、以下は体験できませんでした。
* ログの設計する
* X-rayのAgentを仕込む

そして終わってAWSリソースで使った利用料を確認したら12ドル！

## セットアップ
セットアップはやってみたときに躓いたら記載するスタンスでいきます。次やる方のストレスが減ることを祈ってます。  
2023/10/29 にやった時の話です。

### リージョンの勘違い
cloudshellでCloud9を立ち上げる際に東京リージョンで実行してうまくいかず、バージニア北部で実行してうまくいきました。  
### jaの有効化
`自分のAWS アカウントで利用する`→`アプリケーションのデプロイ`→`AWS CLI に現在の AWS リージョンをデフォルトとして設定する`の部分で`ja`が効かなかったので以下で解決しました。
```bash:jaの有効化
sudo snap install jq
```
### バケットエラー
これも東京リージョンでやってしまったからバケットがないことを指摘されました。  
とりあえず、このバケット名でその他はデフォルト設定で作成して進めてます。  
(本来は CDK が作るものなのでいい加減な対応ですが、ひとまず進めたいのでこれでやっているだけです。)
```bash:エラー文
Applications:  fail: No bucket named 'cdk-hnb659fds-assets-446531955624-us-east-1'. Is account 446531955624 bootstrapped?
```

## アプリケーションのデプロイ完了
ここまで1時間近くかかりました。  
画面も確認できたので続きをやります。  
一部エラーが起きていたような気もするのですが、リソース作成のコマンドだけで30分ほどかかり、
途中で離席していたこともありエラー文がterminalに残っていない。。
ひとまず立ち上がったようなので続きを。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/6a0d2a9a-6f87-e21b-fc59-f6b893868257.png)

## Logs
> CloudWatch Logs を使用すると、使用するすべてのシステム、アプリケーション、AWS サービスのログを、スケーラブルな 1 つのサービスに一元化できます。その後、簡単に表示したり、特定のエラーコードやパターンを検索したり、特定のフィールドに基づいてフィルタリングしたり、将来の分析のために安全にアーカイブしたりできます。CloudWatch Logs では、ソースに関係なく、すべてのログを一貫したイベントフローとして時間順に並べ替えたり、クエリを実行したり、他のディメンションに基づいて並べ替えたり、特定のフィールドでグループ化したり、強力なクエリ言語を使用してカスタム計算を作成したり、ダッシュボードでログデータを視覚化したりできます。

### Logs Insights
> CloudWatch Logs Insightsを使用すると、Amazon CloudWatch Logs のログデータを対話的に検索および分析できます。クエリを実行することで、運用上の問題に対してより効率的かつ効果的に対応できます。問題が発生した場合は、CloudWatch Logs Insights を使用して潜在的な原因を特定し、デプロイされた修正を検証できます。

CloudWatch Logs インサイトを見に行った結果です。
＠がつくものはCloudwatchが自動で作成するものです。
抜粋ですが説明は以下のようです。
> * fields コマンドを使用してタイムスタンプとメッセージを表示し、
> * sort コマンドでタイムスタンプの降順（desc）にソートし、
> * limit コマンドで最後の 20 件の結果を表示します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/fe801911-cc15-c2eb-382f-c3c65a9a5917.png)

クエリの保存も可能な様子。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/9623d4b0-0154-4c9e-0f21-317fb12f800e.png)

保存すると、右側に作成したSample1というクエリが作成される。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/64728ba8-7404-a631-832d-f49969ae7030.png)

クエリの履歴もクエリの実行の右側にある`履歴`から作成可能。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/150ed3bd-e0ba-aeaf-4dc7-f771e6340313.png)

画面を見ての通りですが、ダッシュボードに追加ボタンがあるので実行するとそのまま配置されますね。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/231bbb22-2743-8bc8-dcad-0ab31a3f4459.png)
ログテーブル化
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/b48663ea-41b8-3b3c-9d49-25fac9658e65.png)
円グラフ化
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/61562e95-a726-6cb0-cc22-ccea6e781754.png)

### Live Tail
> Live Tailは、ログをリアルタイムでインタラクティブに表示する分析機能であり、アプリケーションのライフサイクル全体にわたって問題を迅速に検出してタイムリーに解決できます。Live Tailは、ログのストリーミングビューをフィルタリングし、関連するコンテンツを強調表示してさらに調査できるようにすることで、エンジニアがインシデントのトラブルシューティングを迅速に行えるようにします。CloudWatch Logs で Live Tail を使用することで、DevOps チームはプロセスが正しく開始されたかどうか、または新しいデプロイがスムーズに進んだかどうかを迅速に検証できます。

`テーリングを開始`を押すと
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/e74b3322-2ea0-39eb-d039-c4034a994657.png)
フィルター機能の設定に移ります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/2239f7f3-a70c-532a-4977-b57a366914ef.png)
* ロググループを選択
→デフォルトで選択されてました。少なくとも一つ選択のようです。
* ログストリームを選択
→？
* フィルターパターンの追加
→petsite コンテナからログのみを取得したいので設定。(大文字小文字区別)

ログストリームの選択というのがぴんと来なかったので調べました。

> https://docs.aws.amazon.com/AmazonCloudWatch/latest/logs/CloudWatchLogs_LiveTail.html
> (オプション) ログ グループを 1 つだけ選択した場合は、ログ イベントを表示する 1 つ以上のログ ストリームを選択することで、Live Tail セッションをさらにフィルタリングできます。これを行うには、 [ログ ストリームの選択]で、ドロップダウン リストからログ ストリームの名前を選択します。あるいは、 [ログ ストリームの選択]の下の 2 番目のボックスを使用して ログ ストリーム名のプレフィックスを入力すると、そのプレフィックスと一致する名前を持つすべてのログ ストリームが選択されます。

例としてはこちらが出てきました。
ip-11-0-133-195.ec2.internal-application.var.log.containers.cwagent-prometheus-7954855c94-dmmn2_amazon-cloudwatch_cloudwatch-agent-df607d3cb7008380f04330f8b2cc220cae77e537fb931bcb118f2100c6d13511.log

そして実際にLivetail して見れるのがこちら。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/41f0bc65-6059-81b2-d885-a6a5d4265c35.png)
5つまでの用語の強調表示が可能。(画像を加工したわけではないです)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/624e746f-e0b5-b48a-b8aa-4bc57c46fa01.png)

## Metrics
> メトリクスはシステムのパフォーマンスに関するデータです。デフォルトでは、いくつかのサービスはリソース（Amazon EC2 インスタンス、Amazon EBS ボリューム、Amazon RDS DB インスタンスなど）に対して、無料のメトリクスが提供されます。また、Amazon EC2 インスタンスなどの一部のリソースの詳細モニタリングを有効にしたり、独自のアプリケーションメトリクスを公開することもできます。

### Metricsの表示
メトリクスくらい知ってるよーって思ってたんですが"グラフ化したメトリクス"のタブから表示期間を1秒から15分置きで変えることができるのは忘れてました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/da7989e6-f9df-e703-7bdd-9b2eae56b4e4.png)

### Metric Math
> Metric Math を使用すると、複数の CloudWatch メトリクスをクエリし、数式を使用してこれらのメトリクスに基づいて新しい時系列を作成できます。結果の時系列を CloudWatch コンソールで視覚化し、ダッシュボードに追加できます。AWS Lambda のメトリクスを例にとると、 Errors メトリクスを Invocations メトリクスで割ると、エラー率を求めることができます。その後、結果の時系列を CloudWatch ダッシュボードのグラフに追加できます。

下の図が各項目の合計値SUMをグラフ化したもの
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/654e0712-1f46-67a0-3686-fb37f44d6119.png)

### 検索式
> 検索式は、CloudWatch グラフに追加できる数式の一種です。検索式を使用すると、複数の関連メトリクスをグラフにすばやく追加できます。また、グラフを初めて作成したときにそのメトリクスが存在していなくても、適切なメトリクスが自動的に表示に追加される動的なグラフを作成することもできます。


```bash:構文
SEARCH(' {Namespace, DimensionName1, DimensionName2, ...} SearchTerm', 'Statistic')
```

```bash:実際の式
SUM(SEARCH('{ECS/ContainerInsights,ClusterName} MetricName="TaskCount"', 'Average', 300))
```
上記の式は`TaskCount`名前空間の`ECS/ContainerInsights`メトリクスを示す。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/9c9e3f4b-cdeb-46fc-8514-4334f0659593.png)

### Metrics Explorer
> Metrics Explorer は、タグおよびリソースプロパティ別にメトリクスをフィルター、集計、視覚化できるタグベースのツールです。これにより、サービスのオブザーバビリティを高めることができます。Metrics Explorer の視覚化は動的であるため、Metrics Explorer ウィジェットを作成して CloudWatch ダッシュボードに追加した後に一致するリソースを作成すると、新しいリソースがエクスプローラーウィジェットに自動的に表示されます。
たとえば、リージョン内のすべてのインスタンスの AWS/EC2 の CPUUtilization メトリクスを表示する検索式を作成できます。後で新しいインスタンスを起動すると、新しいインスタンスの CPUUtilization が自動的にグラフに追加されます。

`空のエクスプローラー`→`タイプ別のインスタンス`これだけでインスタンス別にメトリクスが一気に現れる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/aa64af6b-a90a-afbe-4614-9648681f8cb8.png)
`同様にランタイム別のLambda`にした結果がこちら。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/22b1a755-1524-1dc1-1fa5-6aed82313f1e.png)

### Metrics Insights
> CloudWatch Metrics Insights は、大規模なメトリクスのクエリに使用できる高性能な SQL クエリエンジンです。1 つのクエリで最大 10,000 のメトリクスを処理できます。これまでは、CloudWatch メトリクスの傾向やパターンをリアルタイムで大規模に特定することが顧客にとって障害となっていました。
Metrics Insights クエリは CloudWatch コンソールを使用して実行することも、AWS CLI または AWS SDK から GetMetricData を使用して実行することもできます。また、お客様は Metrics Insights クエリから AWS CLI または AWS SDK を使用して PutDashboard API を使用してダッシュボードを作成することもできます。ダッシュボードは、新しいリソースがアカウントにプロビジョニングまたはプロビジョニング解除されても、最新の状態に保たれます。これにより、リソースがプロビジョニングまたはプロビジョニング解除されるたびにダッシュボードを手動で更新する手間が省けます。

ロードバランサーのRequestCountメトリクスを見た結果がこちら。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/43b49f8b-4f88-29de-9bc1-6f36d5161cbd.png)

Metrics Insightsは数式よりも優れた点がある模様。
> 同様の例を取り上げて、Metric Insights が数式に比べていかに簡単かつ迅速にインサイトを提供できるかを検証してみましょう
たとえば、AWS アプリケーションロードバランサーは LoadBalancer, AvailabilityZone and TargetGroup ごとに RequestCount メトリクスを公開します。ロードバランサーのアベイラビリティーゾーンとターゲットグループ全体でリクエスト数がどのように分散されているかをさらに詳しく調べるためです。
数式を使用すると、検索、ソート、制限を行うことができます。ただし、メトリクスのグループ化機能はサポートしていません。その代わりに、さまざまな SEARCH 関数と SUM 関数を一緒に使用する必要があり、これはお勧めできません。

Metric Math(数式)フル活用例
```bash:Metric Math
SORT(SEARCH(' {AWS/ApplicationELB, AvailabilityZone, LoadBalancer, TargetGroup} MetricName="RequestCount" ', 'Sum', 300),SUM, DESC,5)
```

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/52a99ac3-6fed-6e84-429b-e02c5250b480.png)
確かに、これをぱっと見た時の「えっとこれは何をやっているんだ？」って感じはありますね。
それに対して、
> Metric Insights を使用すると、以下に示すように、さまざまなメトリクスを簡単にソート、グループ化、フィルタリング、制限することができます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/5a8a6b51-0046-cf45-7280-2a15a8accba7.png)
とのことです。
個人的には入力箇所が決められていてわかりやすく感じますね。
ただ、実現したいことが複雑になってくるとどうしても設定項目や条件が増えて複雑になっていってしまうのは仕方ないように見えますね。

ちなみに参考が載ってました。
```bash:ロードバランサーごとのリクエスト数
SELECT SUM(RequestCount) FROM SCHEMA("AWS/ApplicationELB", AvailabilityZone,LoadBalancer,TargetGroup) GROUP BY LoadBalancer ORDER BY SUM() DESC LIMIT 5
```
```bash:アベイラビリティゾーンごとのロードバランサーあたりのリクエスト数
SELECT SUM(RequestCount) FROM SCHEMA("AWS/ApplicationELB", AvailabilityZone,LoadBalancer,TargetGroup) GROUP BY AvailabilityZone, LoadBalancer ORDER BY SUM() DESC LIMIT 5
```
```bash:ターゲットグループごとのロードバランサーあたりのリクエスト数
SELECT SUM(RequestCount) FROM SCHEMA("AWS/ApplicationELB", AvailabilityZone,LoadBalancer,TargetGroup) GROUP BY LoadBalancer, TargetGroup ORDER BY SUM() DESC LIMIT 5
```

## Alarm
> CloudWatch ダッシュボードにアラームを追加し、視覚的に監視できます。ダッシュボードにアラームがあると、アラームは ALARM 状態になると赤に変わり、ステータスをプロアクティブに監視しやすくなります。
アラームは持続的な状態変更に対してのみアクションを呼び出します。特定の状態にあり、状態が変更され、指定された期間維持されている場合のみ、CloudWatch アラームはアクションを呼び出します。

実際にメトリクスアラームを作成してみます。
メトリクスを選択し、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/802041e6-a538-43c1-a256-03d93d34ab42.png)
閾値等の詳細条件を加えます。
"アラームを実行するデータポイント"は下記の設定だと5回の評価期間のうち2回閾値を超えるとアラートすることになります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/bc7a7214-6c63-5df9-4411-0065d96cf3cf.png)
あとは下の図の設定でアラームが次にどの状態になった時にどのアクションを設定するかです。
アラート状態から復帰して復帰した通知が欲しいとかで使いそうですね。]
画面が切れてますが、アラート時にSystems Managerを実行もできるみたいです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/1fab0f16-03f6-17fb-57cb-70cf4628e57e.png)
作成すると
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/5d90357b-48f2-aa22-97b4-c4bfac934a28.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/dcded848-2df2-9524-839f-e8b52c7992d7.png)
アラームが来ていました。ちなみにメールも来ていました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/7901bea8-2c3b-b832-d499-553db37f1cb7.png)


## Trace
> AWS X-Ray は、開発者がマイクロサービスアーキテクチャなどを使用して構築された分散アプリケーションを、本番環境において分析およびデバッグするのに役立ちます。X-Rayを使用すると、アプリケーションとその基盤となるサービスのパフォーマンスを把握して、パフォーマンスの問題やエラーの根本原因を特定し、トラブルシューティングできます。X-Rayは、アプリケーションを通過するリクエストのエンドツーエンドのビューを提供し、アプリケーションの基礎となるコンポーネントのマップを表示します。X-Ray を使用すると、シンプルな 3 層アプリケーションから、数千のサービスで構成される複雑なマイクロサービスアプリケーションまで、開発および本番環境の両方のアプリケーションを分析できます。

### Service map on X-Ray
サービスマップを立ち上げ、色々見てみます。
全体感
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/ca0461d4-1957-b4e1-0208-61cc3a031533.png)
拡大
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/a7c332ea-b2fe-0526-1a84-891aa10e87d7.png)
アイコン表示からメトリクス表示に切り替え
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/dbbb36cd-bce5-10f6-13c6-a02893112a37.png)

ノードを選択すると各ノードのメトリクスや処理したリクエストの応答時間分布などが表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/4e7a369a-e7f1-56d8-f7f6-71699c74bc05.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/3a0c957b-1877-cc4a-45c5-1044b1456446.png)

### X-Ray Annotations
ノードを選択したまま、トレースを表示を選択すると下記のような画面になりました。
(workshop手順とは挙動が違いましたね。)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/14b2b458-c07d-86ec-638a-892608def0d9.png)
このままどれかのトレースIDを選択するとトランザクションを追うことができます。
下の図は上の図から選んだものではなく、エラーになっていそうなトレースIDを探して表示したものです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/09cd585c-4b50-bdf6-1118-efa968e9b32a.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/faddfe7f-02b1-b477-62c1-7eea0440d6f9.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/6c6ce4b4-e726-4245-04fd-f7ab08612a89.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/24382763-d714-31fe-2f89-c9af0b07a999.png)

こうして、何のリソースに問題があるのかを可視化してくれます。

### X-Ray Analytics
> AWS X-Ray Analytics コンソールは、トレースデータを解釈してアプリケーションやその基盤となるサービスのパフォーマンスをすばやく理解するためのインタラクティブなツールです。このコンソールを使用すると、インタラクティブな応答時間グラフと時系列グラフを使用して、トレースを調査、分析、および視覚化できます。
https://docs.aws.amazon.com/ja_jp/xray/latest/devguide/xray-console-analytics.html

下の画面に行くのにX-rayとサービスを検索してもCloudWatchに戻されてしまいました。
CloudWatchとX-rayを統合しようとしている過渡期なんですかね。
サービスマップからノードを選択して、`トレースの分析`を選択するとこちらの画面に移動しました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/05989e28-2985-f774-7047-0666eb30a760.png)
レイテンシの高そうな部分をドラッグで選択します。
するとHTTPステータスなどが表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/d7ecf450-384f-909d-2b89-f117ebaff46f.png)
下の画面に`RESPONSE TIME ROOT CAUSE`という項目があり、これでレイテンシの根本原因が自動で特定されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/301d7307-0141-33de-06e9-719720e7669e.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/3606b5e5-e447-a5b6-47a4-a9d701dddb49.png)

また、比較機能を用いることもできます。
ユースケースが正直ぴんと来ていないのですが以下だそうです。
> Analytics コンソールを使用して、根本原因分析の目的で異なる条件を持つ 2 つのトレースのセットを比較することもできます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/b45a4a31-f90c-920a-0853-5a8102d3328c.png)

## アプリケーションモニタリング

### CloudWatch ServiceLens
> CloudWatch ServiceLens は、トレース、メトリクス、ログ、アラームを 1 か所に統合できるようにすることで、サービスとアプリケーションの可観測性を高めます。ServiceLens は CloudWatch と AWS X-Ray を統合し、アプリケーションのエンドツーエンドのビューを提供し、パフォーマンスのボトルネックをより効率的に特定し、影響を受けたユーザーを特定するのに役立ちます。サービスマップは、サービスエンドポイントとリソースを「ノード」として表示し、各ノードとその接続のトラフィック、レイテンシー、エラーをハイライト表示します。ノードを選択して、サービスのその部分に関連付けられている相関メトリクス、ログ、トレースに関する詳細情報を表示できます。これにより、問題とそのアプリケーションへの影響を調査できます。

CloudWatch ServiceLensを開くとX-rayと同様のサービスマップが開きます。
petlistadoptionsを選択すると下の画面が出てきます。
そのままContainer Insightsで表示もできます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/c7fa68a5-d6cc-ced6-fb39-be8d44dbd708.png)

一か所にまとまってるから使いやすい、これに尽きる立ち位置に感じました。

### CloudWatch Synthetics
> Amazon CloudWatch Syntheticsを使用して、エンドポイントやAPIを監視するためのCanary（スケジュールに従って実行される設定可能なスクリプト）を作成することができます。Canaryは、お客様と同じ通信経路をたどり、同じアクションを実行します。これにより、アプリケーションにお客様による通信がない場合でも、お客様体験を継続的に検証することができます。Canaryを使用することで、お客様よりも先に問題を発見することができます。

#### Heartbeat Canary
> CloudWatch SyntheticsでCanaryを作成する際、ブループリントを使用を選択することができます。 ブループリントは、特定のユースケースのためにあらかじめビルドされたコードを提供します。 ブループリントは、コーディングの経験がなくてもSyntheticsを使用するための優れたエントリーポイントを提供します。

作成したページへのアクセスが上手くいくかを設定します。
URLもサイトURLです。また、1分間隔での監視にしています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/a7de763f-2663-6d9b-cfc3-bd3377c200c7.png)

失敗した時
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/ccf6176c-156d-1feb-155c-3211126e5e68.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/9298cb50-d2e6-822e-2a24-0ac5643ecfba.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/8aabe912-1d5a-183d-8170-9938233391a9.png)
失敗時のログもありますね。
```
2023-10-30T09:37:10.719Z ERROR: 1 step failed while executing the canary
2023-10-30T09:37:10.719Z ERROR: Canary error: 
Error: Failed to load url: http://servic-petsi-yxqbgdldd5il-1800227081.us-east-1.elb.amazonaws.com/ 500 Internal Server Error Stack: Error: Failed to load url: http://servic-petsi-yxqbgdldd5il-1800227081.us-east-1.elb.amazonaws.com/ 500 Internal Server Error    at /opt/nodejs/node_modules/pageLoadBlueprint.js:81:23    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)    at async Synthetics.executeStep (/opt/nodejs/node_modules/Synthetics.js:446:31)    at async loadUrl (/opt/nodejs/node_modules/pageLoadBlueprint.js:63:5)    at async loadBlueprint (/opt/nodejs/node_modules/pageLoadBlueprint.js:32:9)    at async exports.handler (/opt/nodejs/node_modules/pageLoadBlueprint.js:100:12)    at async exports.handler (/var/task/index.js:87:24) for step: servic-petsi-yxqbgdldd5il-1800227081.us-east-1.elb.amazonaws.com
```
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/7e32e00d-b6f0-fe00-dd20-0d644a38c7f1.png)
> HAR ファイルには、実行された HTTP リクエストとそのサイズと期間が表示されます。
このデータから、時間がかかる、または非常に大きいアセットを調査することができます。 可能であれば、これらを削減または削除することで、ユーザーの全体的な体験を向上させることができます。
また、各リクエストを展開し、レスポンスヘッダーやリクエストヘッダーを確認することもできます。

成功した時
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/5a223d9c-2a2d-4d92-06f6-6e58c10ba72a.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/a4311813-ffba-419e-c095-2f5174f5e29f.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/62c0bf45-999a-8a92-e8a2-c4e625b626cd.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/40bbef6c-ec64-b834-993d-7a4d4a9ad655.png)
#### Canaryメトリクス
> より詳細な結果を確認したい場合、 このセクションでは、Canaryチェックの実行時間、失敗、成功、選択したHTTPコード範囲などの主要なメトリクスの平均値やタイムチャートが表示されます。
また、これらのMetricsはCloudWatch Metricsコンソール上のCloudWatch Syntheticsのカスタム名前空間でも確認することができます。


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/a9264994-c928-f6da-ee52-815325070bab.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/d3392f81-5447-1084-e14f-96ef750ee495.png)
#### Lambdaメトリクス
> 各Canaryの裏側には、Lambda関数が実行されています。 ここでのメトリクスは、Lambda関数のパフォーマンスを理解するのに役立ちます。
ここでは、Lambda関数の実行時間、エラー、スロットルなどのタイムチャートを確認できます。
また、これらのメトリクスは、CloudWatch Metricsコンソール上のLambdaのAWS名前空間で確認することができます。

文字つぶれてますが。。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/8bc9c37b-3148-8484-e6a4-c778a297506e.png)

アラームも作れそうですね。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/1152a678-25d8-ca8b-5ffc-f1f5848958e4.png)

### CloudWatch RUM
> CloudWatch RUM（Real User Monitoring）は、クライアント側のパフォーマンスの問題を特定し、より迅速な解決を可能にすることで、アプリケーション開発者やDevOpsエンジニアがエンドユーザーエクスペリエンスを最適化するのに役立ちます。 CloudWatch RUMは、Webアプリケーションのパフォーマンスに関するクライアントサイドのデータをリアルタイムで収集して問題を特定およびデバッグすることにより、リアルユーザーモニタリングを提供します。
CloudWatch RUMは、パフォーマンスの異常を視覚化し、エラーメッセージ、スタックトレース、ユーザーセッションなどの関連するデバッグデータを提供して、JavaScriptエラー、クラッシュ、レイテンシーなどのパフォーマンスの問題を診断することができます。ユーザー数、地理的位置、ブラウザーなど、エンドユーザーへの影響の範囲も把握できます。 バウンスされたユーザーセッションを比較するなどの方法で、ユーザーの行動とクリックストリームパスを分析することにより、RUMは開発者が機能追加とバグ修正に優先順位を付けるのに役立ちます。

基本設定の上、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/c7292800-4de5-52c2-0a2b-a9f4c7dbdf45.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/d7f7e165-0cca-fb88-8ed5-4546dccdaf28.png)
埋め込んでほしいコードが出てきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/918cb542-a433-bda2-1208-84d57fcd78e8.png)
これを埋め込むためにSSM Parameter Storeを修正するとアプリへ反映される？ようです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/bee1df78-e8c5-3a32-69da-b4b72270a50b.png)
webページから"ページのソースを表示"をやってみると
確かに埋め込んだコードが入ってますね。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/042fde6b-8e95-9a0a-2aa2-abc0969ac00d.png)
RUMの画面を見に行くと見えました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/d8780532-4fbb-c15a-d08d-56545019b7fc.png)
この先、見れるものが多い。。
##### パフォーマンス
###### 時刻別の平均ロード時間
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/9722d412-2128-d150-a9c1-c3e8b8aafc49.png)
###### ウェブバイタル
> ウェブバイタルは、ページロード全体のユーザーエクスペリエンスの品質を示すパフォーマンス測定値です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/0dc9b79a-8d71-84ba-2a87-8f87fc812dc7.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/ed15a940-aef0-8849-31c8-f2069302b812.png)
###### 経時的なページロードのステップ
> このセクションには、グラフに表示される期間について、ページのロードプロセスの各ステップにかかった平均時間が表示されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/49a8212b-18cd-5966-9d96-4ab6c6492563.png)

###### リクエスト
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/364096c3-f9e0-7160-e919-3055775dc2b9.png)

###### リソースリクエスト
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/1c3fbecc-c48c-0c44-0ad1-2966c3280aa0.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/f472eaac-8e42-dbbe-7f92-3560ad732d5a.png)

###### 場所
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/bc1d0f73-4faf-69c8-096c-496456903a61.png)


##### HTTP リクエスト
エラーが2件あることが確認できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/fa934a63-e28c-d537-7ac1-5a5dd7b3afa2.png)


##### セッション情報
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/5b970b09-3cbc-a0a4-3dde-47a25ef39ab3.png)

##### ブラウザ、デバイス情報
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/8ea98c81-ad05-abba-3ff6-9cd23a9f91c6.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/fc6d1fa3-0ccc-793b-cb51-063e86e5d934.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3330185/8d2c3da3-09f5-1780-93d6-e18041215fd2.png)

## 終わりに
本当に構築への手間なし監視サービスを触れるいいワークショップだと思います。
X-rayのサービスマップは特に規模が大きくなるとこうなるのかというイメージが湧きました。
オープンソース編はまた時間かけていつかやるかな。。
あと、stack削除で消えていないのはロードバランサー、ECR?、CloudWatchの自分で作った部分、VPC、Lambda(外形監視に使用していたもの)、S3あたりは手で削除しました。