BPS 開發分享之 18：實體互動
只要是應用程式，都有可能會被開啟了一個以上的實體，而當應用程式的設計當中包含了持久性資料（persistent data，即使應用程式關閉之後仍會保存的資料）的時候，我們就會需要去考慮有多個實體同時去... » 閱讀全文
BPS 開發分享之 17：效能指標
經歷了一週多的瘋狂改造之後，開發中的新版 BP Studio 1 終於在 PageSpeed Insights 中刷出了行動裝置上的滿分成績了。這真的是有夠困難的一項挑戰，畢竟如果各位拿 Google... » 閱讀全文
BPS 開發分享之 16：變化傳播
本系列的上一篇文章當中，我用了不少篇幅在靠北別人的程式庫；平衡起見，我這篇打算反過來靠北一下自己過去的一大心血結晶，即我自己花了一年多的時間所開發的 Shrewd 框架。那曾經是我對 BPS 感到很自... » 閱讀全文
BPS 開發分享之 15：從 paper 到 pixi
開發中的新版本 BPS 當中，其中一個相當大的變更是把圖形處理程式庫從 paper.js 遷移到 pixi.js 之上。本篇當中我想來分享一下這當中的歷程。 paper.js 在最最一開始我開發 BP... » 閱讀全文
BPS 開發分享之 14：瀏覽器相容性
兼顧瀏覽器相容性、一直以來都是做前端開發的一大挑戰。我自己從 IE 4 的年代就開始在寫網頁，那個時代根本等於沒有標準可言，瀏覽器各玩各的規格，要兼顧相容性是一件超級痛苦的事情；到了現代有了 ECMA... » 閱讀全文
BPS 開發分享之 13：檔案關聯
上次在本系列的第十篇中介紹過了 File System Access API，而最近這一陣子 Chromium 系列瀏覽器又再次推出了極度讓人興奮的新功能：File Handling API（這個 A... » 閱讀全文
BPS 開發分享之 12：對話方塊
在網頁世界裡面一直存在著三個超古老的內建對話方塊：alert、confirm 和 prompt。這三個打從二十幾年前我剛上國中的時候就已經存在了，一直到現在也都還在。但是當然，原則上專業寫網頁的人一定... » 閱讀全文
BPS 開發分享之 11：排版計算
很明顯地，BPS 最核心的程式都跟圖形界面區域裡面發生的事情有關。可想而知地，這個區域是用 <canvas> 元件畫出來的；該元件可以說是 HTML5 最強大的發明、沒有之一，因為正是這個... » 閱讀全文
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 格式）輸出的時候，... » 閱讀全文