![](https://hogetech.info/wp-content/uploads/2022/05/Grafana_dashboard-1024x660.png)
Grafana はデータソースにクエリを渡すことで、可視化するデータを取得します。
利用可能なデータソースの一例は、以下のとおりです。
対応しているデータソースの一覧は、公式ドキュメントをご覧ください。
![](https://hogetech.info/wp-content/uploads/cocoon-resources/blog-card-cache/d178e2ccfe6985fd1d13de90731ac470.jpg)
![](https://hogetech.info/wp-content/uploads/cocoon-resources/blog-card-cache/aa61ed4ab8bab430e3debad75476bf50.png)
初めに
本記事は以下の書籍を参考に執筆しています。
また、本記事ではコンテナ環境構築シリーズの Grafana 編となります。
そのほかの記事は以下のとおりです。
Grafana の使い方
今回は docker を利用して Grafana をインストールします。
docker で Grafana をインストール
http://localhost:3000 にアクセスします。
(ポートフォワーディングする場合 ssh -NL 3000:localhost:3000 $REMOTE_IP)
![](https://hogetech.info/wp-content/uploads/2022/05/657f0871f227fe45d6a6baec0b1bfb86-2.png)
デフォルトの username と password は共に "admin" です
![](https://hogetech.info/wp-content/uploads/2022/05/90ed8d5e4c01216b69843cc46a6cb1c8-1.png)
新しいパスワードを設定
ダッシュボードの作成
![](https://hogetech.info/wp-content/uploads/2022/05/52771f91accd94b390a232b11738be97-1024x364.png)
1. 左側サイドメニューの
プラスマーク (➕) を選択
2. [Create] を選択
![](https://hogetech.info/wp-content/uploads/2022/05/985cff0856457bb5cd4fc8e60e1b9c35-1-1024x555.png)
[Add a new panel] を選択
![](https://hogetech.info/wp-content/uploads/2022/05/c124f37a050cc4dfe3690f769567b646-1024x418.png)
サンプル用のグラフが作成
下側にある [Query] タブから、サンプルグラフの作成に利用したクエリを確認できます。
- データソース:--Grafana--
- クエリ:Random Walk
[Save] を選択すると、Dashboard を保存できます。
Prometheus と連携
Grafana と相性の良いデータソースである Prometheus を連携する方法を紹介します。
docker compose を設定
まずは Prometheus、Pushgateway、Grafana の3つのコンテナを作成します。
version: '3' services: prometheus: ##Prometheus コンテナ image: prom/prometheus:v2.35.0 container_name: prometheus volumes: - ./prometheus.yml:/etc/prometheus/prometheus.yml ports: - 9090:9090 exporter: #exporter コンテナ image: prom/node-exporter container_name: exporter ports: - 9100:9100 grafana: #Grafana コンテナ image: grafana/grafana ports: - 3000:3000
global: scrape_interval: 10s scrape_configs: - job_name: prometheus static_configs: - targets: - localhost:9090 - job_name: node static_configs: - targets: - exporter:9100
http://localhost:3000 へアクセスし、ユーザー名とパスワードを「admin」でアクセスします。
Grafana のデータソースに Prometheus を追加
![](https://hogetech.info/wp-content/uploads/2022/05/7fd754c2770071a9e341a30b0d918d28-1024x402.png)
- 歯車アイコン
- [Data sources] を選択
![](https://hogetech.info/wp-content/uploads/2022/05/ab9c20c1ff93307cf3e8d834cc33f57d-4-1024x355.png)
[Add data source] を選択
![](https://hogetech.info/wp-content/uploads/2022/05/91a80359b16940e8a3755d49aaa1af55-5-1024x478.png)
[Prometheus] を選択
![](https://hogetech.info/wp-content/uploads/2022/05/8c0934d49ef0b8a2790662dea40b46ce-1024x392.png)
データソースの URL を http://prometheus:9090 に設定
(docker の Prometheus コンテナの名前で URL を名前解決)
![](https://hogetech.info/wp-content/uploads/2022/05/91fe450f78dc9c5b934abac5a749e035-1024x439.png)
[Save & test] を選択
Grafana で Prometheus を可視化
最後に Grafana で PromQL 式を利用して Prometheus にクエリを発行し、可視化を行います。
![](https://hogetech.info/wp-content/uploads/2022/05/d0cf1cb8423fe430d10120936bb14094-1024x307.png)
データソースに Prometheus を選択
![](https://hogetech.info/wp-content/uploads/2022/05/2aadf2333e145f22710d6cded745c035-1024x309.png)
up 式を入力
![](https://hogetech.info/wp-content/uploads/2022/05/875f5229742d63ea8e91546bd1d70f58-1-1024x465.png)
- [Run Query] を実行
- グラフが表示
以上の操作で Prometheus のデータを可視化することが出来ました。
これらのデータを利用して好きなダッシュボードを作ってみてください。
関連記事
コンテナ環境構築シリーズの記事は以下のとおりです。
参考資料
![](https://hogetech.info/wp-content/uploads/cocoon-resources/blog-card-cache/b9adab671188d1686439c9886b586bc7.jpg)