Draggable Element to Make Website More Interactive and Fun
Initially inspired by the Glitch website's draggable features, I created a DOM API-based solution instead of using additional packages.
Initially inspired by the Glitch website's draggable features, I created a DOM API-based solution instead of using additional packages.
最初是看到 Glitch 网站 图示像冰箱磁铁可以随意挪动的功能觉得充满趣味，背后是使用 react-draggable 套件制作。不过考虑到速度与维护性，部落格不打算因为一页特效就引入额外套件，所以从头用 DOM API 手刻了相关功能。
最初是看到 Glitch 網站 圖示像冰箱磁鐵可以隨意挪動的功能覺得充滿趣味，背後是使用 react-draggable 套件製作。不過考慮到速度與維護性，部落格不打算因為一頁特效就引入額外套件，所以從頭用 DOM API 手刻了相關功能。
Communicate with databases via SQL can lead to development efficiency and security issues. Usually we choose a suitable ORM for better development experience.
单纯透过 SQL 与关联式资料库直接沟通，可能会带来开发效率与安全性的问题，因此挑选一款合适的 ORM 多一层抽象是常见的选择，而 Drizzle ORM 是我最常使用也是接触 ORM 的起点。它在 TypeScript 生态中有出色支援，虽然相对新颖，但社群活跃，值得一试。
單純透過 SQL 與關聯式資料庫直接溝通，可能會帶來開發效率與安全性的問題，因此挑選一款合適的 ORM 多一層抽象是常見的選擇，而 Drizzle ORM 是我最常使用也是接觸 ORM 的起點。它在 TypeScript 生態中有出色支援，雖然相對新穎，但社群活躍，值得一試。
When I first in backend development, I struggled to effectively reproduce services for other developers until I found Docker.
刚接触后端时我还不清楚如何有效重现服务供其他开发者使用，直到遇见 Docker 才大幅简化各种设施的维护与重现的工作，是一项非常高回报的实用技能，本篇从实做角度透过 Docker 建构 Postgres 服务，了解它的便捷快速。
剛接觸後端時我還不清楚如何有效重現服務供其他開發者使用，直到遇見 Docker 才大幅簡化各種設施的維護與重現的工作，是一項非常高回報的實用技能，本篇從實做角度透過 Docker 建構 Postgres 服務，了解它的便捷快速。
Interacting with RDB through SQL, SQL Builder, and ORM. Understanding their differences helps us make better choices for project needs.
开发网站无可避免的会和关联式资料库打交道，而互动的方式有三种：SQL、SQL Builder、ORM。这三者有着不同的使用方式、优缺点与适用场景，了解它们的差异能帮助我们做出更适合专案需求的技术选择。分享我在 Node.js 的学习经历。
開發網站無可避免的會和關聯式資料庫打交道，而互動的方式有三種：SQL、SQL Builder、ORM。這三者有著不同的使用方式、優缺點與適用場景，了解它們的差異能幫助我們做出更適合專案需求的技術選擇。分享我在 Node.js 的學習經歷。
Recently, I frequently use Taiwan's most famous job platform: 104 Job Bank, where the personal data menu experience has potential issues worth exploring.
近期很频繁使用到台湾最知名的求职平台：104 人力银行，其中个人资料选单的体验有潜在的问题值得挖掘。就目前 104 的体验对我来说没什么好抱怨的，就是最少这个 `0` 如果能改成 `-` 或 `载入中` 代表无资料都清楚得多阿！就和 `0` 与 `null` 一样，它们相近的意义是不同的。
近期很頻繁使用到臺灣最知名的求職平台：104 人力銀行，其中個人資料選單的體驗有潛在的問題值得挖掘。就目前 104 的體驗對我來說沒什麼好抱怨的，就是最少這個 `0` 如果能改成 `-` 或 `載入中` 代表無資料都清楚得多阿！就和 `0` 與 `null` 一樣，它們相近的意義是不同的。