Elasticsearch 7.14で『📘 データ分析基盤構築入門』を写経してみた (17章)

|本シリーズのトップページ|
|:--|
|https://qiita.com/robozushi10/items/09a088b183127cefa51a|

# はじめに

Kibana (Elasticsearch, Fluentd) の学習のために、
Elasticsearch 7.14.0 環境で次の御著書を写経してみた.

📘 データ分析基盤構築入門［Fluentd，Elasticsearch，Kibanaによるログ収集と可視化]

https://gihyo.jp/book/2017/978-4-7741-9218-5


ただし、御著書は前提とする Elasticsearch バージョンが v5.4.3 であり、
v7.14.0 では動作しない(と思われる)部分があったので、動いたときの記録を書き出しておく.
(当然ながら、本文を転載するようなことはしない)

**本項では、御著書の 17章について書き出す.**

なお、私は Elasticsearch, Kibana, Fluentd 初学者のため認識誤りの部分もあるかと思う.



# 検証環境

次のコマンドで構築した. (詳細は [こちら](https://qiita.com/robozushi10/items/9cf4cbdbad613cff4f72) を参照)

```bash
$ git clone -b Qiita-02 git@github.com:robozushi10/qiita-efk.git
$ cd qiita-efk
$ docker-compose build --no-cache
$ docker-compose up -d
```

なお、当方はポートを次のように割り当てている.
・Elasticsearch ... 29200
・Kibana .......... 29601

また、X-Pack による認証は使用していない.


# 第17章　Kibanaにおける分析ワークフロー

## 17-2 メトリクスの可視化

### インデックス設定 (P270)

下図のように「`fluentd.docker.myfld_nginx-2*`」と入力する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1246056/ad799a7e-05b6-3b78-6e29-e16d3f9df121.png)

「`@timestamp`」を選択して「Create input pattern」を押す.
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1246056/910743db-7e8f-a82b-3207-54790faffd56.png)



### チャートの作成 (P271)

御著書からは画面構成が変化しており、7.14.0 では次の(1)〜 の順で進めた.

(1) 左ペインで「Analytics」-「Visualize Library」をクリックする.
(2) 右ペインの「Create new visualization」をクリックする.
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1246056/bbaf16a1-5864-bf54-8de9-183de9343c01.png)

(3) 「Lens」をクリックする.
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1246056/630f3f16-cba0-e56b-2742-0eeb229f6413.png)

(4) 左ペインから「`fluentd.docker.myfld_nginx-2*`」を選択する
(5) プルダウンメニュから「Bar vertical」を選択する.
(6) 右ペインで X軸、Y軸の値を定義してやる. 
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1246056/4ffb9c60-a0ed-6053-8df2-31ee5dc00631.png)

(7) 「Horizontal axis」は下図のように「@timestamp」を選択した.
　　　入力を終えたらペイン下部の「x Close」を押す.
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1246056/01444afe-e7dc-47c0-3bec-23953f90556c.png)

(8) 「Vertical axis」は下図のように「Count」を選択した.
　　　入力を終えたらペイン下部の「x close」を押す.
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1246056/e83122f7-e71e-7c4e-14df-0a6f8fb3231b.png)

(9) 画面右上の「Save」を押す.
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1246056/0ecc1b48-6152-a7a3-2a7e-43dfbd3cd499.png)

(10) 「Add to library」にチェックを入れる.
(11) 「Title」と「Description」を入力し、「New」を選択する.
(12) 「Tags」にタグを入力する.
(13) 「Save and 〜」を押す.
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1246056/7a0ea21e-f9d4-8459-821b-1aaf0f2f40f7.png)

(14) 表示範囲を直近「60分」に変えると表示された
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1246056/1df03154-a7d4-2f22-f674-809fd3ec47dd.png)

(15) Nginx にアクセスすると、図も変化する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1246056/a161d09e-9e53-08fa-2047-87b94c5996b0.png)


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

(1) 「Dashboard」をクリックする.
(2) 下図中の右側にある「Create new dashboard」を押す.
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1246056/c0e6002c-7899-b67a-2ead-ef5e8b260f3a.png)

(3) 「Add from library」をクリックする.
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1246056/a607b494-03b2-239a-97ce-d6a880c5223e.png)

(4) ライブラリを選択する.
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1246056/85c1a944-22bf-6ac3-c94f-b07802ffc4aa.png)

(5) 図が表示されたことを確認する.
(6) 画面右上の「Save」を押す.
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1246056/b26be9bb-33e5-c16c-9c75-27c7bdd090fc.png)

(7) ダッシュボードに表示させる項目を保存する.
　　　ここでは「`だっしゅぼーど01`」という名称にした.
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1246056/0e3a7179-5091-60b3-30fb-4d4f6394a325.png)


以上.