BPS 開發分享之 8：mangling
改編（mangling）是 JavaScript 語法壓縮上的其中一種方法，其作用就是去把原本較長的變數常數名稱（或甚至物件成員名稱）一致地改成比較短而不具可閱讀性的名稱，例如把原本的 RiverCo... » 閱讀全文
BPS 開發分享之 7：檔案下載
如各位所知，BPS 是一個用來輔助摺紙設計的應用程式，所以它自然有其檔案格式、並且提供了讓使用者進行存檔和開啟檔案等等的基本 IDE 功能。除此之外它在進行圖檔（SVG 或 PNG 格式）輸出的時候，... » 閱讀全文
WordPress 外掛開發初體驗
最近因為要架設新的部落格「牧村摺紙」的關係，又玩了不少新的 WordPress 外掛，尤其受到朋友敲碗的影響，原本這個部落格是只想製作英文版來跟世界的摺紙同好交流用的，但終究還是忍不住把它做成了雙語網... » 閱讀全文
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 之... » 閱讀全文