在 JS 專案裡面同時安裝不同版本的相依套件
最近由於我陸續在研究 Vue 3，也考慮了增加我的 Shrewd 框架對 Vue 3 的支援。為了確保串接上正確無誤、尤其又因為 Vue 3 跟 Vue 2 的差異真的很大，把測試程式寫好寫滿真的是不... » 閱讀全文
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 初體驗
2022.06.22 更新：這篇文章的內容已經過時，在最新版的 Visual Studio 當中已經內建有更完整的 Vue 專案範本，其使用教學可以參考官方文件。 這篇我想寫出來十之八九會被同行看笑話... » 閱讀全文
VS Code 延伸模組撰寫初體驗
最近 VS Code 在 1.57 版推出了一個新功能是內建對於 JSDoc 的 @link 語法的支援，其效果是可以將註解當中的符號與原始碼中真正的符號連結起來。如此一來，一方面我們可以在顯示出註解... » 閱讀全文
BPS 開發分享之 11：排版計算
很明顯地，BPS 最核心的程式都跟圖形界面區域裡面發生的事情有關。可想而知地，這個區域是用 <canvas> 元件畫出來的；該元件可以說是 HTML5 最強大的發明、沒有之一，因為正是這個... » 閱讀全文
WordPress 子佈景主題初體驗
目前本站採用的 WordPress 佈景主題是 Mynote，這個主題整體來說並不差，但是因為我個人實在太龜毛，難免會有一些小地方是我並不完全滿意、想要自己加以調整的。當然，向作者請求功能也是一種辦法... » 閱讀全文
BPS 開發分享之 10：檔案儲存
前幾天我才剛寫完 BPS 開發分享之 7：檔案下載，我突然就發現原來之前眾人一直在敲碗的 File System Access API 最近已經可以在 Chromium 系列的瀏覽器以及其 PWA 當... » 閱讀全文
BPS 開發分享之 9：多國語系
截至目前，BPS 一共內建了六種語言（英文、西班牙文、日文、越南文、簡體中文、正體中文）。考慮到「一直到現在 BPS 都是由我一個人獨自開發」這一點，能夠做到這種程度、我想應該是可以稍微感到自豪一下的... » 閱讀全文
BPS 開發分享之 8：mangling
改編（mangling）是 JavaScript 語法壓縮上的其中一種方法，其作用就是去把原本較長的變數常數名稱（或甚至物件成員名稱）一致地改成比較短而不具可閱讀性的名稱，例如把原本的 RiverCo... » 閱讀全文
BPS 開發分享之 7：檔案下載
如各位所知，BPS 是一個用來輔助摺紙設計的應用程式，所以它自然有其檔案格式、並且提供了讓使用者進行存檔和開啟檔案等等的基本 IDE 功能。除此之外它在進行圖檔（SVG 或 PNG 格式）輸出的時候，... » 閱讀全文