使用方式
這頁是字典,不是教科書。你不需要從頭讀到尾。遇到看不懂的術語 → 按
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。