iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 70 瀏覽

鐵人賽 Modern Web DAY 26

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

技術 Day 26：每一件 AI 沒做到的事，都是我以為它會自己做的

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

Maple | 睞特 ‧ 2026-09-10

0 Like 0 留言 82 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 Day 25：我讓 AI 先查規範再寫，差別只在它查到的那幾條

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

Maple | 睞特 ‧ 2026-09-09

0 Like 0 留言 77 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 Day 24：把瀏覽器縮到 320px，我的網站有幾頁會橫著捲

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

Maple | 睞特 ‧ 2026-09-08

0 Like 0 留言 97 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 Day 23：我沒教 AI 怎麼修，我教它怎麼證明修好了

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

Maple | 睞特 ‧ 2026-09-07

0 Like 0 留言 85 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 Day 22：同一份 CSS，五月的工具沒話說，九月的工具報了一整排 fail

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

Maple | 睞特 ‧ 2026-09-06

0 Like 0 留言 93 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 Day 21：九成的檢測碼要靠人判，LLM 補的不是聰明，是可重複

Day 21 · W3 · AI 線 + 無障礙線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。內容、技術判斷、程式碼由 light-design 數位...

Maple | 睞特 ‧ 2026-09-05

0 Like 0 留言 109 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 Day 20：CLI 能跑，不等於 AI 會用對

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

Maple | 睞特 ‧ 2026-09-04

0 Like 0 留言 117 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 Day 19：我的表單焦點跳對了，畫面上卻沒有一個字說明原因

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

Maple | 睞特 ‧ 2026-09-03

0 Like 0 留言 115 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 Day 18：我把三顆按鈕從 Tab 順序裡拿掉，鍵盤才算走得對

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

Maple | 睞特 ‧ 2026-09-02

0 Like 0 留言 169 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 Day 17：我一行 CSS 都沒改，同一個顏色在深色模式下變成不合格

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

Maple | 睞特 ‧ 2026-09-01

0 Like 0 留言 141 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 Day 15：我幫大部分的圖決定了它不用被唸出來

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

Maple | 睞特 ‧ 2026-08-30

0 Like 0 留言 92 瀏覽

鐵人賽 JavaScript DAY 25

一條線救一隻狗：我用 PixiJS、Matter.js 和一條有閘門的 AI 產線做完一款網頁小遊戲系列第 25 篇

技術 Day 25｜版本號我第一天就加了，它只買到偵測，沒買到遷移

模組五｜關卡、UI 與資料（Day 21–25）昨天的素材是我準備好放進 repo 的。今天這份資料不是——它是玩家自己產生的，存在他的瀏覽器裡，我改不到...

harryfan ‧ 2026-08-30

0 Like 0 留言 211 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

Maple | 睞特 ‧ 2026-08-29

0 Like 0 留言 149 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 Day 13：`outline: none` 我一行都沒寫，焦點還是有兩個地方看不見

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

Maple | 睞特 ‧ 2026-08-28

0 Like 0 留言 172 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 Day 12：被我掃的網頁，可以叫我的工具說它通過

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

Maple | 睞特 ‧ 2026-08-27

0 Like 0 留言 207 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 Day 11：我的工具把整個部落格當成訊息日誌

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

Maple | 睞特 ‧ 2026-08-26

0 Like 0 留言 220 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

Maple | 睞特 ‧ 2026-08-25

0 Like 0 留言 147 瀏覽

鐵人賽 Vibe Coding DAY 23

與Claude一起從零打造產值評估工具系列第 23 篇

技術 Day 23 | 用Claude製作「知識圖譜」呈現分析結果~

昨天確定了十個模型都能計算當然驗證結果仍需做校正目前是確認已經有了基本的運算內容那我預計還是要先把後面繼續完成的因此今天就要來做一件事把結果變成「一頁看懂、一...

falconk ‧ 2026-08-25

0 Like 0 留言 183 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 Day 09：同一條規則我寫了兩次，因為 lint 跟瀏覽器看到的不是同一個東西

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

Maple | 睞特 ‧ 2026-08-24

0 Like 0 留言 214 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 Day 08：Python 一行都不是我寫的，那我到底在做什麼

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

Maple | 睞特 ‧ 2026-08-23

0 Like 0 留言 201 瀏覽

鐵人賽 Modern Web DAY 7

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

技術 Day 07：六個魔術數字都是我拍板的，所以我把程式碼送出去

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

Maple | 睞特 ‧ 2026-08-22

0 Like 0 留言 225 瀏覽

鐵人賽 Modern Web DAY 6

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

技術 Day 06：規範換版對齊 WCAG 2.2，我以為要補 109 條，實際只有 7 條

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

Maple | 睞特 ‧ 2026-08-21

0 Like 0 留言 282 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 Day 05：axe-core、pa11y、Lighthouse 都跑過了，為什麼還要再蓋一把

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

Maple | 睞特 ‧ 2026-08-20

0 Like 0 留言 285 瀏覽

鐵人賽 Modern Web DAY 4

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

技術 Day 04：20 秒裝好，然後它抓到自己

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

Maple | 睞特 ‧ 2026-08-19

0 Like 0 留言 241 瀏覽

鐵人賽 Modern Web DAY 3

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

技術 Day 03：一個晚上，AAA 自評覆蓋率從 12/20 跑到 20/20

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

Maple | 睞特 ‧ 2026-08-18

0 Like 0 留言 232 瀏覽

鐵人賽 Modern Web DAY 2

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

技術 Day 02：我們的工具說「全綠」，人工審查回來 9 條

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

Maple | 睞特 ‧ 2026-08-17

0 Like 0 留言 361 瀏覽

鐵人賽 Modern Web DAY 1

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

技術 Day 01：前端不寫 Python，照樣 ship 一把網頁無障礙 CLI

Day 01 · W1 · AI 線 + 無障礙線 · 難度 ★☆☆☆☆ 這 30 天系列由 AI 協作撰寫內容、技術判斷、程式碼，皆由 light-des...

Maple | 睞特 ‧ 2026-08-16

0 Like 0 留言 160 瀏覽

鐵人賽 JavaScript DAY 5

一條線救一隻狗：我用 PixiJS、Matter.js 和一條有閘門的 AI 產線做完一款網頁小遊戲系列第 5 篇

技術 Day 5｜先決定座標系，再寫任何一行

模組二｜工程底座與可驗收的 AI（Day 5–9）昨天把範圍畫完了。今天進模組二，講開工那一刻第一個真正無法反悔的決定。不是選 PixiJS，不是選 V...

harryfan ‧ 2026-08-10

0 Like 1 留言 258 瀏覽

鐵人賽 JavaScript DAY 1

一條線救一隻狗：我用 PixiJS、Matter.js 和一條有閘門的 AI 產線做完一款網頁小遊戲系列第 1 篇

技術 Day 1｜一條線、一隻狗、十秒鐘：我要用 30 天講什麼

模組一｜立案與選型（Day 1–4）先給結果，再講過程。遊戲在這裡，開了就能玩，不用註冊：https://save-the-dog-web.vercel...

harryfan ‧ 2026-08-06

0 Like 1 留言 201 瀏覽