分享最近學會的 Github Copilot 使用技巧。 大家都知道我寫網頁偏愛「輕前端」風格，想用主流前端框架實現美妙的 MVVM，卻暫時不想依賴 npm/pnpm/Bun/Yarn/Webpack/Vite... 等編譯打包工具增加複雜度，希望在網頁複雜度不高的全端專案維持「用 <scri...

手邊有堆英文研討會影片要消化，我想先看逐字稿，對議題有興趣再看影片深入，省點時間。 有先試了 NotebookLM 整理重點，AI 的濃縮重點有些跟我觀注方向不同，需要反覆追問挖掘，次數一多，Interative Tax 人機互動稅開始高到不如自己看原文。嫌直接看原文太吃力，我想要有中文翻譯，最好還...

這是篇冷門文章，我選了常人不會選的路由器玩法，遇到全球或許只有個位數人口需要面對的 Bug，最後用了在 Vibe Coding 時代才有的方法解決。 想在路由器開發整合應用，我選了一條另類路線，沒用 OpenWRT 跑軟路由，因型號問題沒法改刷魔改韌體，不能用 Docker 領域展開，最後是與官方版...

上篇介紹過 RTSP，這篇來談談 WebRTC。 RTSP 是 IP 攝影機 (CCTV)、監控系統最常見的傳輸協定，但需要使用 VLC Media Player 等 特定媒體播放器觀看是其一大缺點。相比之下，不需安裝任何插件，用瀏覽器即可直接播放，便是 WebRTC (Web Real-Time ...

上個月認識 WireGuard 這個好物，我當場被圈粉，還因此把家裡的無線路由器升級，在外連回家的方式也由 OpenVPN 換成 WireGuard，自此因網路不穩斷線重連的機率大幅降低，體驗大好，實屬近期最明智的投資之一。(無線網路由 WiFi 5 升級成 WiFi 6 也是原因) 退役的 AC6...

【前情提要】不知道「iPAS AI 應用規劃師初級檢定」是什麼的同學，可參考舊文：試試你能考過「iPAS AI 應用規劃師初級檢定」嗎？。 上回裸考 114 年第四次初級鑑定考題，二科分別猜出 90 跟 84 分的成績，幸運過關。 主辦單位挺動作挺快，115 年第一次考試剛放榜，官網的歷屆考題區便釋...

介紹我最近常用的一個 PDF 轉 HTML 開源工具 - pdf2htmlEX。 與一般 PDF 轉 HTML 工具以文字內容為重不同，pdf2htmlEX 的最大特色一望便知，它能超高度還原重現 PDF 的原始樣貌。如下圖，左邊是原始 PDF，右邊是 pdf2htmlEX 轉換成的 HTML，二者...

無線路由器許多人都有，大部分人每天用卻常忘記它的存在，甚至連什麼廠牌放在哪裡都不清楚。 我是另一種類型，喜歡自己動手做愛搞事，在家裡架了迷你家用伺服器跑 cAdvisor + Prometheus + Grafana 效能監控豪華套餐，順便把智慧插座用電統計也拉進 Grafana 儀表板，前陣子升級...

Prometheus 是目前雲端系統監控平台的首選，其架構採 Pull Mode 拉取模式，由監控服務主動向預先定義的目標端點抓取指標資料，不仰賴觀測對象推送資料。這種設計有不少好處： 在動態環境如 Kubernetes 中，實例會頻繁啟動與銷毀。拉取模式配合服務發現 (Service Disco...

最近在研究居家監控用網路攝影機的整合應用，一腳踏進陌生新領域，加減記錄研究心得。 這篇說的網路攝影機俗稱 IPcam 或 Webcam，大家應該都有看過，幾百塊錢就有，插電連無線網路或直接拉有線網路走乙太網路供電（Power over Ethernet，簡稱PoE），大部分還有記憶卡錄影功能。 這...

維護古蹟系統時遇到一個挑戰：在 MSSQL Server 上有幾個 SQL Agent Job 排程，當需要查看執行歷史紀錄 [1] 或想手動重跑排程 [2]，都必須用 SSMS 登入 SQL Server 操作： 由於用 SSMS 登入 SQL 操作需要額外申請權限，勞師動眾又緩不濟急，不符...

大家這幾天有遇到在 Facebook 貼網址無法生成預覽圖文的問題嗎？ 發現四月開始，在 FB 貼我的部落格網址已無法產生預覽圖文，這做法用了 N 年，部落格平台也沒異動，忽然間就不能用了。 但在 LINE 裡則無此問題： 使用 FB 分享偵錯工具 有得到明確錯誤訊息： This respons...

AI Coding 這條路我走得比較慢，最近才開始嘗試寫好完整 Spec 規格書，請 AI 一次把小型網站寫出來的玩法。 題外話：FB 留言區跟網友討論到有趣議題 - Spec 該寫到多詳細？要不要指定何種平台、架構、框架、程式庫... 等技術棧細節？過度指定細節等同用你的知識範圍去限縮 AI 發揮...

這篇說的 Modal 視窗 (Modal Dialog) 是指在現有網頁開啟一個較小視窗，強迫使用者必須完成閱讀或操作才能回到原網頁繼續操作，常用於警示、確認、開啟自訂選擇器之類的情境。打從 IE6 開始，設計網頁時我就很常使用 Modal 視窗，一路從 IE 時代的 showModalDialog...

上回玩網頁地圖已是 14 年前的事，我的認知停留在申請 API Key 使用 Google Map 程式庫的做法，後來的印象是 Google Map 限制愈來愈多，雖然仍有免費額度，但要綁信用卡才能用。 最近在 Side Project 想搞圖地圖相關應用，十多年來物換星移，滄海桑田，決定在 202...

有關注我這陣子 .NET 開發 AI 應用程式文章的朋友們，不知有沒有被一堆新名詞搞昏頭？(我自己都寫到微醺惹~) 一下子是 MS Agent Framework，裡面又會用到 Microsoft.Extension.AI (延伸閱讀：兩分鐘做出 RAG 文件檢索 AI 應用網站)；前陣子還很火熱的...