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 開發分享之 20：測試與覆蓋率
關於程式碼覆蓋率這件事，我一直都是只有聽過但是沒有自己落實過，一直到最近我在 BP Studio 上面引入了 Istanbul 來檢查並且陸續試圖推進覆蓋率、這才震撼地親身體會到這個指標有多麼重要。本... » 閱讀全文
BPS 開發分享之 19：核心錯誤處理
對於像 BP Studio 這種演算法很複雜的應用程式來說，即使在開發階段已經非常努力地試著抓出並修正所有的錯誤，還是很難免會遇到某些很難觸發的邊緣案例（edge case）是會導致意想不到的錯誤的。... » 閱讀全文
網路 API 架構懶人包
API（Application Programming Interface，應用程式介面）大家都在用，一些架構術語像是 RPC、REST、GraphQL 等等也常常聽過，但是我覺得網路上絕大部分的文章... » 閱讀全文
在 TypeScript 當中建立 id 專用的數值型別
在寫各種演算法的時候，我們常常會在陣列裡面存放一些物件，然後用陣列的數值索引來當作這些物件的 id。隨著演算法的各種操作，這些代表著 id 的索引值也常常會被儲存在別的物件當中、當作指向原本物件的指標... » 閱讀全文
用 Markdown 做簡報：Slidev
過去我在學術界做簡報通常都是用 LaTeX 當中的 Beamer 來做的，實際要展示的時候則搭配 Pympress 就可以有不錯的效果。然而，最近因為要在公司裡面講課的關係，會很頻繁地會需要製作簡報，... » 閱讀全文
從 highlight.js 到 shiki
過去很長一段時間裡面，要講到在網頁上面標亮程式碼語法，一般無非就是 highlight.js 和 prism.js 兩大選項，但是到了最近我才知道還有一個比較新（雖說如此，其實也已經有幾年了）且更先進... » 閱讀全文
關於程式碼註解之我見
本來以為程式碼註解這種事情應該是業界的共識，但是最近看到一些網路上的討論才發現，存在一派的人（例如這個影片）反而是明確地反對使用註解，他們的立論主要有幾點： 程式碼的本身的意義可以藉由好的命名規範、函... » 閱讀全文
BPS 開發分享之 18：實體互動
只要是應用程式，都有可能會被開啟了一個以上的實體，而當應用程式的設計當中包含了持久性資料（persistent data，即使應用程式關閉之後仍會保存的資料）的時候，我們就會需要去考慮有多個實體同時去... » 閱讀全文