Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Metabaseで個人ダッシュボードを作成する
Search
tekihei2317
November 28, 2021
Programming
0
260
Metabaseで個人ダッシュボードを作成する
tekihei2317
November 28, 2021
Tweet
Share
More Decks by tekihei2317
See All by tekihei2317
GASで在庫管理をサクッと実装した話
tekihei2317
0
620
Other Decks in Programming
See All in Programming
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
650
GraphRAGの仕組みまるわかり
tosuri13
8
500
Beyond Portability: Live Migration for Evolving WebAssembly Workloads
chikuwait
0
390
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
4
990
Deep Dive into ~/.claude/projects
hiragram
9
1.6k
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
570
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
230
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
andpad
0
270
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
140
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
500
Team topologies and the microservice architecture: a synergistic relationship
cer
PRO
0
1.1k
Bytecode Manipulation 으로 생산성 높이기
bigstark
2
380
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Writing Fast Ruby
sferik
628
62k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Producing Creativity
orderedlist
PRO
346
40k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Done Done
chrislema
184
16k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
A Modern Web Designer's Workflow
chriscoyier
694
190k
The Language of Interfaces
destraynor
158
25k
GitHub's CSS Performance
jonrohan
1031
460k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Transcript
Metabase で個人ダッシュボード を作成する
Metabase とは オープンソースのデータ可視化ツール 様々なデータソースに対応 MySQL 、PostgreSQL 、MongoDB 、BigQuery 、Amazon Redshift
、… シンプルで分かりやすく、簡単な操作でいい感じのグラフが作れる
None
Docker で簡単に作成 デフォルトだとH2 データベースが使われる(デ ータがファイルに保存される) jar ファイル、Docker 、SaaS の3 つがある(SaaS
版は有料) # docker-compose.yml version: '3.8' services: metabase: image: metabase/metabase:latest ports: - 3000:3000
作ったもの(製作中) 睡眠時間と歩数を可視化するもの(https://github.com/tekihei2317/personal-dashboard )
Metabase で抑えておく概念は2 つ DB に問い合わせるクエリと、それを可視化したグラフのペア クエリはGUI で作成するか、エディターでSQL を直接書くことも出来る GUI SQL
1 つ目: 質問
Metabase で抑えておく概念は2 つ 作成した質問を配置する場所 グラフの見た目を調整したり、テキストボックス(Markdown 対応)を置ける 2 つ目: ダッシュボード
これから 自動化 バッチでAPI からデータを取得できるようにする 生産性の可視化 GitHub のコントリビューション数(GitHub API ) GitHub
の変更を加えた行数(GitHub API ?) 投稿した記事数 コーディング時間(WakaTime API ) … など 自動化 & 生産性の可視化
WakaTime エディタに拡張機能を入れると作業時間を計測してくれる
参考資料 OSS のデータ可視化ツール「Metabase 」が超使いやすい - Qiita