由於 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 憑證，每次可申請一年期，憑證有效日到期之前還可以再次申請一次憑證，一樣是免費。這個免費的申請方案其實已經存在很多年，一年可以省下數千元的憑證簽證費用，是個不錯的選擇。但礙於申請的步驟十分繁瑣，可能還是有許多人不知道如何申請免費憑證。
... 繼續閱讀 ...
最近開啟 Microsoft WebMatrix 2.0 都會一直提示我要升級，雖然我每次都有乖乖的安裝升級，但卻每次都要我安裝 Microsoft SQL Server Compact 4.0 SP1 指令碼工具這個套件，討厭的地方就在於這套件並沒有官方的下載頁面，所以也不知道去哪裡找下載連結，最後才研究出真正的原因在於 Microsoft WebMatrix 對於Microsoft SQL Server Compact 4.0 SP1 Scripting Tool 套件的升級與否是用「英文版」來判斷的，但每次透過 Web Platform Installer 4.0 安裝的卻都只有安裝繁體中文版，所以才造成每次都提示要升級的窘境。
... 繼續閱讀 ...
最近這兩天因為【內政部::不動產交易實價查詢服務網】網站上線而引起網友熱烈討論，雖然批評聲浪非常大，但我並不是要來數落這個網站的缺點，而是希望透過這個案例告訴大家網站壓力測試的重要性，尤其網站是那種可預期的大流量到來，網站建置廠商或客戶更應該提前做好準備，以確保網站能在預估的標準下正常運作。我相信，沒有人會反對網站上線前要做壓力測試，但我多年經驗下來發現，雖然手邊壓測工具都有，但普遍的問題是不知道怎樣測試？不知道測試的重點在哪？不知道壓測標準怎樣界定？不知道壓測報告怎樣閱讀與分析？今天想透過這篇文章來分享我在實務上進行網站壓力測試的經驗。
... 繼續閱讀 ...
前陣子在 Tech‧Days Taiwan 2012 演講【使用 HTML5 打造友善網頁】這個主題，課程中提到幾個不錯的 RWD (Responsive Web Design) 書籤工具，可以很方便的快速切換網頁裡可顯示的網頁範圍，以便測試你的網頁在不同視窗大小之下如何顯示。這幾套 RWD 書籤工具厲害的地方在於完全以 JavaScript 寫成並能跨瀏覽器執行，所以不管你用甚麼瀏覽器都可以使用，讓你不用安裝任何瀏覽器外掛或擴充功能就能使用。
... 繼續閱讀 ...