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

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

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

tekihei2317

November 28, 2021
Tweet

More Decks by tekihei2317

Other Decks in Programming

Transcript

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

    View Slide

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

    View Slide

  3. View Slide

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

    version: '3.8'

    services:

    metabase:

    image: metabase/metabase:latest

    ports:

    - 3000:3000

    View Slide

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

    View Slide

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

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

    View Slide

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

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

    View Slide

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

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


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

    View Slide

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

    View Slide

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

    View Slide