鐵人檔案
你以為 Grafana 只是後端或 DevOps/SRE 的專屬工具？其實，這個集監控、可觀測性以及數據視覺化於一身的工具與『前端』息息相關。前端工程師不僅可以藉由 Grafana 進行應用程式開發，還能滿足需求越來越高的前端監控。在本系列文章中，我將深入介紹如何利用 Grafana Scenes 打造高度客製的 Grafana App，並結合 Grafana Faro 進行前端效能監控，打破你對 Grafana 的既有認知，讓我們一起探索 Grafana 在前端世界中的無限可能！
前言 在人們的印象中，Grafana 的使用者大多是 DevOps 或後端工程師，最常見的應用場景是透過 Prometheus 建立監控圖表等用途，與前端領域...
前言 作為一個前端工程師，Grafana 這個名詞可能偶爾在技術文章中輕掃而過，基本上沒有機會存在我們的深層記憶中。又或者經過 IT、後端或 DevOps 座...
前言 經過第一章節，我們對 Grafana 這個名詞稍微不陌生，它不僅能夠整合多種資料來源，還能提供豐富的圖表（Panel）和儀表板（Dashboard），讓...
前言 當我們了解完從原始資料到可視化的過程後，可以推測，承載著這些多樣化資料來源及查詢結果的容器，必定具備豐富多樣且用途廣泛的圖表供我們選擇。而這些圖表正是...
前言 在第四章的最後一部分，我們介紹了 Grafana 視覺化工具的種類，以及每個種類適合的資料格式。雖然這只是一個簡單的介紹，但已經可以初步了解 Grafa...
前言 在第五章中介紹的基本圖表已經能夠滿足大部分的使用情境。然而，隨著需求的不斷增加，加上 Grafana 的功能已經超越了傳統的監控範疇，基本的趨勢圖或狀態...
起源 前六章中我們了解 Grafana 在視覺化處理的背後過程。還記得 Grafana Lab 是一個致力於開源的組織，因此他們非常鼓勵使用者以 plugin...
前言 在第七章中，我們深入探討了 Grafana Scenes 這個具有革命性的套件，但僅憑文字描述仍無法全面體會其強大的便利性。而 Grafana Scen...
前言 在本章節中，我們將深入探討 Grafana Scenes 的概念。在上一部份中，我們已經熟悉一下 Grafana 的觀念，也認識了 Grafana Pl...
前言 在前端的開發日常中，切版佔了工作內容的一半，這是一個看似簡單卻又帶有非常多眉角的工作，尤其 CSS 的繁多屬性中也需要考慮權重和互斥的問題。在 Graf...
