79 個名詞
軟體開發新手字典
每個名詞皆以實務脈絡說明，串接相關工具與後續行動，協助你理解概念落地應用。
階段 1 · 網站是怎麼組成的
先建立最基本的全貌：一個網站或 App 由哪些部分組成。
前端 Frontend
使用者看得到、點得到的介面與互動。
比喻：像店面的門面、菜單與櫃台。
後端 Backend
處理資料、權限、商業邏輯與外部服務串接的系統。
比喻：像餐廳廚房，客人看不到但決定餐點怎麼做出來。
全端 Full-stack
同時處理前端、後端、資料庫與部署的一種開發範圍。
比喻：像一個人能處理店面、廚房、倉庫和開店流程。
框架 Framework
提供專案結構、路由、資料處理、建置方式與開發規則的骨架。
比喻：像房子的鋼骨與格局，不是單一工具。
函式庫 Library
解決特定局部問題的可重用程式碼，例如日期處理、表單驗證、圖表。
比喻：像工具箱裡的一支螺絲起子。
SDK
某個服務提供給開發者使用的工具包、型別、輔助函式與範例。
比喻：像原廠附的工具箱和說明書，幫你更快接上服務。
Dependency 依賴套件
專案需要安裝才能運作的外部程式碼或工具。
比喻：像餐廳依賴供應商，供應商出問題也會影響你。
階段 2 · 使用者看到的那一面
使用者實際接觸的介面、互動與體驗。
UI 使用者介面
使用者看到並操作的畫面元素。
比喻：像櫃台、按鈕、菜單和指示牌。
UX 使用者體驗
使用者完成任務時的整體感受與順暢程度。
比喻：像餐廳從進門、點餐、等候到結帳的整段體驗。
Component 元件
可重複使用的 UI 或功能小單位。
比喻：像樂高積木，同一塊可以組在不同地方。
State 狀態
畫面或系統目前記住的資料與狀況。
比喻：像表單填到哪、選了哪個選項、是否正在載入。
Route 路由
網址對應到哪個頁面或 API 的規則。
比喻：像商場樓層導覽，告訴你每個門牌通去哪裡。
Wireframe 線框稿
用低細節方式規劃畫面結構與資訊順序。
比喻：像裝潢前先畫平面配置圖，不急著挑油漆顏色。
Prototype 原型
用來驗證流程、互動或概念的早期版本。
比喻：像樣品屋，先讓人走一遍再決定正式施工。
RWD 響應式設計
讓網站在手機、平板、桌機都能正常閱讀與操作。
比喻：像同一份菜單在小卡片和大看板上都要看得清楚。
Accessibility 無障礙
讓更多使用者，包括使用鍵盤或輔助工具的人，也能使用產品。
比喻：像店門口有斜坡、清楚標示與足夠照明。
Design System 設計系統
一套統一的顏色、字體、元件、間距與互動規則。
比喻：像品牌裝潢手冊，讓每間分店看起來一致。
階段 3 · 把想法變成規格
動工前，先把想法整理成可執行、可驗收的需求。
階段 4 · 資料放哪、怎麼串
資料怎麼存、系統之間怎麼交換資料。
資料庫 Database
保存、查詢與管理資料的系統。
比喻：像有索引、規則與權限的倉庫。
SQL
查詢關聯式資料庫的語言，也常用來泛稱關聯式資料庫路線。
比喻：像用固定語法問倉庫：給我符合條件的資料。
NoSQL
不以傳統關聯表格為主的資料庫類型，常見如文件型資料庫。
比喻：像一份份彈性表單，每份可以有不同欄位。
Schema
資料庫中資料表、欄位、型別與關係的設計。
比喻：像倉庫貨架規格，規定每格放什麼資料。
Migration
用可追蹤、可重播的方式修改資料庫結構。
比喻：像倉庫改裝紀錄，每次改貨架都留下版本。
ORM
用程式語言操作資料庫，而不是直接手寫所有 SQL 的工具。
比喻：像用表單填資料，工具幫你翻成資料庫語法。
API
讓不同系統互相交換資料或觸發動作的介面。
比喻：像餐廳點餐窗口，你照格式點餐，廚房照格式回應。
REST API
用 URL 與 HTTP 方法操作資料的一種 API 設計方式。
比喻：像用不同動詞對不同資料夾做讀取、新增、修改、刪除。
Webhook
外部服務在事件發生時主動通知你的系統。
比喻：像包裹送達時物流主動傳簡訊給你。
物件儲存 Object Storage
用來放圖片、PDF、影片、上傳檔案等非資料表資料的儲存服務。
比喻：像倉庫放箱子，每個箱子有自己的地址。
階段 5 · 帳號、權限與收錢
登入、權限控管，以及向使用者收款。
Authentication 身份驗證
確認使用者是誰，也就是登入流程要解決的問題。
比喻：像進大樓前刷證件。
Authorization 權限控管
決定已登入使用者能做什麼。
比喻：像員工證能進公司，但不同門禁能開的門不一樣。
Session
使用者登入後，系統用來記住他身份的狀態。
比喻：像入場手環，讓你不用每次進出都重新買票。
OAuth
讓使用者用 Google、GitHub、LINE 等帳號授權登入或授權存取資料的標準。
比喻：像用 Google 帳號當通行證，不用在每個網站重設密碼。
API Key
用來識別與授權呼叫第三方服務的密鑰。
比喻：像外部服務的門禁卡，拿到的人就可能能使用你的額度。
付款 Payment
讓使用者付款、訂閱、退款或管理帳單的系統。
比喻：像收銀台加上帳務紀錄。
Checkout
使用者完成付款資訊與確認付款的流程或頁面。
比喻：像電商購物車最後結帳頁。
訂閱 Subscription
使用者定期付費以持續使用服務。
比喻：像每月會員制。
交易型 Email
系統因使用者動作寄出的必要信件，例如驗證信、密碼重設、付款通知。
比喻：像收據與通知單，不是廣告傳單。
階段 6 · 用 Git 管理與協作
用版本控制管理程式碼，與團隊協作。
Git
追蹤程式碼修改歷史的版本控制工具。
比喻：像文件的時光機，可以知道誰改了什麼，也能回到舊版本。
Repository 程式碼倉庫
保存專案程式碼、版本紀錄與協作內容的地方。
比喻：像專案的資料夾加上完整修改歷史。
Commit 提交
把一組程式碼修改保存成一個可追蹤版本。
比喻：像寫施工日誌，每次完成一段就記錄原因與內容。
Branch 分支
從主線分出去做修改，不直接影響正式版本。
比喻：像在施工前先開一個臨時工作區。
Pull Request / PR
請團隊檢查並合併一組程式碼修改的流程。
比喻：像交作業前請同事審稿，再正式交出去。
Issue / Ticket 任務單
用來記錄需求、bug、問題或待辦工作的單位。
比喻：像工作派單，每張單有目標、負責人與狀態。
Code Review 程式碼審查
讓其他人檢查程式碼是否正確、可維護、有沒有風險。
比喻：像出貨前的品管，不只看能不能動，也看會不會容易壞。
階段 7 · 確保品質（測試與檢查）
上線前，怎麼確保程式是對的、不會壞。
Build 建置
把原始碼轉成可部署或可執行版本的過程。
比喻：像把食材處理成可以上桌的餐點。
Typecheck
檢查 TypeScript 型別是否正確。
比喻：像在出貨前確認每個插頭規格都對。
Lint
自動檢查程式碼格式、潛在錯誤與團隊規則。
比喻：像文書校對，先抓錯字與基本格式問題。
Unit Test 單元測試
針對單一函式、元件或小模組驗證行為是否正確。
比喻：像先測每個零件，再組成整台機器。
Integration Test 整合測試
測試多個模組或服務串起來後是否正常。
比喻：像測廚房、櫃台、收銀是否能一起完成一筆訂單。
E2E Test 端到端測試
模擬真實使用者從頭到尾完成一條流程。
比喻：像假客人從進店、點餐、付款到拿到餐點全部走一次。
CI/CD
自動檢查、測試、建置與部署程式的流程。
比喻：像出餐前自動檢查流程，避免壞掉的東西送到客人桌上。
Bug
程式行為和預期不同，造成錯誤或不正常結果。
比喻：像機器某個零件卡住，表面看起來還在跑但結果不對。
階段 8 · 上線與維運（部署）
把程式發佈到網路上，讓真實使用者能用。
Hosting
把網站或服務放到網路上讓使用者能連到的服務。
比喻：像租店面，讓客人找得到你。
部署 Deployment
把程式發布到預覽環境或正式環境，讓本機以外的人可以使用。
比喻：像把裝修好的店正式開門營業。
Preview 預覽環境
正式上線前給團隊或客戶驗收的臨時版本。
比喻：像餐廳試營運，不是正式開幕。
Production 正式環境
真實使用者正在使用的正式版本。
比喻：像正式營業中的店，不適合直接施工測試。
Rollback 回滾
把正式服務退回上一個穩定版本。
比喻：像新菜單出問題，先換回舊菜單繼續營業。
環境變數 Environment Variable
放 API key、資料庫網址、環境設定等不該寫死在程式裡的值。
比喻：像店家的保險箱密碼與營業設定，不能印在菜單上。
網域 Domain
使用者輸入的網站地址，例如 example.com。
比喻：像店面的門牌地址。
DNS
把網域指向實際伺服器或 hosting 的系統。
比喻：像導航系統，知道門牌要走到哪個地址。
SSL / HTTPS
讓網站連線加密，網址顯示 https。
比喻：像信件用封套密封，不讓路上其他人看內容。
CDN
把靜態資源快取到全球節點，讓使用者更快載入。
比喻：像在各地開分店，不用每個客人都跑總店。
Serverless
不用自己管理伺服器，由平台按請求執行後端程式。
比喻：像叫計程車，不用買車養車，需要時才叫。
Cache 快取
把常用資料暫存起來，讓下次讀取更快。
比喻：像把常用文件放桌上，不用每次都去倉庫拿。
Backup 備份
保留資料副本，避免誤刪、故障或攻擊造成永久損失。
比喻：像重要文件影印一份放保險箱。
階段 9 · 被看見與成長
上線之後，怎麼被找到、看懂成效。
階段 10 · AI 工具與 AI 應用進階
你會用到的 AI coding 工具類型，以及把 AI 功能接進產品時會遇到的進階名詞。
AI IDE（AI 編輯器）
內建 AI 的程式編輯器：你開檔案、寫程式，AI 在旁邊補全、問答、提出逐步修改。
比喻：像有一位資深工程師坐在你旁邊，你開哪個檔案、他就幫你看那個檔案並給建議。
Repo Agent（程式庫代理）
能讀整個專案、自己跨檔案改程式、跑指令與驗證，再整理結果回報的 AI 代理。
比喻：像把任務交給一位工程代理人：你說清楚要什麼，他自己翻遍專案、動手改、跑測試，再回報讓你驗收。
AI Agent（AI 代理）
會自己分多步、邊做邊修正來完成一個目標的 AI，而不只是回你一句話。
比喻：聊天 AI 像「問路」；agent 像「請人代辦」——你給目標，他自己規劃步驟、動手、回報。
RAG 檢索增強生成
讓 AI 先查你的資料，再根據資料回答。
比喻：像助理先翻公司手冊，再回答客戶問題。
向量資料庫 Vector Database
用相似度搜尋文字、圖片或其他資料的資料庫。
比喻：像找意思相近的資料，而不是只找完全相同的字。