使用方式
這頁是字典,不是教科書。你不需要從頭讀到尾。
遇到看不懂的術語 → 按 Ctrl+F(Mac 是 Cmd+F)搜尋 → 看「一句話白話」就夠了。

資料相關

術語 一句話白話 比喻
SQL 高級 Excel,多張表可以互相查詢 檔案櫃,抽屜之間可以互相參照
NoSQL 不用固定格式的資料庫 百寶箱,什麼形狀都能丟進去
Migration 資料庫的版本控制,記錄每次結構變更 施工日誌,記錄什麼時候拆牆、什麼時候加插座
ORM 用程式語言操作資料庫,不用寫 SQL 翻譯官,你說中文他幫你翻成 SQL
Schema 資料庫的設計藍圖,定義有哪些表、哪些欄位 建築平面圖,標好幾間房、每間放什麼
CRUD Create / Read / Update / Delete 四種基本操作 新增、查詢、修改、刪除 — 資料操作的四個動作
Query 向資料庫「問問題」的指令 去檔案櫃找一份特定的文件
Index 資料庫的索引,加速查詢 書本的目錄,有了目錄就不用一頁一頁翻
Cache 暫存常用資料,下次不用重新算 便利貼,把常查的電話號碼貼在桌上
JSON 一種資料格式,用大括號 {} 和方括號 [] 填好的表格,程式之間用來傳資料的標準格式

AI / LLM 相關

術語 一句話白話 比喻
RAG 讓 AI 先翻你的資料再回答,不是只靠記憶 給 AI 一本公司手冊,讓它翻書回答
Token(LLM) AI 處理文字的最小單位,講越多花越多 字數費,每個字都在跳表計費
Token(認證) 登入後拿到的通行證,下次不用再輸入密碼 遊樂園手環,戴著就能自由進出
Prompt 給 AI 的指令或問題 工作交辦事項,寫得越清楚結果越好
Fine-tuning 用自己的資料額外訓練 AI 新人職前訓練,讓 AI 更懂你的領域
Embedding 把文字轉成數字向量,讓電腦能計算語意距離 把書本內容變成地圖上的座標,相似的內容距離近
Context Window AI 一次能記住多少內容的上限 桌面大小,桌面越大能同時攤開的資料越多
Hallucination AI 一本正經地胡說八道 考生不會寫但硬掰一個看起來很像的答案
Agent 能自己規劃步驟、使用工具的 AI 不只會回答問題,還會自己動手做事的助理
MCP Model Context Protocol,AI 連接外部工具的標準 USB 規格,讓 AI 能插上各種工具使用
注意:Token 有兩個意思
在 AI 領域,Token 是「文字計費單位」。
在網頁開發領域,Token 是「登入通行證」。
看到 Token 這個詞,要看上下文判斷是哪個意思。

部署 / 維運相關

術語 一句話白話 比喻
Docker 把程式和它需要的環境打包成一個箱子 標準貨櫃,不管到哪個港口都能卸貨
CI/CD 程式碼推上去後,自動測試 + 自動部署 自動化產線,零件進去、成品出來
Cron Job 定時執行的任務 鬧鐘,每天固定時間叫你起床做事
Heartbeat 定時回報「我還活著」的機制 每 10 分鐘按一次門鈴,沒人按就代表出事了
Cold Start 服務休眠後重新啟動的等待時間 冬天熱車,放太久就要等引擎暖起來
Health Check 確認服務還活著、能正常回應 量血壓,定期確認身體機能正常
Uptime 服務不間斷運行的時間 連續營業天數,越長代表越穩定
Ping 敲一下對方看有沒有回應 打電話問「你在嗎?」有人接就代表還活著
Deploy 把寫好的程式放到伺服器上讓別人能用 把做好的菜端上桌,客人可以吃了
Rollback 發現新版有問題,退回上一個版本 菜炒壞了,趕快重做上一盤
Serverless 不用自己管伺服器,用多少付多少 不用自己買車養車,叫計程車就好
VM (Virtual Machine) 在一台電腦裡面虛擬出另一台電腦 大房子隔成小套房出租

網路 / 安全相關

術語 一句話白話 比喻
SSL / HTTPS 加密連線,確保傳輸過程不被偷看 密封信封,只有收件人能打開
DNS 把網址翻譯成 IP 位址 電話簿,查「王小明」找到他的電話號碼
Webhook 有事主動通知你,不用你一直去問 快遞到了打電話叫你下來拿
env 環境變數 密碼和設定值,不寫在程式碼裡 保險箱密碼寫在另一張紙上,不刻在門上
CORS 跨網域存取限制,防止別人的網站偷你的資料 不同大樓之間的通行證,沒通行證不能進
Auth 身份驗證,確認「你是誰」 出示身份證,門衛確認你是本人
OAuth 用 Google / Facebook 帳號登入其他網站 用公司識別證進合作夥伴的辦公室
JWT 一種 Token 格式,裝著你的身份資訊 電子會員卡,掃一下就知道你是誰、有什麼權限
Rate Limiting 限制每秒能發幾次請求 排隊管制,一次只能進 10 個人
Firewall 網路防火牆,擋掉不該進來的流量 社區警衛室,檢查每個進出的人

開發工具相關

術語 一句話白話 比喻
Git 程式碼的版本控制系統 Word 的「追蹤修訂」功能,能看到每次改了什麼
npm / pnpm 安裝 JavaScript 套件的工具 App Store,別人寫好的工具你直接裝來用
Lint 程式碼風格檢查工具 校稿,自動抓錯字和格式不一致
TypeScript 有型別限制的 JavaScript 填表格有格式限制的版本 — 姓名欄不能填數字
Framework 開發框架,提供一整套結構和規範 蓋房子的鋼骨結構,有了骨架才好往上蓋
Library 工具庫,需要什麼拿什麼 工具箱裡的各種工具,你挑你要的用
IDE 寫程式用的編輯器(如 VS Code、Cursor) 程式設計師的 Word,但功能強大很多
Terminal 用打字下指令操作電腦的介面 電腦的對講機,不用滑鼠,用文字跟電腦說話
Package 別人寫好的程式碼打包成一包 預拌粉,不用自己磨麵粉,加水就能用
Dependency 你的程式依賴的其他套件 食材清單,少了一樣就煮不出這道菜
Framework vs Library 差在哪?
Framework(框架)= 它規定你怎麼寫,你在它的架構裡填東西。像是蓋房子先有鋼骨,你往裡面塞隔間。
Library(工具庫)= 你需要什麼就拿什麼,主導權在你手上。像是工具箱,你決定用扳手還是螺絲起子。

例:Next.js 是 Framework(規定你檔案怎麼放、路由怎麼走);lodash 是 Library(你想用哪個函式就 import 哪個)。

常用套件與概念

術語 一句話白話 比喻
i18n internationalization,多國語言套件 網站的翻譯年糕,讓同一個網站能顯示不同語言
Tailwind CSS 用 class 名稱直接寫樣式的 CSS 工具 樂高積木式的排版,用小積木組合出畫面
Zustand / Redux 前端的狀態管理工具 中央控制室,所有頁面的資料都從這裡拿
Supabase 開源的 Firebase 替代品,提供資料庫 + 認證 + 儲存 後端懶人包,不用自己架伺服器
Prisma Node.js 的 ORM 工具,用 TypeScript 操作資料庫 翻譯官的 TypeScript 版
Vercel 前端部署平台,推上去就能自動部署 一鍵開店平台,程式碼放上去就變成網站
Next.js React 的全端框架,前後端都能做 全能廚房,從食材處理到擺盤上桌全包
React 最流行的前端 UI 工具庫 蓋網頁的積木系統,用元件組合出畫面

前端 / 後端概念

術語 一句話白話 比喻
Frontend(前端) 使用者看到的畫面 餐廳的用餐區,客人看到的一切
Backend(後端) 使用者看不到的邏輯和資料處理 廚房,客人看不到但真正做事的地方
Full-stack 前端 + 後端都會 從外場到廚房都能做的全能員工
SSR Server-Side Rendering,在伺服器端先畫好頁面再送出 餐廳直接端成品,不用你自己組裝
CSR Client-Side Rendering,在瀏覽器端才畫頁面 自助餐,食材送到你面前你自己夾
SPA Single Page Application,整個網站只有一個 HTML 頁面 像 App 一樣順暢,不用每次換頁都重新載入
Component 可重複使用的 UI 零件 樂高積木塊,一個按鈕、一張卡片就是一個元件
State 元件的「目前狀態」 開關的「開」或「關」、購物車裡有幾件商品
Middleware 請求到達目的地之前經過的「關卡」 機場安檢,在你到達登機門之前先檢查一輪
Route(路由) 網址對應到哪個頁面或功能 門牌號碼,/about 對應「關於我們」頁面

版本控制 / 協作

術語 一句話白話 比喻
Branch 程式碼的分支,讓你在不影響主線的情況下開發 平行宇宙,在另一個世界改東西不會影響本尊
Merge 把分支的改動合併回主線 把平行宇宙的成果搬回本尊
Pull Request (PR) 請求把你的分支合併到主線,讓人審核 交作業請老師批改,老師 OK 才能交卷
Commit 存一個版本紀錄,附上說明 存檔點,遊戲裡的 Save Point
Conflict 兩個人改了同一段程式碼,Git 不知道用哪個 兩個人同時改同一份文件的同一段,要人工決定留哪個
Repository (Repo) 專案的程式碼倉庫 一個專案的所有檔案 + 歷史紀錄的資料夾
本章重點
這頁的目的不是要你全部背起來。

當你跟 Claude Code 對話時看到不懂的詞,回來這裡查一下就好。
知道「那個詞是什麼意思」,就能減少好幾輪來回對話,直接省 Token。