ダッシュボード作ってみた

Slide 1

Slide 1 text

DreamArts Confidential 2024/11/19 ©DreamArts Corporation. ダッシュボード作ってみた株式会社ドリーム・アーツ山本将大 2024年11月19日

Slide 2

Slide 2 text

DreamArts Confidential 2024/11/19 ©DreamArts Corporation. 自己紹介＋会社紹介

Slide 3

Slide 3 text

DreamArts Confidential 2024/11/19 ©DreamArts Corporation. 自己紹介株式会社ドリーム・アーツサービス＆プロダクト開発本部 SRE推進グループ山本将大 Yamamoto Shota 出身勤務地入社年度趣味広島 - > 福岡(大学から) 東京 2023年4月新卒として入社総合格闘技読書(Audible率高め) 最近読んだ面白かった本・方舟⋯めちゃおもろミステリ・三体シリーズ…特に第二部が好き

Slide 4

Slide 4 text

DreamArts Confidential 2024/11/19 ©DreamArts Corporation. 会社紹介社名株式会社ドリーム・アーツ東京本社東京都渋谷区恵比寿4-20-3 恵比寿ガーデンプレイス29F 広島本社広島県広島市中区大手町1-2-1 おりづるタワー6F 那覇沖縄県那覇市前島3-25-1 泊ふ頭旅客ターミナルビルディング2F 石垣沖縄県石垣市字登野城9-4 ICT文化ホール4F 関連会社夢創信息(大連)有限公司 (ドリーム・アーツ China) 設立 1996年（平成8年）12月事業概要大企業向けクラウド製品の企画・開発・販売コンサルティング及びシステム開発サービスの提供 4

Slide 5

Slide 5 text

DreamArts Confidential 2024/11/19 ©DreamArts Corporation. 沖縄での思い出 2024年2月初頭に初めて沖縄の那覇オフィスに出張 A＆Wのルートビア。美味しかった首里城修復中だったけど見に行った。とりあえず守禮門を撮影

Slide 6

Slide 6 text

DreamArts Confidential 2024/11/19 ©DreamArts Corporation. New Relicダッシュボードで手動テストを助けたい

Slide 7

Slide 7 text

DreamArts Confidential 2024/11/19 ©DreamArts Corporation. 背景・自分が担当する製品の開発では手動テストが行われる。・手動テストではCLIを使ってログを確認する機会が多い。

Slide 8

Slide 8 text

DreamArts Confidential 2024/11/19 ©DreamArts Corporation. コンセプトテストエンジニアがNew Relic見ながらテストできるようにしたい！テストエンジニアのバックボーンは様々。 CLIが得意な人は少ない。

Slide 9

Slide 9 text

DreamArts Confidential 2024/11/19 ©DreamArts Corporation. 目標誰でも簡単にログ確認できるようにしたい (できればCLIよりNew Relicが便利だと思われたい)

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

DreamArts Confidential 2024/11/19 ©DreamArts Corporation. 頑張ったところ条件を入力してログの絞り込みを行いたい悩んだところ・AP選択を複数選択にしたら書き方がわからなくなった・class.nameを入力していない状態だと絞り込みを行わないようにしたかった。

Slide 13

Slide 13 text

DreamArts Confidential 2024/11/19 ©DreamArts Corporation. AP選択を複数選択にしたら書き方がわからなくなった APサーバーを複数選択可能にした host.hostname = {{ap}} 知ってるやつで試してみた。まあ無理か… host.hostname LIKE {{ap}} 悩んだ過程知ってるやつで試してみたver.2 host.hostname IN {{ap}} 公式で、IN使うらしいって見かけた host.hostname IN ({{ap}}) AIに提案してもらった

Slide 14

Slide 14 text

DreamArts Confidential 2024/11/19 ©DreamArts Corporation. テキストボックスを入力していない状態だと絞り込みを行わないようにしたかった入力されているclass.nameと一致するものがあれば絞り込む。何も入力していなかったら絞り込まない。テキストボックスに入力されたクラス名で絞り込む悩んだ過程 class.name LIKE {{class_name}} (class.name LIKE {{class_name}} OR {{class_name}} = ‘’) class_nameが未入力のとき、class.nameがブランクになっているログを絞り込んで表示 class.nameに入力が無いときは絞り込みたくない… 「AIに聞きまくって上手くいくまで入力する戦法」でたどり着いた