ReferenceFinder 開發分享之 3：Emscripten
ReferenceFinder 當然最大的架構特點就是它的核心是用 C++ 寫成的。確實，如同我在第一篇提到過的，我在這之前也有過一些把 C++ 程式編譯成 WebAssembly 並整合到 web ... » 閱讀全文
BPS 開發分享之 22：相容性自動測試
之前我曾經介紹過用 BrowserStack 來測試網站在舊版本的瀏覽器上的表現；本篇中我們將更進一步把這個測試給自動化。 前情接續 在本系列第 14 篇當中，我談到了關於瀏覽器相容性測試的重要性、以... » 閱讀全文
Checkly 初體驗
昨天晚上我偶然逛到我另一個有一陣子沒有更新的部落格網站，結果大吃一驚發現裡面的圖片都跑不出來了。我仔細調查，才發現原來是我在該網站使用的某個 WordPress 外掛程式自動更新到了新版，導致我另外自... » 閱讀全文
ReferenceFinder 開發分享之 2：Rsbuild
當事情做得越來越多的時候，做事的方法也會逐漸出現演變。 之前我在開發自己的開源 web app 的時候，我是習慣採用 Gulp（主要配合 esbuild）來進行建置動作。採用 Gulp 作為主要建置框... » 閱讀全文
ReferenceFinder 開發分享之 1：React
每次我只要埋頭苦幹做新專案就會有好一陣子沒寫文章，不過還是要稍微督促自己停一下腳步來寫點心得，才不會過程中的收穫過不了多久就又還回去了。這次來分享一下我這次做的新專案，是網頁版的 ReferenceF... » 閱讀全文
Alpine.js 初體驗
之前我在開發 FontFreeze 以及 FEN Tool 兩個工具的時候，為了求簡便，我都使用了 petite-vue 這個精簡框架。但是 petite-vue 自從尤雨溪開發完 0.4.1 版之後... » 閱讀全文
BPS 開發分享之 19：核心錯誤處理
對於像 BP Studio 這種演算法很複雜的應用程式來說，即使在開發階段已經非常努力地試著抓出並修正所有的錯誤，還是很難免會遇到某些很難觸發的邊緣案例（edge case）是會導致意想不到的錯誤的。... » 閱讀全文
網路 API 架構懶人包
API（Application Programming Interface，應用程式介面）大家都在用，一些架構術語像是 RPC、REST、GraphQL 等等也常常聽過，但是我覺得網路上絕大部分的文章... » 閱讀全文
BPS 開發分享之 18：實體互動
只要是應用程式，都有可能會被開啟了一個以上的實體，而當應用程式的設計當中包含了持久性資料（persistent data，即使應用程式關閉之後仍會保存的資料）的時候，我們就會需要去考慮有多個實體同時去... » 閱讀全文
BPS 開發分享之 17：效能指標
經歷了一週多的瘋狂改造之後，開發中的新版 BP Studio 1 終於在 PageSpeed Insights 中刷出了行動裝置上的滿分成績了。這真的是有夠困難的一項挑戰，畢竟如果各位拿 Google... » 閱讀全文
BPS 開發分享之 15：從 paper 到 pixi
開發中的新版本 BPS 當中，其中一個相當大的變更是把圖形處理程式庫從 paper.js 遷移到 pixi.js 之上。本篇當中我想來分享一下這當中的歷程。 paper.js 在最最一開始我開發 BP... » 閱讀全文
BPS 開發分享之 14：瀏覽器相容性
兼顧瀏覽器相容性、一直以來都是做前端開發的一大挑戰。我自己從 IE 4 的年代就開始在寫網頁，那個時代根本等於沒有標準可言，瀏覽器各玩各的規格，要兼顧相容性是一件超級痛苦的事情；到了現代有了 ECMA... » 閱讀全文