我們在 Angular 官網的 Version compatibility 頁面可以看到不同版本的 Angular 其實有匹配的 Node.js 版本，太新的 Node.js 不能用，太舊也不能用。不過，我們通常在開發 Angular 一段時間後，多少都會面臨到需要維護不同專案採用不同 Angular 版本的狀況，這時候你就會需要管理多個不同版本的 Node.js 執行環境，這時候就可以考慮使用 NVM 來管理多個不同的 Node.js 版本。
... 繼續閱讀 ...
開發 Webhook 應用程式的時候，最麻煩的地方就是如何讓外部的服務可以連線到你的本機開發環境。除此之外，要讓身邊的手機快速連到你正在開發中的網站，如果能快速建立一個對外公開的連結，且最好是 HTTPS 安全連線的網址，那也會十分方便。今天我要介紹一個微軟官方推出的 Dev Tunnels 服務，它擁有完整的命令列工具，同時也內建於 Visual Studio Code 與 Visual Studio 2022 之中，不但此服務完全免費，還十分容易上手，我們就馬上來看看怎樣使用吧！
... 繼續閱讀 ...
我有個客戶的網站最近剛上線，在設定 CSP (Content Security Policy) 標頭的時候，因為我設定了 unsafe-inline 的關係，所以導致 Google Analytics (GA) 的程式無法執行，但 GA 網站提供的程式碼就是用 Inline Script (內嵌腳本) 怎麼辦呢？這篇文章我就來告訴你解決方案。
... 繼續閱讀 ...
我最近寫了一個小程式，幫助我自動化審核 LINE 社群(OpenChat)的加入申請，由於 LINE 社群並沒有提供 API 可以串接，而我的審核數量又非常大，因此我就想到了透過 OCR 辨識的方式來進行自動化。不過找了幾個免費的 OCR 套件，都沒有辦法很可靠的識別截圖中的文字，直到我嘗試了 Azure AI Vision 服務才眼睛為之一亮，這套產品的 Image analysis 功能品質極高，費用也極低，實際開發出東西後，我覺得這個服務真的非常值得推薦給大家。這篇文章我就帶大家用 .NET 8 簡單上手這個好用的雲端服務！
... 繼續閱讀 ...
各位可能已經知道 Visual Studio Code v1.84 與 GitHub Copilot Chat 最近內建了一個 Commit message generation 功能，可以自動產生 Git Commit 需要的 Log，不過我覺得第一版功能相當殘缺，常常言不及義，也不能客製化提示內容(Prompts)，不太好用。我自己則是找到一套 CodeGPT 工具來幫我做到一樣的事，用了一段時間覺得真的相當實用，所以打算透過這篇文章介紹給大家。
... 繼續閱讀 ...
我最近在嘗試使用 GitHub Copilot 來撰寫單元測試，而在使用的過程中，我發現 Visual Studio Code 的測試總管 (Test Explorer) 竟然抓不到我專案中的測試案例，研究了一下才發現是 .NET Core Test Explorer 沒有正確設定導致的。不過，其實 C# Dev Kit 擴充套件本來就內建了 C# 的測試轉接器 (Test Adapter)，不需要 .NET Core Test Explorer 就能跑，索性我就把套件刪除了。今天這篇文章我就來分享如何設定讓 C# Dev Kit 能夠正確的啟用測試總管 (Test Explorer)，方便我們執行單元測試。
... 繼續閱讀 ...
昨天 (2023/11/20) 晚上 8:19 我經歷了一場歷時 16 小時的驚魂記，因為我的臉書 (Facebook) 帳號被盜了！我之前已經將 Facebook 所有的安全保護機制全部都啟用且設定過，二階段驗證也有啟用，但帳號是還是被盜了，這還是讓我覺得不可思議。還好就在剛剛我經成功把帳號救回來了，所以我想分享一下我這 16 小時的親身經歷，希望能幫助到有遇到同樣問題的人。
... 繼續閱讀 ...
要製作一個好網站，除了要有好的內容外，也要有好的分享功能，讓使用者可以輕鬆地分享網站的內容到各社群媒體上，而這些社群媒體除了擁抱開放標準的 Open Graph protocol 外，其各自也有自己的 Meta Tags 定義，這篇文章我就來介紹一下有哪些是 Web 開發人員需要知道的。
... 繼續閱讀 ...
我們最近有一個客戶的網站功能出了一些小狀況，由於程式是用「容器」的方式執行，跑在 Azure Container Instances (ACI) 上，因此需要連到容器中查看一下狀況，有鑑於公司許多同事都沒有玩過 ACI 容器執行個體，所以我打算用這篇文章帶大家入門，一起來看看如何使用 Azure CLI 來操作 ACI 中的容器。
... 繼續閱讀 ...