Dashingとは
かっこいいダッシュボードを簡単に作成できるSinatraベースのダッシュボード用フレームワーク
特徴
・Widgetのデータをリアルタイムに表示できる
・ドラッグ・アンド・ドロップでWidgetの並びを簡単に変更できる。
ディレクトリ構成
assets
画像やCSSなどを配置する
dashboards
ダッシュボードのレイアウトを決めるためのerbファイルを配置する
widgets
ダッシュボードで利用する各部品を配置する。この中は更にウィジェットごとにサブディレクトリがある。デフォルトでは、clock、comments、graph、iframe、list、meter、number、text が用意されている。もちろん自分で作成することも可能
jobs
データ等を自動で定期的に取得し、ウィジェットに対してデータを送信するためのジョブファイルを配置する。デフォルトで配置されている4つのジョブはいずれもダミーのジョブだが、もちろん自分で作成すればOK。このディレクトリの中に配置したジョブは自動で実行される
lib
共通ライブラリを配置する
public
公開用の静的ファイル(html)を配置する
リンク元:Dashingで簡単にダッシュボードを作る方法:
http://www.ryuzee.com/contents/blog/6861
作業内容
以下のリンクを参考に動かしてみました。
「かっこいいダッシュボードが簡単に作れるDashingがすごい」:
http://orangain.hatenablog.com/entry/dashing
おまけ:ダッシュボードの導入例
・Wired:オフィスのトレンドは「クールな情報ダッシュボード」:http://wired.jp/2013/04/12/big-boards/
・データドリブンマーケティングを加速させるダッシュボード6選:http://dmj.underworks.co.jp/2014/06/24/datadriven-dashboard/
参考資料
- 公式サイト:http://dashing.io
- Dashingで簡単にダッシュボードを作る方法:http://www.ryuzee.com/contents/blog/6861
- かっこいいダッシュボードが簡単に作れるDashingがすごい:http://orangain.hatenablog.com/entry/dashing
- モダンなダッシュボード用フレームワークDashing入門:http://blog.qnyp.com/2013/05/09/try-dashing/
- Dashingのカスタムウィジェットを作成する:http://kimh.github.io/blog/jp/dashing/creating-custom-dashing-widget-ja/
- docker で Dashing を触ってみた:http://inokara.hateblo.jp/entry/2014/04/06/075413
- オフィスのトレンドは「クールな情報ダッシュボード」:http://wired.jp/2013/04/12/big-boards/
- データドリブンマーケティングを加速させるダッシュボード6選:http://dmj.underworks.co.jp/2014/06/24/datadriven-dashboard/