對於前端框架，我的認知停留在 - React、Angular、Vue 三分天下，React 最受歡迎，仍為當今框架之首應無人異議，至於昔日王者 Angular 因複雜度及學習曲線有衰退的趨勢，Vue 仗其漸進式特性(可以 <script src="..."> 在網頁寫...

自從 IE 被送走，Trident 版 Edge 被微軟賜死，Edge 從善如流改用 Chromium 核心，瀏覽器又重回到當年的大一統時代。 對企業內部網站應用來說，瀏覽器版本統一意味不需要煩惱跨瀏覽器版本問題，只要開發人員測試 OK，很少會因使用者瀏覽器不同而出問題。 (年輕同學可能沒體驗過惱人...

剛接觸 Azure VM 要選擇虛擬機，常在琳琅滿目的型號間陷入選擇困難。除了最直覺的 CPU 核心數跟記憶體大小，又分了 B 系列、D 系統，還會有 D8ads_v5 這種命名，讓人眼花撩亂，為此寫篇筆記備忘。 其實官方有完整參考資料，但搞懂需要花點心思： Azure 虛擬機器大小命名慣例 Az...

接手 ASP.NET MVC 網站進行翻修，Visual Studio 在本機 F5 跑 IIS Express 測試 OK，開心部署到 IIS 測試台卻馬上冒出 AntiForgeryToken 問題： The required anti-forgery cookie "__Reques...

記錄最近遇到的茶包。 在 Windows 11 上安裝 SQL Express 2022，過程冒出找不到 Microsoft OLE DB Drivers for SQL Server 安裝檔 msoledbsql.msi的錯誤： Error Description: An installati...

HTTPS 儼然已是基本要求，不少同學應已被迫搞懂網站 TLS 憑證申請及安裝的大小事。 若你管理的網站是 IIS，慣用做法應是開 IIS 管理介面，用現成的建立憑證請求功能，滑滑鼠敲文字，下一步下一步做出 CSR 寄給憑證廠商或組織內的憑證管理人員換回 CER 檔安裝。(關於 IIS 的憑證相關操...

Github Copilot 推出 Agent Mode (代理模式)已大半年，借助內建工具(Built-in Tools)或 MCP Server，Copilot 可無限擴充能力，查文件庫、搜尋 Internet、跑外部程式、上傳下載檔案、串接第三方系統，甚至修改開發及測試環境，只要你想得到，都可...

發現好用線上工具 - whatsmydns.net，可用於確認第三方 DNS 伺服器是否正常，或自家 DNS 修改結果是否已同步到全球。 whatsmydns.net 的原理是同時檢查全球多個地區 DNS 伺服器對特定網域名稱(A、CNAME、MX、TXT)的解析結果，查詢 DNS 記錄在全世界被傳...

在 OpenAI 推出 GPT-5 之後，Github Copilot 火速上架，模型選項清單一舉增加到 14 種，意圖讓人陷人選擇困難焦慮... 模型名稱 計費倍率 Agent 模式 GPT-4.1 吃到飽 Y GPT-4o 吃到飽 Y Claude Opus 4 10x ...

上回提到在瀏覽器裡跑的 SQL 引擎 - SQLite WASM 帶出 DB 檔案該存哪裡的議題，我後來用序列化存進 localStroage 做了簡單示範，但 localStorage 5 ~ 10 MB 的容量上限明顯限制了應用場景。 除了 localStorage，瀏覽器還有另外兩種長期儲存資...

WebWorker 的誕生可以追溯到 2009 年參考，說起來已是項古老的技術，Firefox 3.5 最早開始實作，如今所有主流瀏覽器都已支援，除非你還需要支援 IE (拍拍)，大可安心使用。 不過，需要動用 WebWorker 多屬進階應用情境，大多也有替代方法可實現，所以寫了幾十年網頁從沒在實...

昨天介紹了可以在瀏覽器裡跑的 SQL 引擎 - SQLite WASM，部落格跟臉書留言都出現類似提問 - 這種做法的 SQL 資料庫只存在記憶體，分頁一關閉便化為烏有，要如何長期保存？ 既然蠻多人有此疑惑，值得專門寫一篇講解。 簡單來說，SQLite WASM 提供了 .export() 方法可將...

用 Kaggle 上的最受歡迎 Github 專案資料集當練習，67MB 大小的 CSV 檔包含 210,180 個 Github 專案的 Id、名稱、說明、URL、星星數、Fork 數、關注數、程式語言、開源授權... 等欄位。 如何寫個網頁可以下 SQL 即興查詢前十大程式語言、最多專案用的授權...

前幾天分享瀏覽器 F12 開發者工具轉存物件到 JSON 檔的 JavaScript 小函式，從讀者們的回饋我又學到新東西。(特此感謝) shelob 分享可以將這些小程式放在 Tampermonkey，這樣子要用時可以省去爬文、複製、貼上的功夫。 Chester Fung 則提醒我，其實 Chro...

寫過 .NET 一段時間，多少該都知道 AssemblyVersion、AssemblyFileVersion、AssemblyInformationVersion、Deterministic 與程式版號的關係。 AssemblyVersion 供載入組本識別版本用，格式為[主版本].[次版本]....

這篇是寫給自己的筆記，不值錢但還挺常用到的小技巧，但我每次用每次查，記性廢到自己想笑 (現在寫程式也靠 AI，只怕將來會更廢)。索性寫篇文章留在自己的部落格，至少以後不必到處問四處找。 程式除錯或是要從網站擷取資料，我常用的一個做法是開瀏覽器 F12 開發者工具，檢查 DOM 結構，即興寫幾行 Ja...