夜行手記

Knowledge grows quietly

技術成長

不是背答案,而是把一個概念拆開、實作,再留下能回頭查找的理解。
01

Web development

Web 開發

從 JavaScript、瀏覽器到 React 與 Vue,理解畫面背後真正發生的事。
  • JavaScript
  • 瀏覽器
  • HTTP
  • React
  • Vue
查看 6 篇文章 →
02

Backend & data

後端與資料

整理 API、權限、SQL、索引與資料一致性的設計思路。
  • API
  • Authentication
  • SQL
  • Transaction
查看文章列表 →
03

Programming

程式設計

用可執行範例認識資料結構、演算法、測試與重構方法。
  • 資料結構
  • 演算法
  • 測試
  • 重構
查看文章列表 →
04

Systems & operations

系統與維運

從作業系統與網路出發,延伸到容器、部署、監控及排錯。
  • 網路
  • Docker
  • Kubernetes
  • CI/CD
查看文章列表 →
05

AI engineering

AI 工程

記錄 RAG、Embedding、LLM 系統、安全治理與 Agent 的實務取捨。
  • RAG
  • LLM
  • Embedding
  • AI 安全
查看 1 篇文章 →
06

Smart manufacturing

智慧製造

理解 Edge、OT/IT、設備資料流與工廠 AI 系統的可靠性設計。
  • Edge
  • IoT
  • OT/IT
  • 設備監控
查看文章列表 →
07

Quick glossary

簡單看看

從求職網站或職缺描述遇見的工具名詞,用短短幾段先理解他是什麼、何時會用到。
打開名詞小冊 ↗

Growing library

技術札記

01

技術成長 · AI 工程 · AI 概念 · 2026/09/04

企業 AI 導入全貌:從 AI Coding、AI Agent、MCP 到系統治理與工程師角色轉變

AI 寫 Code 的能力正在快速進步,企業真正需要面對的問題,也開始從「AI 能不能幫忙」轉向「我們要怎麼讓 AI 正確、安全地進入工作流程」。這篇文章從企業 AI 的角度出發,整理我對 Prompt、Context、AI Agent、MCP、權限治理、Hybrid AI 與 Legacy System 的一些觀察,並進一步思考:當 AI 越來越擅長實作後,工程師的角色是否也會逐漸從單純寫 Code,往需求方向、系統邊界、流程設計與 AI 治理移動。
閱讀全文
02

技術成長 · Web 開發 · JavaScript · 2026/09/02

JavaScript Arrow Function 是什麼?和一般 function 到底差在哪?

Arrow Function(箭頭函式)不只是把 function 換成 => 的簡寫方式,他和一般 function 在行為上也有不少差異。本篇會從 Arrow Function 的基本語法、Implicit Return、參數簡寫開始,接著比較他和一般 function 在 this、arguments、new、prototype 等方面的不同,也會回頭拆解上一篇出現過的 Currying 範例,幫助理解 Arrow Function 到底適合用在哪些情境。
閱讀全文
03

技術成長 · Web 開發 · JavaScript · 2026/09/01

JavaScript 的 this 到底指向誰?重點不是寫在哪裡,而是怎麼呼叫

JavaScript 的 this 常讓人感到混亂,因為他不像一般變數一樣沿著作用域鏈尋找,而是會根據函式的呼叫方式決定。本篇將從直接呼叫、物件方法、Callback、call()、apply()、bind()、new,一路整理到 Arrow Function 的特殊行為,並搭配程式範例說明:為什麼同一個函式換一種呼叫方式後,this 就可能指向不同的對象。
閱讀全文
04

技術成長 · Web 開發 · JavaScript · 2026/08/27

JavaScript 的 Closure 是什麼?函式離開作用域後,為什麼還記得外面的變數?

Closure 通常翻譯成「閉包」。 閉包?封閉的包?第一次看到時可能會覺得又是一個看起來很莫名其妙的東西。 但我們可以先用比較白話的方式理解: Closure 是函式保留了自己建立時的作用域關係,所以即使函式離開原本的位置,仍然可以存取當時的外部變數。
閱讀全文