TypeScript 中的 any 和 unknown
TypeScript 當中有 unknown 這個型別已經是好一陣子的事情了，網路上也有很多文章在解釋它跟 any 的差別，然而那些文章大多都只是從定義層面上在探討，並沒有真的回答到「為什麼我們應該要... » 閱讀全文
在 WebView 當中加入 QR Code 掃描器
這一兩天公司專案開發的 App 有需要加入 QR Code 掃描的功能，原本這並不是什麼困難的需求，但麻煩的地方在於我們目前的 App 架構都是用 WebView 包網頁的方式去做的（包括標題列等等都... » 閱讀全文
BPS 開發分享之 6：循環動畫與偵錯
現在這個年代如果要製作根據時間間隔來觸發的動畫，都會建議使用 requestAnimationFrame() 這個方法來做；跟 setInterval() 之類的方法相比，它至少有兩大好處： 瀏覽器內... » 閱讀全文
為 Blazor 新增依賴注入的第四個層次
.NET Core 內建的依賴注入系統中有三個不同的層次： Singleton：整個 process 裡面只會存在一個實體。 Scoped：每個 scope 當中只會有一個實體；預設情況下每次使用者 ... » 閱讀全文
替 Ubuntu + Nginx 取得免費 SSL 憑證（使用 Certbot）
自從開站以來，我之前寫的《替 IIS 取得免費 SSL 憑證》一篇一直都是點閱率最高的文章，所以看起來讀者中對於這方面的需求還不小。剛好最近公司有一個專案是要部署在 Linode 上頭，而 Linod... » 閱讀全文
BPS 開發分享之 5：平行運算
眾所周知地，JavaScript 是一種單一執行緒的程式語言，而且這個單一執行緒跟 DOM 是共用的，這使得純粹的 JavaScript 並不是用來進行耗時運算的頂尖選擇。只要一個 macrotask... » 閱讀全文
BPS 開發分享之 4：Gulp
到目前為止我已經很多次提到我習慣用 Gulp 來進行自動化建置的工作了。Gulp 非常適合像我這樣有高度自訂需求的進階開發者來完全控制我的自動化流程，從編譯、minify、變種建置、部署上傳等等的動作... » 閱讀全文
BPS 開發分享之 3：圖示
現在的前端設計很流行在各種地方適度地加上單色（或頂多雙色）的向量小圖示來提昇質感。在 BPS 裡面，由於我特別考慮到在手機上的使用，因此我的最上層功能選單按鈕上面都只有圖示而沒有文字，以盡量縮小整體的... » 閱讀全文
BPS 開發分享之 2：Service Worker
Service Worker（下簡稱 SW）是 Web Worker 的一種，而後者是泛指各種平行於網頁的前端執行緒、躲在背景中執行的 JavaScript 程式。在各種 Worker 之中，SW 之... » 閱讀全文
BPS 開發分享之 1：PWA
過去有好一陣子我沒有在這邊新增新的文章，主要是因為我自己在工作之餘陸續開發了兩年多的應用程式 Box Pleating Studio（下簡稱 BPS）發展得如火如荼、且我要趕著在去年底前正式發表上線而... » 閱讀全文
是否應該要 minify HTML？
在 StackOverflow 上面有一些討論（例如這篇）是在問 HTML 檔案應不應該進行 minify 的動作；有一個常被提到的論點是，由於現在的網站伺服器一般都會用 gzip 壓縮格式進行傳輸，... » 閱讀全文
TypeScript 模組擴充
TypeScript 雖然很方便，但是在引入第三方模組的時候，最怕的就是定義不完整。就某種意義上來說，定義不完整比沒定義還糟：沒定義的話了不起引入的模組整個被當成是 any 也就算了、我們還是可以忘了... » 閱讀全文