Server Monitoring Dashboard

Real-time Performance Monitoring

Server Monitoring Dashboard

Tech Stack: Node.js, Express, Socket.io, HTML5 Canvas, Chart.js

Role: Personal Project (Full-stack Development)

Project Overview

マルチプレイ対応のゲーム用サーバーにおけるCPU・メモリ使用率、アクティブプレイヤー数、ネットワークレイテンシ、およびサーバー内部のティックレート(TPS)をリアルタイムで監視・分析するためのWebダッシュボードです。複数サーバーのメトリクスを一元管理し、パフォーマンス低下や障害を迅速に検知できる仕組みを構築しました。


Challenges & Solutions

毎秒送られてくる高頻度なシステムメトリクスを、クライアント側に負荷をかけずにリアルタイム描画することが課題でした。データ通信にはWebSocket (Socket.io) を用いたバイナリ転送を採用し、フロントエンド側ではChart.jsとHTML5 Canvasを駆使してDOMの再レンダリング回数を最小限に抑えることで、低スペック端末でも滑らかに動作するパフォーマンスを達成しました。


← Back to Works