若有個專案需要達到不同的語系要呈現不同的字型，e.x. zh-TW 提供 Noto Sans TC, en-US 提供 Lexend Deca，我們最初使用在 html head 以 stylesheet 導入兩種字型，並且使用不同 classname 去控制現在的字型: <link rel="preconnect" href="https://f …

XSS (Cross-site scripting) XSS 的情境是將惡意程式碼/html注入到網頁端，可以進而達到偷取 cookies、惡意導向網頁、惡意執行API等。 XSS 分幾種方式： Non-persistent (reflected) Persistent (or stored) Server-side versus DOM-based vulne …

由於網頁Client與Server間是stateless (無狀態)，因此我們要怎麼認定使用者身份，我們會把辨識使用者身份的資訊(token/session)放在cookie再與server溝通，若是有心人士掌握token後，就能偽造成該使用者去與做server溝通，進行危險的操作，像是更改密碼/刪除/轉帳等，這也就是著名的 CSRF(Cross …

當今天有大量資料要render出來時，舉例如果有一千筆資料要被呈現出來，但正常viewport不會長到可以顯示一千筆資料，我們會在container加上 overflow: 'scroll' 讓container可以符合使用者體驗地去顯示資料，因此我們真正會顯示給使用者的只有在container可視範圍內的資料，也代表其他不在可視範圍的DOM是沒 …

今年3月底，我正式離開 工一科技 ，總共待了一年兩個月左右，這是我在台灣的第一份正職工作。 有關工一科技 工一科技是一間專門做建築城市 digital twin solution 的公司，何謂建築城市 digital twin，白話一點就是讓數據與現實中的建築城市本體做搭配，讓數據有更多活用空間。 通常針對建築我們會將建築模型導入 Web 3D Viewer，讓 IoT Sensors 的資料與模型一同呈現，同時模型使用 Building Information Modeling，讓模型本身也自帶資訊，讓數據不只只是疊在模型上，而是數據也能與模型本身的資訊去達到更大效益。 城市部分我們會導入 Cesium Map 或是其他開源 Map resources，讓 GIS (Geographic Information System) 資訊與數據互相產生化學效應。 業務層面多為與政府或企業配合打造城市、機場、大樓數據平台，不太像一般接案公司，工一多了更多 domain knowledge，有了多年數據平台開發經驗，工一歸納出了這類型數據平台常見的功能，一步一步開始打造自家的產品。

The _.throttle() method in lodash is used to create a throttled function that can only call the func parameter maximally once per every wait milliseconds. const throttle = function(func, time) { let timer = null; return function(...args) { let context = this…

The _.debounce() method of Function in lodash is used to create a debounced function which delays the given func until after the stated wait time in milliseconds have passed since the last time this debounced function was called. const debounce = function(func, time) { // 先將timer存在HOF…

目前在公司負責多個產品的全端開發，這些產品導向為生產力工具，並可以獨立運行 Standalone mode，根據公司之前與客戶合作的經驗來看，許多客戶是想要同時使用這幾個產品的，那怎麼將這幾個產品整合至一個平台裡，但又不想要改到整個產品架構，這就是這篇文章的出發點。 微服務 把這些產品的後端拆開來看，他的功用很簡單 跟DB進行CRUD 與前端進行API溝通 各後端服務若需要與其他服務進行溝通，是直接call對方的api，不會直接與對方DB對接，讓微服務保有最小運作單位，各團隊的職責很明確 …

IKEA旗下的SPACE10創新實驗室與世界各地的design and technology studios合作一系列探究科技如何改變居家生活的實驗，Everyday Experiments (EE)，大至改變空間佈置，小至語音助理。融合LiDAR、AR、IoT以及AI等技術讓使用者可以更認識自己的家。 隨著全球COVID-19疫情延燒兩年，人們花更多 …