Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Metabaseで個人ダッシュボードを作成する

tekihei2317
November 28, 2021

 Metabaseで個人ダッシュボードを作成する

tekihei2317

November 28, 2021
Tweet

More Decks by tekihei2317

Other Decks in Programming

Transcript

  1. Metabase
    で個人ダッシュボード
    を作成する

    View full-size slide

  2. Metabase
    とは
    オープンソースのデータ可視化ツール
    様々なデータソースに対応
    MySQL
    、PostgreSQL
    、MongoDB
    、BigQuery
    、Amazon Redshift
    、…
    シンプルで分かりやすく、簡単な操作でいい感じのグラフが作れる

    View full-size slide

  3. Docker
    で簡単に作成
    デフォルトだとH2
    データベースが使われる(デ
    ータがファイルに保存される)
    jar
    ファイル、Docker
    、SaaS
    の3
    つがある(SaaS
    版は有料)
    # docker-compose.yml

    version: '3.8'

    services:

    metabase:

    image: metabase/metabase:latest

    ports:

    - 3000:3000

    View full-size slide

  4. 作ったもの(製作中)
    睡眠時間と歩数を可視化するもの(https://github.com/tekihei2317/personal-dashboard

    View full-size slide

  5. Metabase
    で抑えておく概念は2

    DB
    に問い合わせるクエリと、それを可視化したグラフのペア
    クエリはGUI
    で作成するか、エディターでSQL
    を直接書くことも出来る
    GUI SQL
    1
    つ目:
    質問

    View full-size slide

  6. Metabase
    で抑えておく概念は2

    作成した質問を配置する場所
    グラフの見た目を調整したり、テキストボックス(Markdown
    対応)を置ける
    2
    つ目:
    ダッシュボード

    View full-size slide

  7. これから
    自動化
    バッチでAPI
    からデータを取得できるようにする
    生産性の可視化
    GitHub
    のコントリビューション数(GitHub API

    GitHub
    の変更を加えた行数(GitHub API
    ?)
    投稿した記事数
    コーディング時間(WakaTime API


    など
    自動化 &
    生産性の可視化

    View full-size slide

  8. WakaTime
    エディタに拡張機能を入れると作業時間を計測してくれる

    View full-size slide

  9. 参考資料
    OSS
    のデータ可視化ツール「Metabase
    」が超使いやすい - Qiita

    View full-size slide