MetabaseにMySQLのデータを表示する

# はじめに

MetabaseとMySQLの環境構築をし、
Metabase上でMySQLに登録したデータを表示するところまでを記載します。

ただしMySQLにデータを作成するSQLなどは細かく記載しません。

## 環境について

使用するPCはWindows10
Java 8をすでにインストールしているものとします。

# Metabaseの環境構築

Metabaseは[公式ページ](https://www.metabase.com/start/oss/jar)からmetabase.jarをダウンロードします。
ダウンロードが完了したら、コマンドプロンプトを開いてください。
metabase.jarが配置されているディレクトリに移動したら、下記コマンドを使用して、metabaseを立ち上げます。

>java -jar metabase.jar

立ち上がったかはhttp://localhost:3000/ にアクセスして確かめてください。
またmetabaseを立ち上げるとすると同階層にmetabase.db.mv.dbとmetabase.db.trace.dbという二つのファイルが作成されます。
Metabaseで使用する内部データは、ここに保存されるので、消去しないよう注意してください。

アクセスができたらアカウントの登録を行ってください。

以上でMetabaseの環境構築は完了です。

# MySQLの環境構築

MySQLのWindows用インストーラを[こちら](https://dev.mysql.com/downloads/installer/)からダウンロードします。
今回はmysql-installer-web-community-8.0.29.0.msiのほうをダウンロードします。

インストーラを起動します。
Developer Defaultを選択して、Next。
![MySQLインストール1.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/121319/bdf3252a-c948-411c-91ad-ae3b3c7f6867.png)

インストールが足りていないものがあればインストールします。
下記はVisualStudioが足りていなかったので、インストールしました。
![MySQLインストール2.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/121319/90ab49bf-df5a-459a-490b-90811d82aae9.png)

VisualStudioをインストールした後の画面。
![MySQLインストール3.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/121319/de652851-39a6-aaa6-59c3-311c8cdd4f8c.png)

すべてのインストールが完了刷るのを待ちます。
![MySQLインストール4.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/121319/ea6b75fa-02b0-d2d4-daa9-619b74d77234.png)

ここはデフォルトの状態で問題ありません。
Portなどは変更する必要があればしてください。
![MySQLインストール6.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/121319/44552468-bd0f-a643-2faf-1c04832fd0df.png)

RECOMENNDEDのものを選択します。
![MySQLインストール7.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/121319/2d46d807-9554-e9ed-4519-2ffd5c7dd888.png)

こちらのパスワードはご自身で設定するものです。
![MySQLインストール8.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/121319/f4a6a327-5467-f73e-83ab-707e095920fc.png)

ここは変更の必要はありません。
![MySQLインストール9.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/121319/bf424ed3-9722-2e61-2f57-9dedf31cc2d3.png)

Executeを押下します。
![MySQLインストール10.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/121319/14b7678f-2062-37c3-f0e3-ffa3c6b416bd.png)

すべてにチェックがついたらFinishを押下します。
![MySQLインストール11.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/121319/7ef9c3a4-7d59-4191-c1de-8a693c76d53f.png)

MySQLのインストールは完了です。
![MySQLインストール13.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/121319/1347f60d-065f-d751-e70c-68a059630127.png)

MySQLを起動します。
起動にはコマンドプロンプトで下記のコマンドを入力します。
>net start mysql80

起動できたら下記コマンドでログインします。
パスワードを求められたらご自身で設定したパスワードを入力してください。
>mysql -u root -p

MySQLにログインできたらなにかデータを作成しておきましょう。

# MetabaseにMySQLのデータを表示する

Metabaseの画面からデータベースを追加を選択します。
![データの追加.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/121319/2e856ff9-e150-c8b8-3b37-208f03c2fef5.png)

MySQLの表示をするには下記のような設定が必要です。
※表示名・データベース名は何でもOKです。
※ポートはMySQLのインストール時にデフォルトから変更している場合は、変更した値を設定してください。
![metabase.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/121319/0adcbe7a-79f3-7b41-db5b-3e3afb66dedf.png)

設定ができたら下記のようにデータベースが表示されます。
![データ表示.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/121319/e24efe96-7620-4747-81ca-94c8fb70cec9.png)