Slide 1

Slide 1 text

Grafana MCPサーバーによる AIエージェント経由での Grafanaダッシュボード動的⽣成 1 濱⽥孝治(ハマコー)

Slide 2

Slide 2 text

2 濱⽥孝治(ハマコー) 製造ビジネステクノロジー部 マネージャー • 独⽴系SIerを経て2017年9⽉ クラスメソッド⼊社 ブログ, SNS • 「クラスメソッド 濱⽥」で検索 • はてなブックマーク累計 約15,000個 • Xアカウント︓@hamako9999 コミュニティ運営 • JAWS-UG コンテナ⽀部運営 • Grafana Meetup Co-organizer AWS認定関連 • 取得済みAWS認定︓SAP, DOP, DBS, SOA, SAA, DVA, SCS, CLF, AIF, MLA, MLS • AWS APN Ambassador 2020 執筆書籍 • みんなのAWS • SoftwareDesign 2022年11⽉号 コンテナ特集

Slide 3

Slide 3 text

この中でGrafanaのMCPサーバを 使ったことがある⼈︖ 3

Slide 4

Slide 4 text

4 前回(第5回) https://dev.classmethod.jp/articles/grafana-mcp-claude/

Slide 5

Slide 5 text

5 それから⾊々アップデートがありました

Slide 6

Slide 6 text

今⽇はMCPを使った主に 更新系のツールを デモを交えてお⾒せします 6

Slide 7

Slide 7 text

7 Agenda • MCPについて • Grafana MCPサーバーについて • (デモ)ダッシュボード作成 • まとめ

Slide 8

Slide 8 text

8 MCPについて

Slide 9

Slide 9 text

9 MCPとは MCP(Model Context Protocol) • AIモデルやエージェントが外部データソース・ツール と接続するためのオープンスタンダード • 「AIのUSBポート」とも呼ばれる標準化されたインタ ーフェースを持つ • AIとツール・データ感の接続を単純化し、M✕N統合問 題(M個のAIアプリがN個のツールに接続しなければ ならない)を解決する

Slide 10

Slide 10 text

10 MCPの図⽰化 MCPとは何か 〜AIエージェントの為の標準プロトコル〜 https://blog.cloudnative.co.jp/27994/

Slide 11

Slide 11 text

11 MCPの構成

Slide 12

Slide 12 text

12 Grafana MCPサーバーについて

Slide 13

Slide 13 text

13 Grafana MCP server Grafana Labs公式で GitHubに公開済 https://github.com/grafana/mcp-grafana

Slide 14

Slide 14 text

14 Grafana MCP server 主な機能(2025年9⽉2⽇時点) %BTICPBSEؔ࿈ •μογϡϘʔυݕࡧλΠτϧ΍ͦͷଞͷϝλσʔλʹΑΔμ ογϡϘʔυݕࡧ •μογϡϘʔυऔಘ6*%ʢݻ༗ࣝผࢠʣΛ࢖༻ͨ͠׬શͳμ ογϡϘʔυৄࡉͷऔಘ •μογϡϘʔυߋ৽ɾ࡞੒طଘμογϡϘʔυͷมߋ΍৽ن ࡞੒ʢίϯςΩετ΢Οϯυ΢ͷ੍ݶʹΑΓ஫ҙ͕ඞཁʣ •ύωϧΫΤϦͱσʔλιʔε৘ใऔಘμογϡϘʔυ಺ͷ શύωϧ͔ΒλΠτϧɺΫΤϦจࣈྻɺσʔλιʔε৘ใ ʢ6*%ͱλΠϓΛؚΉʣΛऔಘ σʔλιʔεؔ࿈ •σʔλιʔεҰཡͱऔಘઃఆࡁΈσʔλιʔεͷදࣔͱৄࡉ ৘ใͷऔಘ •αϙʔτ͞ΕΔσʔλιʔελΠϓ1SPNFUIFVTɺ-PLJ 1SPNFUIFVTؔ࿈ •1SPNFUIFVTΫΤϦ1SPNFUIFVTσʔλιʔεʹର͢Δ 1SPN2-ΫΤϦͷ࣮ߦʢଈ࠲ͱϨϯδϝτϦΫΤϦͷ྆ํΛα ϙʔτʣ •1SPNFUIFVTϝλσʔλΫΤϦϝτϦΫϝλσʔλɺϝτϦ Ϋ໊ɺϥϕϧ໊ɺϥϕϧ஋ͷऔಘ -PLJؔ࿈ •-PLJϩάͱϝτϦΫεΫΤϦ-PH2-Λ࢖༻ͨ͠ϩάΫΤϦͱ ϝτϦΫεΫΤϦͷ࣮ߦ •-PLJϝλσʔλΫΤϦϥϕϧ໊ɺϥϕϧ஋ɺετϦʔϜ౷ܭͷ औಘ Πϯγσϯτ؅ཧʢ(SBGBOB*ODJEFOUʣ •Πϯγσϯτݕࡧɾ࡞੒ɾߋ৽Πϯγσϯτͷ؅ཧɺݕࡧɺ࡞ ੒ɺΞΫςΟϏςΟͷ௥Ճ 4JGUؔ࿈ •4JGUௐࠪҰཡ੍ݶύϥϝʔλΛαϙʔτͨ͠4JGUௐࠪϦετͷ औಘ •4JGUௐࠪऔಘ66*%ʹΑΔಛఆͷ4JGUௐࠪৄࡉͷऔಘ •4JGU෼ੳऔಘ4JGUௐ͔ࠪΒͷಛఆ෼ੳͷऔಘ •ϩάͷΤϥʔύλʔϯݕग़4JGUΛ࢖༻ͨ͠-PLJϩάͰͷ্ঢΤ ϥʔύλʔϯͷݕग़ •௿଎ϦΫΤετݕग़4JGUʢ5FNQPʣΛ࢖༻ͨ͠௿଎ϦΫΤε τͷݕग़ Ξϥʔτؔ࿈ •Ξϥʔτϧʔϧ৘ใΞϥʔτϧʔϧͱͦͷঢ়ଶʢൃՐதਖ਼ৗ ΤϥʔͳͲʣͷදࣔ •ίϯλΫτϙΠϯτҰཡ(SBGBOBͰઃఆ͞Εͨ௨஌ίϯλΫτ ϙΠϯτͷදࣔ

Slide 15

Slide 15 text

15 Grafana MCP server 主な機能(2025年9⽉2⽇時点) 0O$BMMؔ࿈ •εέδϡʔϧ؅ཧ(SBGBOB0O$BMMͰͷΦϯίʔϧεέδϡ ʔϧͷදࣔͱ؅ཧ •γϑτৄࡉऔಘಛఆͷΦϯίʔϧγϑτͷৄࡉ৘ใऔಘ •ݱࡏͷΦϯίʔϧϢʔβʔऔಘεέδϡʔϧʹରͯ͠ݱࡏ ΦϯίʔϧதͷϢʔβʔͷ֬ೝ •0O$BMMνʔϜͱϢʔβʔҰཡશ0O$BMMνʔϜͱϢʔβʔͷ දࣔ ૊৫؅ཧ •νʔϜҰཡ(SBGBOBͰઃఆ͞ΕͨશνʔϜͷදࣔ •ϢʔβʔҰཡ૊৫಺ͷશϢʔβʔͷදࣔ σΟʔϓϦϯΫੜ੒ •ਖ਼֬ͳσΟʔϓϦϯΫ63-ੜ੒--.ͷ63-ਪଌʹཔΒͳ͍ ਖ਼֬ͳ(SBGBOBϦιʔε΁ͷϦϯΫ࡞੒ • μογϡϘʔυϦϯΫ6*%Λ࢖༻ͨ͠μογϡϘ ʔυ΁ͷ௚઀ϦϯΫੜ੒ • ύωϧϦϯΫWJFX1BOFMύϥϝʔλΛ࢖༻ͨ͠μ ογϡϘʔυ಺ͷಛఆύωϧ΁ͷϦϯΫ࡞੒ • &YQMPSFϦϯΫࣄલઃఆ͞ΕͨσʔλιʔεΛ࢖༻ ͨ͠(SBGBOB&YQMPSF΁ͷϦϯΫੜ੒ • ࣌ؒൣғαϙʔτϦϯΫ΁ͷ࣌ؒൣғύϥϝʔλ ͷ௥Ճ • ΧελϜύϥϝʔλμογϡϘʔυม਺΍ϦϑϨ ογϡִؒͳͲͷ௥ՃΫΤϦύϥϝʔλͷؚ༗

Slide 16

Slide 16 text

16 Grafana MCP server 主な機能(2025年9⽉2⽇時点) LLMのコンテキストウィンドウを節約するためのツール も更新されている

Slide 17

Slide 17 text

17 環境構築⼿順(抜粋)

Slide 18

Slide 18 text

18 環境構築までの⼿順はほとんどここに書いてます https://dev.classmethod.jp/articles/connect-grafana-cloud-with-mcp-server/

Slide 19

Slide 19 text

19 ざっくりとした⼿順 Grafana Cloud • サービスアカウントを作成し、⼗分な権限を付与。サ ービスアカウントトークンを作成 クライアント • Grafana MCPサーバーをダウンロード • Docker image、バイナリ、ソースビルドなどから選択 • サーバーコンフィグレーションを作成 • Claude Desktopなら「claude_desktop_config.json」を 編集

Slide 20

Slide 20 text

20 ざっくりとした⼿順 Configurationファイルの中⾝ { "mcpServers": { "grafana": { "command": "/Users/hamada.koji/bin/mcp-grafana", "args": [], "env": { "GRAFANA_URL": "http:///", "GRAFANA_API_KEY": "" } } } }

Slide 21

Slide 21 text

21 (デモ) Grafana Cloudの Grafana QuickPizza Demo Dashboards を⾒ながらダッシュボードを ⾃然⾔語で作成してみる

Slide 22

Slide 22 text

22 デモの様⼦

Slide 23

Slide 23 text

23 デモの様⼦(作成されたダッシュボード)

Slide 24

Slide 24 text

24 まとめ

Slide 25

Slide 25 text

25 MCPを介してGrafanaを利⽤することの利点 現状のまとめ • 3ヶ⽉前までは基本参照系のツールがメインだったが、現在はダッシュ ボードの他にアラートの作成ツールも提供されていたり、順当に進化 • コンテキストウィンドウが節約されたりなどして、以前よりも安定して 動作している印象 これからできること • まずは触ってみて、⾃然⾔語で問い合わせてみて、皆さんの組織で活か すことができる部分があるか想像する • 既存のダッシュボードの特徴を⾔語化したり、ダッシュボードをみるの が億劫な上位管理層にデータを問い合わせしてもらたり、いろいろ活⽤ ⽅法をためしてみよう︕︕