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

運用の役立たないダッシュボードの作り方。

 運用の役立たないダッシュボードの作り方。

ikeda-masashi

October 26, 2023
Tweet

More Decks by ikeda-masashi

Other Decks in Technology

Transcript

  1. Kayac. Inc
    運用に役立たない
    ダッシュボードの作り方
    LT ??:?? ~ ??:??
    面白法人カヤック 池田将士 (@mashiike)
    テーマ『運用に役立つダッシュボードの作り方』

    View full-size slide

  2. Kayac. Inc
    私はS3 Bucketの化身ではありません。
    自己紹介
    面白法人カヤック
    その他事業部SREチーム データエンジニア

    View full-size slide

  3. Kayac. Inc
    はじめに

    View full-size slide

  4. Kayac. Inc
    すべての
     ダッシュボードは
           役立つ

    View full-size slide

  5. Kayac. Inc
    少なくとも1人...
    作った当時の作成者には

    View full-size slide

  6. Kayac. Inc
    今、役立たない
    ダッシュボード
    あるやん?
    そうは言うても...

    View full-size slide

  7. Kayac. Inc
    まぁあるけど。。。

    View full-size slide

  8. Kayac. Inc
    そもそも。

    View full-size slide

  9. Kayac. Inc
    ダッシュボードは育てるもの。

    View full-size slide

  10. Kayac. Inc
    運用に役立たない
    ダッシュボード。

    View full-size slide

  11. Kayac. Inc
    それは...

    View full-size slide

  12. Kayac. Inc
    育てる機会を失った
    ダッシュボード。

    View full-size slide

  13. Kayac. Inc
    なぜ?

    View full-size slide

  14. Kayac. Inc
    使い方がわからない。

    View full-size slide

  15. Kayac. Inc
    使い方がわかるようにする工夫!
    それが、
    運用の役に立つ
    ダッシュボードの作り方

    View full-size slide

  16. Kayac. Inc
    そこで...

    View full-size slide

  17. Kayac. Inc
    運用に役立たない
    ダッシュボードの作り方
    LT ??:?? ~ ??:??
    面白法人カヤック 池田将士 (@mashiike)
    テーマ『運用に役立つダッシュボードの作り方』

    View full-size slide

  18. Kayac. Inc
    改め...

    View full-size slide

  19. Kayac. Inc
    使い方の伝わりづらい
    ダッシュボードの作り方
    LT ??:?? ~ ??:??
    面白法人カヤック 池田将士 (@mashiike)
    テーマ『運用に役立つダッシュボードの作り方』

    View full-size slide

  20. Kayac. Inc
    その1. 名前

    View full-size slide

  21. Kayac. Inc
    とても良い名前です。
    メモも併用して、いつ使うかがわかりやすい

    View full-size slide

  22. Kayac. Inc
    こうすれば使い方が分かりづらい

    View full-size slide

  23. Kayac. Inc
    名前って大事!
    とりあえず名前とかメモとかで
    『いつ』『なんのために』
    というのが分かれば、
    使うきっかけが生まれる

    View full-size slide

  24. Kayac. Inc
    その2. 並び順

    View full-size slide

  25. Kayac. Inc
    良い並び順の例です


    Overviewという
    名前と相まって
    外側のユーザーに
    近い方から順に並
    んでいますね。

    View full-size slide

  26. Kayac. Inc
    意図が伝わりづらい並び順です
    なんとなく、
    負荷を見たいのは
    わかるのですが。
    どのグラフをどの順でみて
    どうアクションに繋げれば
    というのが察しづらいですね



    View full-size slide

  27. Kayac. Inc
    並び順も大事!
    Markdownのテキストで意図を伝えるのも有用。

    View full-size slide

  28. Kayac. Inc
    その3. 文化

    View full-size slide

  29. Kayac. Inc
    パッと見て分かりづらくても
    みんなで一緒に使えばよい。
    https://www.irasutoya.com/p/terms.html
    加工元画像はいらすとや

    View full-size slide

  30. Kayac. Inc
    一人でほそぼそと使ってると
    気がついたらメンテ不足に
    メトリクスが途切れてる

    View full-size slide

  31. Kayac. Inc
    https://www.kayac.com/vision/who

    View full-size slide

  32. Kayac. Inc
    『何を見るかより。
     誰と見るか。』

    View full-size slide

  33. Kayac. Inc
    一緒に見る人がいれば
    ダッシュボードを
    育てる機会が得られる

    View full-size slide

  34. Kayac. Inc
    ダッシュボードを
    育てよう!
    懇親会でプラクティスを聞く
    チームみんなで眺め始める

    View full-size slide

  35. Kayac. Inc
    \カヤックに興味を持ってくださった方へ/
    ニュースレターへ登録しませんか?
    カヤック社員がどんな風に働いているか?
    どんな制作実績があるか?
    などの情報を定期的に配信しています!

    View full-size slide