返回 AI 術語
故事練習
術語卡片庫
查一個詞，學會怎麼跟 AI 說
每張卡片都有一句白話解釋，以及同一個需求的兩種說法：模糊的說法 AI 只能猜，用上這個詞就說清楚了。
全部
56
產品
前端
後端
測試
維運
技術管理
UI 設計
搜尋一個詞，例如 API、部署、回滾
56 張卡片
產品
8
MVP
最小可用版本
先做出能用的最小一版，驗證想法，再慢慢加功能。
模糊的說法
“幫我做個部落格，功能要全一點。”
說清楚的提示詞
User Story
使用者故事
用「誰、想做什麼、為了什麼」一句話描述一個需求。
模糊的說法
“加個收藏功能。”
說清楚的提示詞
PRD
產品需求文件
把要做什麼、為什麼做、做到什麼程度寫成一份文件。
模糊的說法
“你先想想這個會員功能怎麼做吧。”
說清楚的提示詞
User Flow
使用者流程
使用者從進入到完成一件事，一步步經過的路徑。
模糊的說法
“訂閱那塊弄順一點。”
說清楚的提示詞
Wireframe
線框圖
只畫佈局和內容位置、不管顏色的頁面草圖。
模糊的說法
“首頁你隨便排一下，好看就行。”
說清楚的提示詞
Priority · P0 / P1
優先順序
給需求排先後：哪些必須先做，哪些可以以後再說。
模糊的說法
“這些功能都挺重要的，你都做了吧。”
說清楚的提示詞
Acceptance Criteria
驗收標準
提前寫清楚「做到什麼樣才算完成」。
模糊的說法
“搜尋做好一點，能用就行。”
說清楚的提示詞
Conversion Rate
轉換率
看到某個東西的人裡，最後真正行動的比例。
模糊的說法
“訂閱的人太少了，你幫我搞一下。”
說清楚的提示詞
前端
8
Component
元件
頁面上可以反覆使用的一塊獨立介面，比如按鈕、卡片。
模糊的說法
“每個頁面的文章卡片都長一樣就行。”
說清楚的提示詞
State
狀態
頁面當前記住的資料，比如開關是開還是關。
模糊的說法
“按讚按鈕有點問題，點了沒反應。”
說清楚的提示詞
Responsive Design
響應式佈局
同一個頁面在電腦、平板、手機上都能自動排好。
模糊的說法
“手機上看著怪怪的，你改改。”
說清楚的提示詞
Route
路由
網址和頁面的對應關係，決定造訪哪個網址看到哪個頁面。
模糊的說法
“加個關於我的頁面。”
說清楚的提示詞
Form Validation
表單驗證
在提交前檢查使用者填的內容對不對。
模糊的說法
“評論框老有人亂填。”
說清楚的提示詞
Loading State
載入狀態
資料還沒出來時，給使用者看的「正在載入」提示。
模糊的說法
“頁面打開有點慢，空著不好看。”
說清楚的提示詞
Modal
彈出視窗
蓋在頁面上方、需要先處理才能繼續的小視窗。
模糊的說法
“刪除的時候提醒一下。”
說清楚的提示詞
localStorage
本地儲存
把少量資料存在使用者自己的瀏覽器裡，關掉再開還在。
模糊的說法
“寫到一半別丟了。”
說清楚的提示詞
後端
8
API
API 介面
前端和後端約好的「取資料、交資料」的窗口。
模糊的說法
“讓頁面能拿到文章資料。”
說清楚的提示詞
Database
資料庫
在伺服器上長期、安全儲存資料的地方。
模糊的說法
“文章要能一直儲存著。”
說清楚的提示詞
Table · Field
資料表與欄位
資料庫裡的「表格」和表格的「列」。
模糊的說法
“文章需要存的東西你看著辦。”
說清楚的提示詞
Authentication
登入認證
確認「你是誰」，比如用帳號密碼或驗證碼登入。
模糊的說法
“後台別讓別人隨便進。”
說清楚的提示詞
Authorization
權限
確認「你能做什麼」，不同身份能操作的範圍不同。
模糊的說法
“朋友能幫我寫，但別亂刪東西。”
說清楚的提示詞
Env Var · API Key
環境變數與金鑰
把密碼、金鑰這類敏感設定放在程式碼外面單獨管理。
模糊的說法
“這個郵件服務的鑰匙放哪都行。”
說清楚的提示詞
Pagination
分頁
資料太多時分成一頁一頁地顯示和載入。
模糊的說法
“文章多了以後首頁好卡。”
說清楚的提示詞
Cache
快取
把常用的結果先存起來，下次直接拿，更快。
模糊的說法
“我改了文章怎麼還是舊的？”
說清楚的提示詞
測試
8
Test Case
測試案例
一條具體的檢查：怎麼操作，應該看到什麼結果。
模糊的說法
“你測一下評論功能。”
說清楚的提示詞
Edge Case
邊界情況
平時少見、但一定會發生的極端情況。
模糊的說法
“你再完善一下，別出 bug。”
說清楚的提示詞
Steps to Reproduce
重現步驟
能讓問題再次出現的一步步操作。
模糊的說法
“圖片上傳有時候會壞。”
說清楚的提示詞
Expected vs Actual
預期 vs 實際結果
對比「應該發生什麼」和「實際發生了什麼」。
模糊的說法
“排序不對。”
說清楚的提示詞
Regression Test
迴歸測試
改了新東西後，回頭檢查原來正常的功能有沒有被弄壞。
模糊的說法
“你改完別把別的弄壞了。”
說清楚的提示詞
Unit Test
單元測試
針對一個小函式單獨寫的自動檢查。
模糊的說法
“閱讀時間的計算準不準？”
說清楚的提示詞
E2E Test
端到端測試
模擬真人在瀏覽器裡從頭到尾走一遍完整流程。
模糊的說法
“你幫我把整個流程都點一遍看看。”
說清楚的提示詞
Smoke Test
冒煙測試
上線後快速檢查最關鍵的幾件事能不能用。
模糊的說法
“上線了，你看看有沒有問題。”
說清楚的提示詞
維運
8
Deploy
部署
把寫好的程式碼放到伺服器上，讓別人能造訪。
模糊的說法
“怎麼讓別人也能看到我的部落格？”
說清楚的提示詞
Server
伺服器
一台一直開著、聯網的電腦，專門執行你的網站。
模糊的說法
“網站要一直開著。”
說清楚的提示詞
Domain · DNS
網域與 DNS
把好記的網址指向你網站所在的伺服器。
模糊的說法
“我買了個網域，怎麼用？”
說清楚的提示詞
HTTPS · SSL
HTTPS 安全連線
網址前帶小鎖的加密連線，防止資料被偷看。
模糊的說法
“瀏覽器說我的網站不安全。”
說清楚的提示詞
Dev · Staging · Production
開發 / 測試 / 生產環境
同一份程式碼分別跑在自己除錯、試跑和真實使用者使用的地方。
模糊的說法
“我想先試試新功能，別影響讀者。”
說清楚的提示詞
Rollback
回滾
新版本出問題時，快速退回上一個正常版本。
模糊的說法
“網站掛了，快想想辦法！”
說清楚的提示詞
Monitoring · Alert
監控告警
自動盯著網站，一出問題馬上通知你。
模糊的說法
“網站壞了我想第一時間知道。”
說清楚的提示詞
Logs
日誌
程式執行時留下的記錄，出問題時用來查原因。
模糊的說法
“有人說評論發不出去，不知道為什麼。”
說清楚的提示詞
技術管理
8
Git
Git 版本控制
記錄程式碼每一次變化的工具，隨時能找回舊版本。
模糊的說法
“改壞了，能回到昨天那樣嗎？”
說清楚的提示詞
Commit
提交 Commit
在 Git 裡儲存一次改動，並寫一句說明。
模糊的說法
“把剛才的改動存一下。”
說清楚的提示詞
Branch
分支 Branch
從主線複製出一條獨立的線來開發，不影響原來的程式碼。
模糊的說法
“我想試個大改動，但怕把現在的弄壞。”
說清楚的提示詞
Code Review
程式碼審查
程式碼合併前，請別人（或 AI）檢查一遍。
模糊的說法
“你看看這段程式碼有沒有問題。”
說清楚的提示詞
Sprint
迭代 Sprint
一個固定的短週期，集中完成一小批目標。
模糊的說法
“這個部落格我想慢慢做完。”
說清楚的提示詞
Task Breakdown
任務拆解
把一個大需求拆成一個個小而具體、能單獨完成的任務。
模糊的說法
“幫我把會員系統做出來。”
說清楚的提示詞
Tech Debt
技術債
為了趕進度留下的臨時寫法，以後要花更多時間還。
模糊的說法
“程式碼好亂，改個東西都很費勁。”
說清楚的提示詞
Scope Creep
範圍蔓延
做著做著不斷加需求，導致專案永遠做不完。
模糊的說法
“順便再加個這個吧。”
說清楚的提示詞
UI 設計
8
Visual Hierarchy
視覺層級
讓最重要的內容最先被看到，次要的往後排。
模糊的說法
“頁面看著很亂，抓不到重點。”
說清楚的提示詞
Spacing
間距
元素之間留白的距離。
模糊的說法
“感覺擠擠的，不夠有質感。”
說清楚的提示詞
Typography
字體層級
標題、正文、說明文字各用一套固定的字號和粗細。
模糊的說法
“字有大有小，看著不舒服。”
說清楚的提示詞
Color Palette
主色與配色
定一個主色，再搭配少量輔助色，全站統一使用。
模糊的說法
“顏色你幫我配好看點。”
說清楚的提示詞
Contrast
對比度
文字和背景之間顏色深淺的差別，影響看不看得清。
模糊的說法
“有人說字看不清。”
說清楚的提示詞
Design System
設計系統
一整套統一的顏色、字型、間距和元件規則。
模糊的說法
“新做的頁面和之前風格對不上。”
說清楚的提示詞
Empty State
空狀態
頁面暫時沒有內容時顯示的提示和引導。
模糊的說法
“沒內容的時候太空了。”
說清楚的提示詞
Interaction Feedback
互動回饋
使用者每做一個操作，介面都要給出回應。
模糊的說法
“點了儲存不知道成功沒有。”
說清楚的提示詞
看完卡片，用故事檢驗一下
每題一個小故事，選出合適的詞，答對後揭曉說清楚的提示詞。
開始故事練習
術語卡片庫｜AI 術語學習 | 超级峰 AI 课堂