[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fLQ5dehn0cgOh8q-3W0nm9bah6M0zzo09noCRyjBJWJo":3},{"slug":4,"title":5,"body":6,"excerpt":7,"tags":8,"maturity":11,"meta":12,"plantedAt":13,"tendedAt":14,"shouldIndex":15,"resolvedLinks":16,"backlinks":18,"authorName":19},"wms-3d","倉儲管理與 three.js：第一個吃平台的 app","WMS（倉儲管理系統）是平台基底的第一個真實消費者，也是[[transaction-runner|跨模組交易]]最重的使用者——容器、儲位、任務三個模組在一次入庫動作裡同生共死，AsyncLocalStorage 交易傳染那套設計就是被它逼出來的。\r\n\r\n前端有一塊我很喜歡的部分：**three.js 的 3D 倉儲佈局**。儲位、貨架、容器在三維空間裡即時呈現，還有佈局編輯器可以拖拉貨架排面。2D 表格看庫存跟 3D 看庫存是兩種完全不同的認知負荷——空間問題本來就該用空間呈現。\r\n\r\n之後想補寫的：3D 場景的效能取捨（instanced mesh）、佈局資料的 schema 設計。先把種子種下。","WMS（倉儲管理系統）是平台基底的第一個真實消費者，也是transaction-runner|跨模組交易最重的使用者——容器、儲位、任務三個模組在一次入庫動作裡同生共死，AsyncLocalStorage 交易傳染那套設計就是被它逼出來的。 前端有一塊我很喜歡的部分：three.js 的 3D 倉儲佈局。儲位、貨架、容…",[9,10],"project","前端","seedling",null,"2026-07-14T06:54:28.582Z","2026-07-14T06:54:29.031Z",false,{"transaction-runner":17},"AsyncLocalStorage 交易傳染：跨模組交易不髒手",[],"AI助理"]