<ul>
<li><a href="https://o11yday.ithome.com.tw/2026/#info">活動資訊</a></li>
<li><a href="https://o11yday.ithome.com.tw/2026/agenda">議程表</a></li>
</ul>

<ul>
<li>
<a href="#">
<div id="filter-title">議程共筆</div>
<div class="filter-container">
<div>
不分軌
<input type="checkbox" />
</div>
<div>
Track A
<input type="checkbox" id="filter-track-a" />
</div>
<div>
Track B
<input type="checkbox" id="filter-track-b" />
</div>
</div>
</a>
</li>
</ul>

<ul>
<li>
<a href="/ByCBJY3n-x" data-room="不分軌" style="--a: url(&quot;https://hackmd.io/?s=08:50&e=09:20&d=E0DED8&c=5846F9&quot;)">
<div class="time">
08:50
<br />
|
<br />
09:20
</div>
<div class="title">
<div>大調查看台灣企業新挑戰：從ITOps到AIOps</div>
<div>王宏仁<span>不分軌</span></div>
</div>
</a>
</li>
<li>
<a href="/SkyI1K23-g" data-room="不分軌" style="--a: url(&quot;https://hackmd.io/?s=09:20&e=10:00&d=E0DED8&c=5846F9&quot;)">
<div class="time">
09:20
<br />
|
<br />
10:00
</div>
<div class="title">
<div>讓 AI 的 Observability 與不確定性共舞</div>
<div>李智樺（Ruddy 老師）<span>不分軌</span></div>
</div>
</a>
</li>
<li>
<a href="/ryg8yF2nZg" data-room="不分軌" style="--a: url(&quot;https://hackmd.io/?s=10:15&e=10:55&d=E0DED8&c=5846F9&quot;)">
<div class="time">
10:15
<br />
|
<br />
10:55
</div>
<div class="title">
<div>Hard Lessons Learned from Prometheus Exporters: Observability Challenges in Kubernetes Environments</div>
<div>邱宏瑋 (hwchiu)<span>不分軌</span></div>
</div>
</a>
</li>
<li>
<a href="/H1-UkFhn-l" data-room="不分軌" style="--a: url(&quot;https://hackmd.io/?s=11:10&e=11:50&d=E0DED8&c=5846F9&quot;)">
<div class="time">
11:10
<br />
|
<br />
11:50
</div>
<div class="title">
<div>從被動監控到主動維運：現代可觀察性驅動的維運轉型</div>
<div>史甫仁 (Jeff Shih)<span>不分軌</span></div>
</div>
</a>
</li>
<li>
<a href="/ByW8kK23We" data-room="不分軌" style="--a: url(&quot;https://hackmd.io/?s=12:05&e=12:45&d=E0DED8&c=5846F9&quot;)">
<div class="time">
12:05
<br />
|
<br />
12:45
</div>
<div class="title">
<div>Metric instrumentation: from Dropwizard to OpenTelemetry</div>
<div>謝朝華(Paul)<span>不分軌</span></div>
</div>
</a>
</li>
<li>
<a href="/BkGUJF3n-g" data-room="Track A" style="--a: url(&quot;https://hackmd.io/?s=13:45&e=14:25&d=E0DED8&c=5846F9&quot;)">
<div class="time">
13:45
<br />
|
<br />
14:25
</div>
<div class="title">
<div>AI Agent 時代的 SRE：讓 Claude 成為你的 On-Call 夥伴</div>
<div>羅聖明（Barry）<span>Track A</span></div>
</div>
</a>
</li>
<li>
<a href="/HJQLyK32Zg" data-room="Track B" style="--a: url(&quot;https://hackmd.io/?s=13:45&e=14:25&d=E0DED8&c=5846F9&quot;)">
<div class="time">
13:45
<br />
|
<br />
14:25
</div>
<div class="title">
<div>Unified Telemetry, Layered Anomaly Detection, and Auto-Remediation: A Practical AIOps-Oriented Stack</div>
<div>游舜傑 (Jay)<span>Track B</span></div>
</div>
</a>
</li>
<li>
<a href="/SJQ8JKh2Wx" data-room="Track B" style="--a: url(&quot;https://hackmd.io/?s=14:40&e=15:20&d=E0DED8&c=5846F9&quot;)">
<div class="time">
14:40
<br />
|
<br />
15:20
</div>
<div class="title">
<div>Agentic SRE 的崛起：以 kagent 與 A2A 協議建構下一代觀察性平台</div>
<div>蕭兆洋（Charles Hsiao）<span>Track B</span></div>
</div>
</a>
</li>
<li>
<a href="/BkN8yK2hWg" data-room="Track A" style="--a: url(&quot;https://hackmd.io/?s=14:40&e=15:20&d=E0DED8&c=5846F9&quot;)">
<div class="time">
14:40
<br />
|
<br />
15:20
</div>
<div class="title">
<div>金絲雀部署的可觀測性實踐</div>
<div>謝政廷 (Duran)<span>Track A</span></div>
</div>
</a>
</li>
<li>
<a href="/HkE81Y32We" data-room="Track A" style="--a: url(&quot;https://hackmd.io/?s=15:35&e=16:15&d=E0DED8&c=5846F9&quot;)">
<div class="time">
15:35
<br />
|
<br />
16:15
</div>
<div class="title">
<div>指標去哪了？從 Linux 核心到 OTel 協議的全路徑排查實錄</div>
<div>呂健誠（雷N）<span>Track A</span></div>
</div>
</a>
</li>
<li>
<a href="/B1r8yF23bg" data-room="Track B" style="--a: url(&quot;https://hackmd.io/?s=15:35&e=16:15&d=E0DED8&c=5846F9&quot;)">
<div class="time">
15:35
<br />
|
<br />
16:15
</div>
<div class="title">
<div>從 Thanos 到 Mimir 3.0：長期指標基礎設施的光榮進化</div>
<div>許宏翔 (Mike Hsu)<span>Track B</span></div>
</div>
</a>
</li>
<li>
<a href="/SJH8yK3nZe" data-room="Track A" style="--a: url(&quot;https://hackmd.io/?s=16:30&e=17:10&d=E0DED8&c=5846F9&quot;)">
<div class="time">
16:30
<br />
|
<br />
17:10
</div>
<div class="title">
<div>Grafana 全家桶的最後一塊拼圖—自建 Sentry 帶你攻略 Error tracking</div>
<div>林宗翰 (Jeff Lin)<span>Track A</span></div>
</div>
</a>
</li>
<li>
<a href="/BkI8kt2hZl" data-room="Track B" style="--a: url(&quot;https://hackmd.io/?s=16:30&e=17:10&d=E0DED8&c=5846F9&quot;)">
<div class="time">
16:30
<br />
|
<br />
17:10
</div>
<div class="title">
<div>從可觀測性到成本治理：私有雲 FinOps 的真實落地經驗</div>
<div>沈依潔（Jessie）<span>Track B</span></div>
</div>
</a>
</li>
</ul>

<style>
/* Observability Day 2026 — theme aligned with https://o11yday.ithome.com.tw/2026/ (purple #5846f9, dark #201f1d, accent yellow #ffdc5b, blue #00509d) */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap");

.toolbar {
padding: 8px;
align-items: center;
gap: 8px;
background-color: #14121a;
width: 300px;
}

html[lang="zh-tw"] .summary #summary,
.summary {
color: #f3f2f7;
font-family: "Roboto", "Noto Sans TC", sans-serif;
}

.summary {
--bg: #201f1d;
--grid: #2f2c28;
--grid-size: 24px;
--grid-line: 1px;
--accent: #5846f9;
--accent-soft: rgba(88, 70, 249, 0.35);
background-color: var(--bg);
background-image:
linear-gradient(to right, var(--grid) var(--grid-line), transparent var(--grid-line)),
linear-gradient(to bottom, var(--grid) var(--grid-line), transparent var(--grid-line));
background-size: var(--grid-size) var(--grid-size);
background-position: 0 0;
padding-left: 0;
}

.ui-summary-action,
.ui-summary-action-disabled {
background-color: none;
border: none;
padding: 0;
transition: transform 0.2s ease-out;
}

.ui-summary-action:hover,
.ui-summary-action-disabled {
background-color: transparent;
transform: scale(1.15);
}

.input-group-sm {
flex-grow: 1;
}

.ui-summary-search {
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.04);
width: 100%;
}

.ui-summary-search:focus {
border-color: var(--accent);
}

.ui-summary-search::placeholder {
color: #a8a3b8;
}

.ui-summary-action .ph {
font-size: 20px;
}

.summary:after {
content: "";
display: block;
width: 100%;
aspect-ratio: 1200 / 630;
background-image: url(https://o11yday.ithome.com.tw/2026/img/fb.jpg);
background-size: cover;
background-position: center;
}

.summary #summary {
margin: 0;
order: 1;
display: flex;
flex-direction: column;
align-self: stretch;
}

#summary > ul:first-child {
display: flex;
padding: 8px 4px;
justify-content: center;
align-items: center;
gap: 10px;
background: #2a2633;
}

#summary > ul:first-child li {
padding: 8px;
text-align: center;
}

#summary > ul:first-child li a:focus,
#summary > ul:first-child li a:hover,
#summary > ul:first-child li.active a {
background: transparent;
color: #ffdc5b;
}

.summary .nav > li > a {
padding: 0;
font-size: 16px;
line-height: 100%;
text-overflow: unset;
}

#filter-title {
font-size: 18px;
font-weight: bold;
text-align: center;
margin-bottom: 8px;
}

.filter-container {
display: flex;
align-items: center;
gap: 5px;
}

.summary .nav > li > a[href="#"] {
display: block;
pointer-events: none;
}

.summary .nav > li > a[href="#"]:focus,
.summary .nav > li > a[href="#"]:hover {
background-color: transparent;
color: inherit;
}

span:has(.filter-container) + span {
display: none;
}

span:has(.filter-container) {
padding: 16px 8px;
display: block;
}

.filter-container > div {
display: flex;
padding: 8px 0;
justify-content: center;
align-items: center;
flex: 1;
border-radius: 999px;
background: #ffdc5b;
color: #201f1d;
position: relative;
cursor: pointer;
overflow: hidden;
pointer-events: auto;
transition:
color 0.2s ease-out,
background-color 0.2s ease-out;
}

.filter-container > div:hover {
background-color: rgba(255, 220, 91, 0.75);
}

.filter-container input {
position: absolute;
left: 0;
top: 0;
width: 100px;
height: 100px;
opacity: 0;
margin: 0;
cursor: pointer;
}

.filter-container div:has(input:checked) {
background-color: var(--accent);
color: #f3f2f7;
}

#summary > ul:last-of-type {
flex: 1;
overflow-y: scroll;
display: flex;
padding: 0 8px 12px;
flex-direction: column;
gap: 6px;
align-self: stretch;
scroll-snap-type: y mandatory;
scrollbar-gutter: stable;
scrollbar-width: thin;
scrollbar-color: var(--accent-soft) transparent;
}

#summary > ul:last-of-type::-webkit-scrollbar {
width: 6px;
}

#summary > ul:last-of-type::-webkit-scrollbar-track {
background: transparent;
}

#summary > ul:last-of-type::-webkit-scrollbar-thumb {
background-color: #5846f9;
border-radius: 999px;
}

#summary > ul:last-of-type::-webkit-scrollbar-thumb:hover {
background-color: #8577fb;
}

#summary > ul:last-of-type a {
display: flex;
align-items: stretch;
gap: 12px;
padding: 12px 12px;
scroll-snap-align: start;
border-radius: 8px;
}

#summary > ul:last-of-type a::after {
content: "";
display: block;
width: 2px;
background-image: var(--a);
}

.time {
display: flex;
align-items: center;
text-align: center;
letter-spacing: 0.7px;
font-size: 14px;
}

.title {
order: 1;
font-weight: 500;
line-height: 133%;
flex-shrink: 1;
}

.title div:last-child {
color: #c9c4d6;
font-weight: 400;
line-height: 100%;
font-size: 14px;
margin-top: 8px;
}

.title div:last-child span::before {
content: "・";
}

#summary > ul:last-of-type a:hover,
ul:last-of-type > li.active > a:hover {
border-radius: 8px;
background-color: rgba(88, 70, 249, 0.18);
color: inherit;
}

#summary > ul:last-of-type li.active > a,
ul:last-of-type > li.active > a:focus,
#summary > ul:last-of-type a:focus {
border-radius: 8px;
background-color: rgba(88, 70, 249, 0.28);
color: inherit;
}

#summary > ul:last-of-type li {
display: none;
}

#summary:has(.filter-container > div:nth-of-type(1) input:checked) > ul:last-of-type li:has(a[data-room="不分軌"]),
#summary:has(.filter-container > div:nth-of-type(2) input:checked) > ul:last-of-type li:has(a[data-room="Track A"]),
#summary:has(.filter-container > div:nth-of-type(3) input:checked) > ul:last-of-type li:has(a[data-room="Track B"]),
#summary:not(:has(.filter-container input:checked)) > ul:last-of-type li {
display: block;
}

</style>