許多有在玩 Angular 前端框架的人都知道，目前的 Angular 官網的正體中文版(https://angular.tw)都是由我負責維護。該網站我目前架設於 Azure App Service 上，我原本想用 Azure 上目前免費的 App Service 受控憑證，可惜他並不支援「裸網域」(naked domains)，因此我就必須要改申請免費的 Let's Encrypt 網站伺服器憑證。
... 繼續閱讀 ...
昨天試用了一下 GitHub Codespaces 這套完全線上使用的整合開發環境，這套基於 Visual Studio Code 的雲端版本功能相當完整，所有在地端 Visual Studio Code 的設定，都可以全自動同步上去，所有擴充套件也都可以用。但唯一的不便之處，就是 Chrome 預設的 Ctrl-W (關閉目前頁籤) 快速鍵，會自動覆蓋掉 Visual Studio Code 常用的 Ctrl-W (關閉目前檔案)，可是這個快速鍵又這麼常用，所以一不小心就會關閉線上編輯器。因此，我研究出兩種方法有效避免頁籤被關閉！
... 繼續閱讀 ...
我們今年在 2018/9/15 舉辦了一場「企業前端框架趨勢論壇」活動，現場來了將近 200 人，可見許多人對前框架的發展相當感興趣。由於是我們第一次舉辦大型活動，我發現整體活動安排得不是很理想，尤其是最後專家座談的部分，留給會眾提問的時間太少了，這點我們一定會在日後的活動中改進。本篇文章，我打算回答線上提問的所有問題，幫助大家釐清疑惑。
... 繼續閱讀 ...
由於 Angular 2 官方建議採用 TypeScript 做為主要的開發語言，一般來說 TypeScript 都會建議使用 npm 進行安裝，安裝後就可以在命令提示字元下使用 tsc 命令對 *.ts 進行編譯動作。不過這幾年 TypeScript 的變化很快，轉眼都已經到 1.8 版了。雖然透過 npm 安裝 TypeScript 是很容易的一件事，不過對於有安裝過 Visual Studio 的使用者來說，這條路可能會變得異常崎嶇，如果你在用 npm 安裝過 TypeScript 並且輸入 tsc.exe -v 總是顯示 1.0 版 ( 或低於 1.8 版) 的話，這篇文章你可能要繼續看下去。
... 繼續閱讀 ...
之前一直沒有花時間去了解 npm ( Node 套件管理員 ) 的各種用法，尤其是 npm install --save 與 npm install --save-dev 的差異，今天再嘗試的時候，發現在我的本機電腦一直試不出這兩個命令有任何差異，套件都可以裝，但設定檔一直無法正確寫入，這種鬼打牆的事情，趁著這次年節假期徹底放鬆的時刻，終於被我抓到原來就是 package.json 這個檔案在搞鬼，欲知詳情，請繼續看下去。
... 繼續閱讀 ...
昨天同事提到一個網後台內容上稿的問題，客戶反映一個 Bug 說有網站的連結發生問題，點進去之後會發生 A potentially dangerous Request.Path value was detected from the client (:) 的錯誤訊息，查了好一段時間後終於發現在從後台上稿的內容中，該網址的最前面原來有一個 Unicode 的不可見字元 (U+200B)，導致網址錯誤，所以瀏覽器當然無法解析該網址。當在思考著如何防呆的時候，卻一時找不到一個漂亮的解決方法，這才發現到一個 String.Trim() 魔鬼般的細節。
... 繼續閱讀 ...
我們公司自從開出前端的職缺並成功找到人才後，就開始積極的切割 前端 / 後端 的工作，期望前後端的分工架構能夠形成，將網站建置的品質持續向上提升。然而，前端的工作並不輕鬆，其中一個很沒效率的工作就是「跨瀏覽器相容性測試」，經常擊倒不少人，因此打算整理一些不錯的相關資源，如果各位有任何推薦的相關資源，歡迎隨時留言給我，我隨時加上，感恩。
... 繼續閱讀 ...
我好像很久沒有介紹好用工具了，並不是我偷懶不玩工具，而是最近介紹工具的資訊大多分享在 Will 保哥的技術交流中心 為主，不知道的人記得過去按「讚」喔。今天這篇文章，主要介紹 JS Bin 這套好用的網頁前端工具，我覺得 JS Bin 介面非常簡潔，非常對我的胃口，雖然此工具還在不斷發展，但是目前的品質已經非常好了，因此覺得可以發表一篇文章來介紹這套工具，並分享一些不容易發現的使用技巧！
... 繼續閱讀 ...
銷售憑證的公司競爭激烈，國外甚至於有一家簽發憑證的業者 StartSSL™ 提供完全免費的 SSL 與 S/MIME 憑證，每次可申請一年期，憑證有效日到期之前還可以再次申請一次憑證，一樣是免費。這個免費的申請方案其實已經存在很多年，一年可以省下數千元的憑證簽證費用，是個不錯的選擇。但礙於申請的步驟十分繁瑣，可能還是有許多人不知道如何申請免費憑證。
... 繼續閱讀 ...