Vocab Memorizer 是一款支援英文與日文的 AI 單字學習 App。使用者可以用 AI 建立可編輯字卡、把同一個單字的不同意思整理成群組、自主選擇複習與測驗方式,並在個人單字庫中建立跨單字連結,整理同義詞、反義詞或容易混淆的字。
為什麼想自己做一個單字學習 App?
我一直覺得,背單字最麻煩的不是查不到意思,而是查完之後還要整理、複習,最後才能真的把它記住。
以前遇到不會的單字,我會先把意思和例句整理到 Notion,但這些內容大多只能用「看」的,沒有方便的測驗或複習方式,過一陣子回頭看,常常只剩下「這個單字以前好像看過」的模糊印象。
單字就這樣一個個被存起來,卻沒有真的變成能夠反覆使用、主動回想的學習內容。
除此之外,查單字到貼上 Notion 這個過程是重複解浪費時間的,會降低學習的效率。
所以我想做的不是單純的單字收藏工具,而是一個能完成「建立字卡、整理關係、主動測驗」的個人學習系統。
核心功能
AI 單字卡:輸入單字,就先得到一份可以修改的初稿
Vocab Memorizer 的第一個核心功能是 AI 單字卡。使用者可以輸入英文單字、英文片語、日文單字,或用中文描述想查的內容,系統會產生一份可以編輯的字卡草稿。
字卡可以包含詞性、定義、翻譯、例句、搭配詞、同義詞、反義詞,以及適合之後複習的補充筆記。AI 先處理耗時的整理工作,使用者再決定哪些內容值得留下,且還能自行編輯。
例如輸入 sachet,App 可以先產生包含詞性、英文解釋、中文意思及例句的字卡。若產生的例句不符合自己的學習情境,也能在加入單字庫前直接修改。
自主測驗:自己決定今天要怎麼複習
收藏單字不等於記住單字。Vocab Memorizer 的另一個核心是自主測驗,讓使用者依照當天的時間和目標選擇複習方式。
開始測驗前,可以設定題數,並選擇適合自己的題型與出題來源,例如:
- 到期複習的單字:這裡使用的是間隔複習概念,也就是依照熟悉程度安排下一次出題時間。答錯或不熟的字會較快再次出現,已經熟悉的字則逐漸拉長複習間隔。它不是要求使用者每天把整個單字庫重做一次,而是把有限的時間留給現在最需要複習的內容。
- 過去較常答錯的單字:根據測驗紀錄,優先納入曾答錯且錯誤次數或比例較高的單字,或是使用者手動標記不熟底單字。
- 最近加入的新單字
- 單字庫中的隨機單字
- 填空題或選擇題
答題後會立即看到結果,並記錄這次的學習狀況。答錯的單字不只是被標記成錯誤,也能在測驗結果中直接開啟字卡、修正內容,或新增與其他單字的關聯。
個人單字庫:把零散內容整理成可以再次使用的資料
單字庫是整個 App 的中心。它不只保存單字和翻譯,也保留每張字卡的詞性、例句、搭配詞、同義詞、反義詞、備註與學習狀態。
使用者可以在單字庫中搜尋和篩選內容,編輯已經存在的卡片,播放單字發音,查看同一個單字的其他意思,或沿著跨單字連結繼續瀏覽。這讓單字庫不只是「我曾經遇過的字」清單,而是一份會隨著學習逐漸變得更有組織的個人字彙資料庫。

一字多義:同一個單字可以整理成一組不同意思的卡片
一個單字不一定只有一個意思。以英文為例,Vocab Memorizer 會將同一個單字、同一詞性下的不同意思的字卡整理成一個群組,但每一個意思仍然保有自己的內容。這樣可以避免把太多定義擠在一張卡片中,也能在複習時看清楚自己到底是忘了哪一種用法。
跨單字連結:建立自己的字彙網絡
單字不是孤立存在的。學到一個字時,通常還會想一起整理它的同義詞、反義詞、容易混淆的字,或同一個主題下的相關字。
在單字庫中,使用者可以自由搜尋其他單字並建立雙向連結。這就像在自己的單字資料庫裡建立超連結:從 aperture 可以前往相關的 shutter,從其中一張卡片也能回到另一張卡片。
這些連結可以用來整理任何使用者覺得需要一起複習的內容,如:
- 同義詞與反義詞
- 容易混淆的近義字
- 同一主題下的相關單字
- 同一個單字的不同詞性或延伸用法
- 測驗答錯後,想放在一起重新比較的字
連結是雙向的,因此不會出現 A 找得到 B、B 卻完全不知道 A 存在的情況。之後如果關係不再需要,也可以解除連結,不會影響兩張原本的字卡。
學習儀表板:用數據看見累積
Dashboard 會把單字量、待複習內容、已學習數量、測驗正確率與近期學習紀錄整理在同一個畫面。例如我自己的畫面就是:
- 5,777 個單字
- 990 個單字待複習
- 791 個已學習單字
- 72% 測驗正確率
- 十週學習熱圖:用顏色深淺呈現每天的學習活動,快速看出自己的學習頻率與累積狀況
- 連勝機制:完成當天的學習或測驗後即可延續連勝,鼓勵自己每天維持穩定的學習習慣

支援英文與日文的獨立學習模式
登入後可以選擇英文或日文學習模式。兩種語言都有自己的 AI 字卡、單字庫、測驗和學習紀錄,切換語言時不會把英文和日文資料混在一起。
這個 App 大致是怎麼做的?
如果你也想做一個類似的 AI 單字學習 App,可以把它想成幾個互相配合的部分。
1. Vue 和 Vite:建立使用者看得到的畫面
Vue 是用來組成網頁介面的工具,負責顯示登入頁、AI 字卡、單字庫、測驗與 Dashboard。Vite 則負責在開發時快速啟動網站,以及把程式打包成可以發布的 Web App。
2. Firebase Authentication:確認每個人的資料邊界
登入功能用來辨認目前是哪一位使用者。這很重要,因為單字、測驗紀錄和學習進度都應該只屬於自己的帳號;如果沒有清楚的使用者邊界,雲端資料就可能互相混在一起。
3. Firestore:保存單字和學習進度
Firestore 是雲端資料庫,用來保存每位使用者的單字、字卡內容、測驗紀錄、複習時間、連勝紀錄及跨單字連結。登入後從不同裝置開啟 App,就能繼續使用同一份資料。
4. Firebase Functions 和 AI Provider:在伺服器產生字卡
AI 產生字卡的請求會先送到伺服器端的 Function,再由伺服器呼叫 AI Provider。這種做法可以把 AI 金鑰留在伺服器,不把敏感設定直接放進使用者可以下載的前端程式裡。
伺服器回傳的是結構化的字卡資料,前端再把它顯示成可編輯草稿。也因為中間有一層資料整理,才能在正式寫入單字庫前檢查重複、分組多義詞,以及保留跨單字連結欄位。
5. PWA:讓 Web App 更適合手機使用
PWA 是一種可以安裝到手機主畫面的網站形式。Vocab Memorizer 以手機優先的介面設計,讓使用者可以在瀏覽器中直接學習,也可以把它加入主畫面,減少每次重新尋找網站的麻煩。
常見問題
Vocab Memorizer 可以學哪些語言?
目前支援英文與日文,兩種語言各自有獨立的字卡、單字庫、測驗與學習紀錄。
AI 產生的單字卡可以修改嗎?
可以。AI 產生的是草稿,使用者可以先修改、刪除或選擇內容,確認後才加入正式單字庫。
可以自己選擇測驗題型和範圍嗎?
可以。使用者可以依照當天的時間選擇題數、題型,以及到期、新單字、常錯或隨機等出題來源。
同一個單字有多個意思時怎麼整理?
同詞性的同一個單字可以整理成一個單字卡群組,每張單字卡可以保有自己的例句和學習狀態。
不同單字之間可以建立關聯嗎?
可以。使用者可以搜尋其他單字並建立雙向連結,用來整理同義詞、反義詞、容易混淆的字或同一主題的相關字。
手機和電腦可以使用同一份單字庫嗎?
可以。登入同一個帳號後,單字和學習進度會使用同一份雲端資料。
開始使用 Vocab Memorizer
如果你也累積了很多單字,卻缺少一套能整理、連結和主動測驗它們的方法,可以從最近遇到的三個英文或日文單字開始。
先讓 AI 建立字卡草稿,再把不同意思整理成群組,接著完成一次自己安排的小測驗。這樣可以在很短的時間內感受到:單字不只是被收藏起來,而是能被整理、被連結,也能被真正拿來複習。
