Dynatraceでダッシュボードの作成

# はじめに

Dynatraceを始めとした監視ツールにはほぼ間違いなくダッシュボード機能が備わっています。監視しているシステムは今どんな状態なのか、問題は起きていないのかなど大枠を一目で把握できているので日々利用されている方は多いと思います。
本記事では、Dynatraceにおけるダッシュボードの作成方法について紹介していきます。

# ダッシュボードの概要

Dynatraceで収得している各種データ、メトリック、インシデントなど必要な統計情報をひとつの画面にて、グラフや数値で閲覧できる機能です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/e5b85b93-d406-3057-c41d-b650e651b823.png)

## ダッシュボードの利用用途

ダッシュボードの利用用途としては以下のような用途があります。

* リアルタイムモニタリング
ダッシュボードを目に付くところに常時投影する
→稼働状況を俯瞰で確認でき、変化にいち早く気付くことができる。　
* 定期確認項目の取りまとめ
定期確認項目を取りまとめ、月次報告書や定例会で使用する。 
→**平常状態**を知ることで、問題発生時の違いを把握できる。　
* 問題発生時の切り分けポイントの取りまとめ
切り分けに有用な項目をあらかじめ取りまとめる。 
→問題発生時の初動を迅速化することができる。 
→気になる項目をクリックすると、情報を掘り下げることができる。
* チーム毎、担当毎のページ作成
チームや担当毎に必要な項目を集め、ダッシュボードを作成する 
→業務に必要な情報に簡単にアクセスできる。

1つのダッシュボードで全てを完結させるより複数のダッシュボードを併用することでより効果が上がります。

## ダッシュボード名・タイル

* **ダッシュボード名**
下の画像で青枠で囲まれた`エンタープライズ・アプリ監視`が**ダッシュボード名**を表す
* **タイル**
各赤枠が**タイル**と呼ばれる各種統計情報やグラフを表しています。各タイルをクリックすることで詳細情報ページに行くことが可能
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/d41076aa-f7d2-2f64-ec94-68b23a1b7d99.png)

## ダッシュボードの表示時間枠の設定

赤枠で囲っている部分から表示時間枠を選択可能
プリセットの内容以外にも`this month`などを指定することで当月のデータを表示することも可能
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/02cfa7ac-95ad-5659-b419-38a1e4585170.png)

# ダッシュボードの作成手順

## 新規ダッシュボードの作成

左側のサイドメニューから`観察と探索 > ダッシュボード`を開き、`ダッシュボードの作成`ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/7f1bea82-addd-0e8b-7328-5a19937ac309.png)

`ダッシュボード名を入力`画面にダッシュボード名を入力し、`作成`ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/c54c61c6-2e52-c5d9-773f-30db2414fbe6.png)

空のダッシュボードが作成されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/8f62fa1a-bf55-b6e1-9393-0ce3c59ee384.png)

## ダッシュボードに各種タイル（統計情報やグラフなど）の追加

右側のタイルメニューから表示させたい項目をドラッグ＆ドロップします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/24ae52b7-fb56-d04e-0f42-87982d0b0093.png)

タイルを追加後は何もタイルがおかれていないところをクリックすることで再度、タイルを追加することが可能です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/0a583619-d3fe-6e6a-43b5-3066519b23c0.png)

表示させたいタイルを一通り追加したら、画面右上の`完了`ボタンをクリックすることでダッシュボードの編集を終わらせることができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/26f77646-3a23-c485-f8cf-e6af12ebca06.png)

## 各タイルから詳細情報へのアクセス

各タイルはDynatraceが収集したメトリックを見やすく表示してくれるものが多数あり、詳細情報を確認するためのリンクとなっており、関連するデータへ簡単にアクセスすることが可能です。

ビルトインで情報を表示してくれるタイルの一覧
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/7990eb19-89eb-5329-ce87-83a33589e5d3.png)

例えばホストの稼働状態をクリックすると
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/989d437a-e7f0-7de3-0057-7cbac9fe3711.png)

ホストの一覧画面に飛ぶことができ、詳細情報を確認することが可能。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/1c7ccb62-d5f1-7f14-2845-61c4a5bd712b.png)

## 様々なタイル

ビルトインのタイルを用いることで運用者は手間を掛けることなく必要な情報をダッシュボードに表示させることが可能です。
ここでは表的なものをいくつか紹介していきます。

### Web アプリケーション
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/868d8fa2-084c-dd94-74a4-dbb9dfbfb700.png)

選択したiWebアプリケーションの稼働状況（Apdexや、JavaScriptエラー、１分あたりのアクション数など）を表示。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/a01023ca-66b4-8f16-fac4-0d83b69d8156.png)

### 上位Webアプリケーション
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/16de6f52-2dda-d5bd-2965-ec9107e1881d.png)

監視している環境内でユーザーアクション率が最も高い最大3つのWebアプリケーションに関連する負荷を表示。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/8cf327ef-f5f3-2eb6-1c7c-67c2205e182d.png)

### 世界地図
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/f50f178b-54d4-8b56-4aab-405500e458ca.png)

どの国がアクティブユーザーが多いかや地域別のApdex (顧客満足度) を表示。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/f291e9e7-6dcb-f752-fe16-a64f1044e6a5.png)

### サービスまたはリクエスト
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/6cc661e0-9304-8146-24b5-ec465e8e7f4b.png)

選択したサービスまたはリクエストに関連する現在のパフォーマンス指標の表示。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/74f9aaec-dc47-9e2b-ab3a-64381d4f6c59.png)

### プロブレムとスマートスケープ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/8b00f48d-dd92-90a8-6d91-40805e8656de.png)

プロブレム: 現在継続中のプロブレム数と解決されたプロブレムの数の対比を表示。
スマートスケープ: 環境内のアプリケーション、サービス、プロセス、ホストおよびデータセンター数とプロブレムの影響を受けているそれぞれの数を表示。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/9c4c6602-e19e-0489-e644-9517a11bd444.png)

## データエクスプローラーを利用したグラフの追加

Dynatraceが収集したメトリクスを様々な種類のグラフやリストなどで表示することができます。

ダッシュボードの編集画面から`グラフ`をダッシュボード上にドラッグ&ドロップします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/86b5f75e-3f77-4dfe-5aef-2e2bbfb6cd8d.png)

`データエクスプローラーでタイルを設定`をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/5b38e229-952e-bd15-8a62-7ba724c67a26.png)

データエクスプローラー画面が開くので、`メトリックを選択してください。`からプルダウンで表示されたメトリックから表示したいものを指定します。そのときメトリックの名称を打ち込むと関連するメトリックだけに絞り込むことができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/bcd3c495-28a6-a197-51ef-da4abe23799e.png)
`response`と入力したところ、収集したメトリックのうちresponse関連だけを表示してくれる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/b741f22d-038c-76cc-efdb-ee831b3ea6b2.png)

下の図のように「Client side response time」「中央値」「Service」を選択し、`クエリの実行`ボタンをクリックすることでグラフが表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/4471d21e-7d92-d100-3d82-e6f3ce6d409d.png)

`変更をダッシュボードに保存します。`をクリックすると先ほどのタイルにこの設定が反映されます。新規のタイルとして設定したい場合は`ダッシュボードへのピン留め`をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/9214b2d2-afd2-133b-ab0a-1e72307c8f13.png)

ダッシュボード画面に戻ってきたらタイトルからそのタイルの名前を入力し、`完了`ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/ba3334b8-d03a-5f70-b6e7-47bf32620007.png)

### データエクスプローラーの様々な表示方法

* 円グラフ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/837014cf-a8ff-b012-e113-fece4281c5f6.png)
* トップリスト
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/cf3a0867-0d2a-739e-c9f0-3f46d0cd7a9e.png)
* 積み上げグラフ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/020c68a6-0093-848f-9bba-70bffcbf082c.png)

など様々なグラフや表をダッシュボードに表示することが可能です。


### データエクスプローラーで表示できる内容について

* Dynatraceで収集できるメトリックであれば、 データエクスプローラーにてグラフで表示が可能。
* 利用可能なメトリックは、Dynatrace Metric APIで利用可能な項目と同等。

# ダッシュボードの共有

作成したダッシュボードはデフォルトでは他の人には見ることができず、共有設定をすることで他の人もアクセスすることができるようになります。

画面右上の`・・・`3点ボタンをクリックし、表示されたメニューから`設定`をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/fed19a11-7115-88e4-2322-3b21158c1012.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/7a4eb059-6fdf-ab63-8316-5d799e71a5ea.png)

`アクセスの管理`を開き、`Publish as preset`を有効にします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/114170c8-1c53-ff0f-dbab-d14bfa75d5ef.png)
`変更の保存`をクリックすることで他の人からもアクセスすることができるようになります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/95c149b8-1e6a-4389-564b-f73871b77a8e.png)

また、`Share dashboard`から`Grant access permission`を選択することで特定のユーザーやグループに対して閲覧権限や編集権限を付与することも可能です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65441/457cf32a-14b4-a863-b489-3b9e4832a6fa.png)

# まとめ

様々な情報を俯瞰することができるダッシュボード、ぜひうまく活用してみてください。