【Zabbix × ゲーミフィケーション】日々の障害対応にユーモアを！監視連動型ゲームを作ってみた

こんにちは、SCSKの坂木です。

Zabbixのダッシュボードを眺め、アラートを受信しては対応する。

インフラ運用において障害対応は非常に重要ですが、定型的な作業の繰り返しは面白みに欠け、どうしてもモチベーションが下がりがちです。

そこで今回は、「障害対応にゲーム性を持たせてユーモアを取り入れられないか？」と考え、Zabbixの障害情報と連動する仮想キャラクター育成アプリを作成してみました。

監視連動型ゲームとは？
Zabbix APIを活用した裏側の仕組み
障害は放置厳禁！迫りくる「ゴミ」の恐怖
キャラクターの育成システム
まとめ：遊び心で目指す「障害対応マスター」への道

監視連動型ゲームとは？

今回作成したのは、Zabbixのダッシュボード上で直接動作する育成シミュレーションゲームです。

ダッシュボードに組み込んだ初期状態の画面がこちらです。

可愛らしいヒヨコが殻に入った状態で、「元気です」と穏やかに過ごしています。
この平和な状態をいかに長く保てるかが、ミッションになります。

Zabbix APIを活用した裏側の仕組み

このゲームは、Zabbixのダッシュボード上に「URLウィジェット」として1つのHTMLファイルを読み込ませることで動作しています。

裏側の仕組みとして、HTML内に記述されたJavaScriptが定期的にZabbix API（problem.get）へポーリング通信を行い、現在発生しているアクティブな障害の件数を取得しています。

ダッシュボード画面自体をリロードすることなく、API経由でリアルタイムに障害件数の増減を検知し、その差分をそのままゲーム内の状態変化として画面へ反映させるアーキテクチャになっています。

実際にZabbixから障害情報を取得しているJavaScriptのコア部分は以下のようになっています。

// Zabbix APIへ現在のアクティブな障害件数を問い合わせ
async function fetchZabbixActiveProblemCount() {
const response = await fetch("http://<ZabbixのIP>/zabbix/api_jsonrpc.php", {
method: 'POST',
headers: {
'Content-Type': 'application/json-rpc',
// Zabbix 7.xの仕様に合わせ、Bearerトークンで認証
'Authorization': 'Bearer <APIトークン>'
},
body: JSON.stringify({
jsonrpc: '2.0',
method: 'problem.get', // 障害情報を取得
params: { output: 'extend' },
id: Date.now(),
}),
});

const data = await response.json();
// 取得した障害データの件数を返す
return Array.isArray(data.result) ? data.result.length : 0;
}

このように、Zabbix 7.x系のAPI仕様に合わせてHTTPヘッダーにBearerトークンを含め、problem.getメソッドを呼び出しています。
裏側で数秒おきにこの関数を実行し、前回取得した件数と比較することで、画面上の「ゴミ」の増減判定を行っています。