2026 iThome 鐵人賽

2026 iThome 鐵人賽

蒸餾出最精萃的鐵人

Modern Web

最新文章熱門文章

選手 43 文章 988

Day 1

2026-08-14

315

0

用 Astro 打造 Content-first 前端網站：30 天從靜態內容到會員、資料庫與選型(3rd) 系列

已經會 React／Vue，為什麼還要看 Astro？

核心概念 ⬆️ 點上方縮圖或影片連結即可播放。如果你已經會 Vue、Nuxt，也碰過 React 或 Next，聽到「內容站可以用 Astro」，會先想問兩...

Day 1

2026-08-17

315

0

教練看不到的那六天｜從 FIT 檔到 3D 軌跡，馬拉松訓練資料 Dashboard 系列

Day 1｜以終為始：一條會變色的馬拉松軌跡

開始之前讓我們來先看一張圖。這是今年三月的東京馬拉松，42.65 公里，跑了 3 小時 22 分。畫面上這條線是我的GPS 軌跡，總共 12,128 個點—...

Day 6

2026-08-22

315

0

教練看不到的那六天｜從 FIT 檔到 3D 軌跡，馬拉松訓練資料 Dashboard 系列

Day 6｜Web Bluetooth 讀體重機：底層看得到，但 API 呢？

前五天的內容比較多都是和 Garmin 資料有關。今天要來換一個完全不同性質的資料來源—家中的小米體重機。而這次不只是拿到資料，還多思考了一個問題：這件事能不...

Day 10

2026-08-25

315

0

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列

Day 10：漸層背景上的白字，公式要吃哪一個顏色

Day 10 · W2 · 無障礙線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Day 14

2026-08-29

314

0

前端不寫 Python，照樣 ship 一把網頁無障礙 CLI 系列

Day 14：我列了一份「不准按」的清單，然後發現送出鍵不在上面

Day 14 · W2 · 無障礙線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

Day 8

2026-08-08

314

0

《九重燼》Vue3 + PixiJS + Ink.js 視覺小說遊戲開發全紀錄系列

Day8 遊戲架構設計：Scene、State、UI 如何分層？

Day8要進到實作核心——一行 Ink 文字，到底怎麼一步步變成畫面上的背景切換、立繪出現、對話框打字？其實說穿了就是一條路：advance() 被叫一次，I...

碼力獅 Malilion

熱門文章

熱門系列

鐵人選手

工商時間