· 2,279 chars · 3 min Updated

Wordmem 介紹

App 介紹

App 介紹

Wordmem 是一個以單字集為核心的英文單字練習 App,適合把課本、考試範圍、自訂生字或 AI 產生的單字資料整理成可反覆練習的題庫。

App 採用 Vue 3、Pinia、Vite 與 Tailwind CSS 建置,資料主要儲存在瀏覽器本機,並提供 ZIP 匯出匯入與 Google Drive 手動備份。使用者不需要登入帳號也能建立與練習單字集;只有使用 Google Drive 備份功能時,才需要授權 Google 帳號。

核心特色

單字集管理

  • 建立多個單字集,依照課程、考試、主題或難度分類。

  • 每個單字項目可包含:

    • 英文單字

    • 詞性

    • 中文字義

    • 英文例句

    • 選擇題題幹

    • 選項與正確答案

  • 可編輯既有單字集與單字內容。

  • 可刪除不再需要的單字集。

  • 首頁會顯示目前擁有的單字集數量與總單字數。

AI 匯入單字集

Wordmem 內建 AI 匯入流程,協助使用者把單字清單轉成 App 可讀取的 JSON 格式。

流程如下:

  1. 在 App 內輸入想學習的單字。

  2. 選擇難度。

  3. 複製 App 產生的 AI 指令。

  4. 貼到 ChatGPT、Claude 或其他 AI 平台。

  5. 將 AI 回傳的 JSON 貼回 Wordmem。

  6. 預覽並建立新的單字集。

難度目前分為:

難度適用情境
簡單基礎單字、初學複習
中等段考、一般測驗
困難大考、進階練習

單字卡模式

單字卡模式適合快速瀏覽與記憶。

  • 逐張查看單字。

  • 顯示字義、詞性與例句。

  • 支援接續上次未完成的進度。

  • 適合正式測驗前快速複習。

選擇題練習

選擇題練習會根據單字集內的題目與選項進行測驗。

  • 可自訂本輪練習題數。

  • 題目順序會重新排列。

  • 每題可選擇答案,也可略過。

  • 完成後產生測驗結果。

  • 錯題可再次複習。

拼字測試

拼字測試用來訓練英文單字輸出能力。

  • 根據提示輸入完整英文單字。

  • 判定時會忽略大小寫與前後空白。

  • 留空送出會被視為略過。

  • 完成後顯示正確答案與作答狀態。

  • 可針對錯題再次練習。

測驗結果與錯題複習

每輪練習完成後,Wordmem 會整理結果。

  • 顯示總題數、答對題數、錯題數與分數。

  • 標示正確、錯誤與略過題目。

  • 顯示使用者答案與正確答案。

  • 可針對錯題重新練習。

  • 可在選擇題與拼字模式之間切換。

  • 可複製錯題解析指令,貼到 AI 平台取得補充說明。

本機資料保存

Wordmem 主要以瀏覽器本機儲存資料。

  • 單字集會保存在本機瀏覽器。

  • 練習進度可保存並接續。

  • 主題偏好會保留。

  • 不需要後端伺服器或資料庫。

注意:清除瀏覽器資料、換瀏覽器、換裝置或使用無痕模式,都可能導致本機資料消失。重要資料建議定期匯出 ZIP 或備份到 Google Drive。

ZIP 匯出與匯入

Wordmem 支援離線備份。

  • 可選擇要匯出的單字集。

  • 下載 Wordmem 專用 ZIP 備份檔。

  • 可從 ZIP 備份匯入資料。

  • 匯入時可選擇追加或覆蓋本機資料。

  • 同名單字集可選擇保留本機版本或使用匯入版本。

匯入模式比較:

模式說明適合情境
追加到本機保留現有資料,將備份內容加入本機合併不同來源的單字集
覆蓋本機用備份完整取代目前資料並清除練習進度換裝置或完整還原

Google Drive 手動備份

設定 Google OAuth Client ID 後,Wordmem 可以手動備份到 Google Drive。

  • 使用 Google Identity Services 進行授權。

  • 使用 Google Drive API 儲存備份檔。

  • 備份檔會放在 Google Drive 的 Wordmem 資料夾。

  • 備份格式為 ZIP。

  • App 會保留最近的備份,並清理過舊備份。

  • 可從 Google Drive 選擇備份檔並匯入。

Wordmem 使用的 Google Drive 權限範圍為:

<https://www.googleapis.com/auth/drive.file>

這代表 App 只能存取由 Wordmem 建立或由使用者透過授權流程選用的檔案,並非完整讀取整個 Google Drive。

使用流程

第一次使用

  1. 開啟 Wordmem。

  2. 點選新增單字集或 AI 匯入。

  3. 建立第一個單字集。

  4. 從首頁選擇單字卡、選擇練習或拼字測試。

  5. 完成練習後查看結果。

  6. 定期使用 ZIP 或 Google Drive 備份。

日常複習

  1. 選擇今天要練習的單字集。

  2. 先用單字卡快速看過。

  3. 使用選擇題測驗理解程度。

  4. 使用拼字測試檢查是否真的記住英文拼法。

  5. 對錯題進行複習。

  6. 必要時複製錯題解析指令到 AI 平台。

技術概覽

前端架構

項目技術
框架Vue 3
語法<script setup lang="ts"\>
狀態管理Pinia
路由Vue Router
樣式Tailwind CSS v4
建置工具Vite
測試Vitest
PWAvite-plugin-pwa

資料與備份

功能實作
本機儲存IndexedDB、localStorage
ZIP 備份fflate、Web Worker
Google 登入Google Identity Services
雲端備份Google Drive API
匯入驗證TypeScript 型別與驗證邏輯

適用對象

學生

  • 整理課本單字。

  • 準備段考、會考、學測、分科測驗或英文檢定。

  • 針對錯題反覆練習。

老師與家教

  • 建立課程單字集。

  • 產生可分享的 ZIP 備份。

  • 搭配 AI 快速建立題庫。

自學者

  • 建立個人英文詞庫。

  • 用拼字測試訓練輸出能力。

  • 將錯題交給 AI 補充語法、用法與例句。

相关推荐