Nginx Docker 附掛靜態子網站
先說一下需求情境，假設我用 HTTPS Nginx Docker 之懶人安裝法在 Linux 主機跑了一個 ASP.NET Core Docker / Python 網站 Docker，網站自動套用了 Let's Encrypt TLS 憑證且會自動更新。此時，你想要在這個現成的網站 Docker ... Read More
View Article使用 VSCode 在 Linux 遠端編寫 Polyglot Notebook 跑 Python
看標題就知是篇冷門筆記。 如果你跟我一樣偏好 Polyglot Notebook 勝過 Jupyter Notebook，並需要在遠端 Linux (非 WSL) 跑 Python 筆記本，又想沿續 VSCode + Github Copilot AI 輔助開發的流暢，那你恰巧是本文為數不多的目標讀... Read More
View ArticleDocker 效能監控豪華套餐 - cAdvisor Prometheus 佐 Grafana
最近在用 Docker 容器跑壓力測試，我想知道每個容器的 CPU、記憶體使用狀況，有無超出 Host 主機承載上限。 爬文查到 docker stats 能顯示當下各容器 CPU、記憶體、網路跟磁碟 IO，既然能拿到這些資料，定期輪詢寫成 Log，後續要出什麼分析報表都不成問題。 不過，查資料時... Read More
View ArticleChrome 131 升級踩雷與 HTML5 超客製化 SELECT 元素
同事分享，這幾天踩到 Chrome/Edge 升級 131 版的雷。 古蹟系統有段用 innerHTML 動態更新 <select> 選項的網頁，在 Chrome/Edge 升級 131 版後壞掉了。 設法重現問題，找了台久未開機的 VM 還有 Edge 130 版測試模擬網頁如下圖，&... Read More
View ArticleCSV 資料處理演練 - 從 .NET LINQ 到 Python Pandas (上)
最近開始探索 Python 新大陸(延伸閱讀：寫 C# 已得心應手，為什麼我該學 Python？)，雖然有 Github Copilot 助拳，卡在基本功不夠紮實，連一些基本的 Group By、排序、資料重新組裝都要耗上大半天。 細究原因，明明腦中一秒就想好用 .NET 要怎麼做，用文字跟 AI ... Read More
View ArticleCoding4Fun - 純 CSS 切換顯示 CIDR 與 IP 範圍
對於網管或系統管理人員來說，看懂 172.28.16.0/20 CIDR (Classless Inter-Domain Routing) 格式，搞懂 Net Mask 網段概念是基本要求，不然路由器、防火牆都不用玩了。 不過即使是資訊從業人員，平時沒碰不到網路、網站設定，網路不通時有工具人可用，不... Read More
View ArticleWhisper Mic 微服務 - 為程式加上麥克風語音轉文字功能
這些年拜深度學習之賜，語音轉文字(STT)及文字轉語音(TTS)技術突飛猛進，電腦開始聽得懂南腔北調，合成語音幾可亂真。如今語音轉文字的服務多如牛毛，語音功能都快成為軟體標配，彷彿程式聽不懂人話都不好意思收錢了。(不要瞎掰好嗎？) 那... 如果是自己寫的程式呢？我們能不能也加上語音輸入功能？最好還... Read More
View ArticleCoding4Fun - .NET 串接 Whisper 麥克風語音識別整合 ChatGPT 即時翻譯
昨天提到將 Whisper Mic 包成微服務，走 Server-Sent Events (SSE) 串流提供即時語音識別結果，SSE 是 HTTP 標準，理論上不管你用什麼程式語言或平台，都能輕鬆串接。 剛好有讀者問到語音識別加即時翻譯的問題，算是經典到不能再經典的應用。那還等什麼，就來寫幾行程式... Read More
View Article【打破砂鍋】路口沒行人汽機車也必須停等，否則開罰 1200？
這兩天冒出一堆「汽機車注意！不管有無行人路口未停讓秒噴1200元」的新聞。報導指出，交通部長陳世凱強調，汽機車行駕駛經路口不管有無行人右轉都要強制停等，否則都有罰則可罰。 先聲明，我自己當行人的機會遠高於駕駛，雙手雙腳贊成汽機車應禮讓行人，但看到疑似不合邏輯或不合事實的結論，腦中頓時警報聲大作，這不... Read More
View ArticleCoding4Fun - 也來玩梗圖產生 (CSS + Playwright)
很久沒玩 Playwright 了，找了個題目暖身。 講到自己做梗圖，首推「Meme 梗圖倉庫」的「梗圖產生器」，介面好用素材又齊全，基本上你看過的，想得到的梗圖都做得出來。 正常人其實沒什麼必要花時間自己搞，但我想到梗圖產生器的原理基本上就是在素材底圖指定位置放上自訂文字，理論上用 CSS 不難... Read More
View ArticleGithub Copilot 免費版 + 盤點好用新功能
講到 AI 輔助開發，有一派聲音崇尚 Less Code 甚至 No Code，主張動手寫 Code 這種髒活兒爛事愈少愈好，期望講完需求 AI 便把程式碼生好，最好能十指不沾 use try set。 (謎：啥鬼，不要硬湊諧音好嗎？) 許多標榜更自動化、更省事的 AI 輔助開發工具如雨後春笱陸續問... Read More
View Article【笨問題】VSCode 的 Github Copilot Chat 視窗要怎麼移回左側？
VSCode 在最近的版本更新，把 Github Copilot 移到右邊去了，升級要換位置前，VSCode 有問我要移過去還是留在左側，當時有說，覺得不習慣隨時可以換回來。 用了一陣子發現，左右側都開視窗時中間區域會變小，有時我只想在 Github Chat 快問快答，這時又覺得之前統一顯示在左側... Read More
View Article架設 Docker Mailservr 進行 SMTP/POP3 內部測試
一開始我只是想省點事，真的。想說自己架台 SMTP/POP3 伺服器，要測 Outlook 接收內嵌圖檔信件的效果會方便許多。 伺服器架在內網自己玩不對外，通訊協定用 SMTP/POP3 明碼通訊即可，不必搞煩人的帳號密碼登入、OAuth 認證、API Key，也不需要考慮垃圾信檢核，聚焦郵件內容呈... Read More
View ArticlePython 新手筆記 4 - Dictionary、Tuple 與 Set
AI 興起後，「學習新程式語言」這件事變得微妙。 以前我很願意為了寫好程式靜下心花點時間啃書把程式語言的基礎打好，因為依據經驗，練好基本功對開發效率及品質的投資報酬率很好。現在不一樣了，即使對語言一無所知，把需求餵給 Copilot、Cursor、ChatGPT、Claude (咦？全部都是 C 開... Read More
View ArticleGit 小技巧 - 將 Commit 打包成檔案送到異地同步
多台開發主機間要同步程式修改進度，最簡單的方法是將專案放上 Github、TFS/Azure DevOps Server、自架的 Gitea 私服，甚至用網路分享資料夾也成。在 A 主機 Commit 異動的程式 Push 到伺服器，B 主機一個 Pull 就能同步到最新版本，簡單又方便。 但如果是... Read More
View Article使用 LINE 聊天機器人回應圖片或檔案
前陣子說完用 CSS + Playwright 製作梗圖，這篇來試試我過去沒玩過的新嘗試 - 用 LINE Bot 聊天機器人回傳圖片或檔案。 之前寫的 LINE 聊天機器人，不管是投票人數統計、AI 聊天或是即時翻譯，都是接收使用者指令或談話內容，利用不計費的 Reply API 回傳文字提供服務... Read More
View Article【茶包射手小記】無法生效的 .gitignore
2025 開年第一天就踩雷，耗了快二十分鐘才找出問題，筆記留念。 問題出在我明明在 .gitignore 寫了 .venv，Git 怎麼就是無視我的設定，硬要把 Python .venv 虛擬環境目錄包進版控。 起初以為會不會是檔名打錯字之類的低級問題，睜大眼睛看到眼眶都痛了都沒看出端倪。而在 V... Read More
View Article開發雜記 - JPG MIME Type、JFIF 格式與 LEADTOOLS
2025 年第二天，來個低級錯誤連發。 寫了如下程式發送圖文信。(參考：使用 C# 寄送圖文並茂郵件) public static void TestEmbImgMail() { var mailBody = """ <div> ... Read More
View Article教書教到 88 歲，這才是完美的人生呀~
Gilbert Strang 是美國麻省理工學院(或該說是全世界)的傳奇教授，他在 2023 年五月 15 日上完最後一堂線性代數後，結束 61 年的教書生涯，年僅 88 歲便毅然決然退休(喂)。 系主任課後致詞提到一件趣事：每每有畢業多年的校友返校找他聊天，憶起當年數學系有一門很棒的代數課，老師好... Read More
View Article【古蹟維修日記】JSONP 呼叫無聲卡與 MIME Sniffing 資安漏洞
記錄最近維護古蹟遇到的問題一枚。 接到通報，老系統某個使用 JSONP 呼叫第三方網頁執行指定作業並接收回覆，不知何時開始失效了。 客戶端程式類似這樣： <!DOCTYPE html> <html lang="en"> <head> &... Read More
View Article