如何將 Protractor 設定檔 (protractor.conf.js) 加入 TypeScript 型別檢查
如何將 Protractor 設定檔 (protractor.conf.js) 加入 TypeScript 型別檢查
2019/03/20 20:54 Will 保哥 Angular ,JavaScript
現在日常的 JavaScript 已經完全離不開TypeScript
了，在強型別的保護下，不但不容易寫出錯誤的程式碼，還能透過開發工具提供的 IntelliSense 提高開發速度。但是如果手邊的程式碼只能使用 JS 來撰寫，那該怎麼辦呢？像是Protractor
的設定檔protractor.conf.js
就是一個典型的例子，本篇文章我將分享如何在現有 JavaScript 檔案下使用 TypeScript 的型別檢查提示。
...繼續閱讀 ...
如何將 Protractor 設定檔 (protractor.conf.js) 加入 TypeScript 型別檢查
2019/03/20 20:54 Will 保哥 Angular ,JavaScript
現在日常的 JavaScript 已經完全離不開TypeScript
了，在強型別的保護下，不但不容易寫出錯誤的程式碼，還能透過開發工具提供的 IntelliSense 提高開發速度。但是如果手邊的程式碼只能使用 JS 來撰寫，那該怎麼辦呢？像是Protractor
的設定檔protractor.conf.js
就是一個典型的例子，本篇文章我將分享如何在現有 JavaScript 檔案下使用 TypeScript 的型別檢查提示。
...繼續閱讀 ...
如何將 Protractor 設定檔 (protractor.conf.js) 加入 TypeScript 型別檢查
2019/03/20 20:54 Will 保哥 Angular ,JavaScript
現在日常的 JavaScript 已經完全離不開TypeScript
了，在強型別的保護下，不但不容易寫出錯誤的程式碼，還能透過開發工具提供的 IntelliSense 提高開發速度。但是如果手邊的程式碼只能使用 JS 來撰寫，那該怎麼辦呢？像是Protractor
的設定檔protractor.conf.js
就是一個典型的例子，本篇文章我將分享如何在現有 JavaScript 檔案下使用 TypeScript 的型別檢查提示。
...繼續閱讀 ...
如果要產生開發測試用途的自簽憑證，說到底還是跨平臺的OpenSSL 好用，這篇文章我就來談談如何透過 OpenSSL 工具來產生可信賴的 SSL/TLS 自簽憑證。
...繼續閱讀 ...
今天在某一臺 Ubuntu 18.04.1 LTS 主機上執行apt update
更新套件來源資訊，不過卻一直發生 Hash Sum mismatch 的錯誤，一度懷疑 Ubuntu 的套件來源發生問題，浪費了十幾分鐘查問題，到最後竟然是換了 ISP 線路才正常。
...繼續閱讀 ...
一次搞懂單元測試、整合測試、端對端測試之間的差異
2019/02/18 16:02 Will 保哥 Angular ,JavaScript ,Unit Testing
網站建置不是件簡單的事，我們都知道網站做好之後，有好多細節需要兼顧，所以許多公司花了大量的時間與金錢，耗用人力對維護中的網站進行不斷的、重複的人工測試，想達到的目的不外乎是希望網站不要出錯，可以給客戶/使用者最好的網站使用體驗。但你是否知道單元測試 、整合測試 、端對端測試 之間的差異在哪裡？本篇文章將闡述他們之間不同的部分。
...繼續閱讀 ...
由於經常在家上班，當需要連線客戶主機時，都要先撥接公司的虛擬私有網路(VPN)，然後才能開始連線。但每次都要用鍵盤+滑鼠點個好幾次才能連線完成，覺得太浪費時間了，不自動化不行。所以這就花了點時間研究如何用批次檔或快速鍵來啟動 VPN 連線，本篇文章講解每個步驟與設定技巧。
...繼續閱讀 ...
Windows 下的任何命令列工具，都是基於傳統Windows Console 介面進行互動，你很難想像 Windows Console 的原始碼已經超過 30 年沒有更新過，所以當 WSL 加入 Windows 之後，所遇到的挑戰比你想想的大許多，更新的速度也非常慢，目前也只有 Windows Insider 版本才能體驗新的功能。本篇文章我將分享幾個我曾經遇到過的問題，還有介紹WSLtty 工具，幫助你徹底解決這些難題。
...繼續閱讀 ...
Angular CLI 7.3 使用 ES2015 的 nomodule 屬性載入 Polyfills 函式庫
2019/02/03 15:55 Will 保哥 Angular ,JavaScript
最近推出的Angular CLI 7.3 版本，新增了一個相當亮眼的特性。當你的 Angular 應用程式同時要符合 IE 或舊版瀏覽器時，以往都會用Polyfill 來填充缺少的 HTML5/JS APIs，但這件事到了 Angular CLI 7.3 又變得更貼心了。不但如此，這個新特性一樣可以用在各種 SPA 框架中，像是 Vue, React 或其他函式庫也都可以套用相同技巧。欲知詳情請繼續看下去。
...繼續閱讀 ...
WSL (Windows Subsystem for Linux) 對於想開始學習 Linux 的人來說，是個超級棒的入門工具，我未來也預計開設 Linux 新手上路課程，敬請期待。同時你也可以利用 WSL 幫助你管理遠端的電腦，也可以利用成千上百個 Linux 命令列工具幫助你進行開發、測試與整合作業。本篇文章教你如何安裝與使用，並且深入瞭解關於 WSL 的各項細節。
...繼續閱讀 ...
我之前曾經在如何將 SCD 部署的 .NET Core 應用程式封裝單一可執行檔 (Warp) 文章中分享過Warp 這套工具，也在該文最後分享CoreRT 應該才是最終的解決方案。今天這篇文章我就來分享如何透過CoreRT 來編譯你的 .NET Core 應用程式！
...繼續閱讀 ...
網站如何開始使用 ES6 / ES2015 模組化技術進行前端開發
2019/01/29 13:37 Will 保哥 JavaScript ,前端工程研究
在 2019 的今天，還有多少人在使用傳統前端技術 在開發 Web 應用程式？撇除市面上知名的 SPA 框架不說，就算你公司內部還在使用 jQuery 開發網頁，你依然可以將自己升級到使用現代化前端技術 的前端工程師。今天這篇文章，將分享如何將現有傳統網站逐步升級，改用如 ES6 / ES2015 等語法，以及透過好用的模組打包工具(module bundler)將全新的 JS 語法轉譯為舊版瀏覽器也能執行的 JS 語法。
...繼續閱讀 ...
現在越來越多專案改用 .NET Core 進行開發，而且大部分都部署在 Linux 平臺，不過開發環境一直都是在 Windows 平臺之上，要怎樣有效率的整合本地端的開發與建置工作，甚至於設定可以輕鬆將發行檔案到遠端的部署流程，都是一關關的考驗。本篇文章我打算分享我這邊 VSCode 的設定方式，看我如何將常見的命令自動化。
...繼續閱讀 ...