BPS 開發分享之 13：檔案關聯
上次在本系列的第十篇中介紹過了 File System Access API，而最近這一陣子 Chromium 系列瀏覽器又再次推出了極度讓人興奮的新功能：File Handling API（這個 A... » 閱讀全文
VS Code 的 CodeSnap 延伸模組
作為軟體工程部落格，這邊貼出程式碼主要還是仰賴 highlight.js 的語法標示能力，這樣做的好處是既能夠產生顏色、又能夠讓訪客可以複製程式碼回去（假如想要的話）；不過缺點是整篇文章沒有圖片，在轉... » 閱讀全文
BPS 開發分享之 12：對話方塊
在網頁世界裡面一直存在著三個超古老的內建對話方塊：alert、confirm 和 prompt。這三個打從二十幾年前我剛上國中的時候就已經存在了，一直到現在也都還在。但是當然，原則上專業寫網頁的人一定... » 閱讀全文
.NET Core + Vue CLI 初體驗
這篇我想寫出來十之八九會被同行看笑話、覺得這根本是個大外行亂玩出來的；不過這真的是事實沒錯，因為我本來對於 Vue CLI 就沒啥使用經驗，而跟 .NET Core 整合又真的是頭一遭，所以獻醜一下也... » 閱讀全文
BPS 開發分享之 11：排版計算
很明顯地，BPS 最核心的程式都跟圖形界面區域裡面發生的事情有關。可想而知地，這個區域是用 <canvas> 元件畫出來的；該元件可以說是 HTML5 最強大的發明、沒有之一，因為正是這個... » 閱讀全文
BPS 開發分享之 10：檔案儲存
前幾天我才剛寫完 BPS 開發分享之 7：檔案下載，我突然就發現原來之前眾人一直在敲碗的 File System Access API 最近已經可以在 Chromium 系列的瀏覽器以及其 PWA 當... » 閱讀全文
BPS 開發分享之 9：多國語系
截至目前，BPS 一共內建了六種語言（英文、西班牙文、日文、越南文、簡體中文、正體中文）。考慮到「一直到現在 BPS 都是由我一個人獨自開發」這一點，能夠做到這種程度、我想應該是可以稍微感到自豪一下的... » 閱讀全文
BPS 開發分享之 7：檔案下載
如各位所知，BPS 是一個用來輔助摺紙設計的應用程式，所以它自然有其檔案格式、並且提供了讓使用者進行存檔和開啟檔案等等的基本 IDE 功能。除此之外它在進行圖檔（SVG 或 PNG 格式）輸出的時候，... » 閱讀全文
WordPress 外掛開發初體驗
最近因為要架設新的部落格「牧村摺紙」的關係，又玩了不少新的 WordPress 外掛，尤其受到朋友敲碗的影響，原本這個部落格是只想製作英文版來跟世界的摺紙同好交流用的，但終究還是忍不住把它做成了雙語網... » 閱讀全文
在 WebView 當中加入 QR Code 掃描器
這一兩天公司專案開發的 App 有需要加入 QR Code 掃描的功能，原本這並不是什麼困難的需求，但麻煩的地方在於我們目前的 App 架構都是用 WebView 包網頁的方式去做的（包括標題列等等都... » 閱讀全文
BPS 開發分享之 6：循環動畫與偵錯
現在這個年代如果要製作根據時間間隔來觸發的動畫，都會建議使用 requestAnimationFrame() 這個方法來做；跟 setInterval() 之類的方法相比，它至少有兩大好處： 瀏覽器內... » 閱讀全文
為 Blazor 新增依賴注入的第四個層次
.NET Core 內建的依賴注入系統中有三個不同的層次： Singleton：整個 process 裡面只會存在一個實體。 Scoped：每個 scope 當中只會有一個實體；預設情況下每次使用者 ... » 閱讀全文