# 02 合約：聽力練習模式（2026-10-04）

## 1. 想解決什麼

主理人原話：

> 「我在看這些題目的時候，通常聽了兩三遍，只能抓出部分的關鍵詞……然後翻譯成中文，然後去理解。這種方式感覺太慢了。」
> 「明明知道意思，但是我聽不懂，我用聽的完全不知道是什麼意思。」
> 「因為我知道中文意思……就可以推敲出來那一塊是在講哪一個內容，然後就會沒這麼的仔細。」
> 「這個網頁可以漸進式引導我去學會，而不是讓我有偷懶的這個機會。」
> 「最重要的重點是，我要知道那個邏輯，才去學習……規則啊、制約啊、評分啊、麥克風錄製聲音這種東西可能會有點太多餘了，所以要抓一下分寸。」
> 「我只要上來學英文，我不用管今天必須要做到什麼事情……直接無腦學習。」

白話目標：
讓這個題庫網頁一打開，就告訴我這一次要做什麼；並且在每一題裡，用輕量的步驟引導我照正確的方法練聽力：先聽再看、只抓聲音不翻譯、看原文時找出沒聽出來的字、之後反覆聽已經懂的句子。我先讀懂這套方法的道理，再開始練。

## 2. 查了什麼、發現什麼

- 題庫現在有 10 組、每組 5 個新字和 10 題。每一題都有整句錄音、翻譯、詳解、句子拆解（每一塊都能單獨播放）。單字也能播放。
- 一打開，所有題目和英文句子都直接顯示。所以很難做到「先聽再看」。
- 主理人現在的聽法：先不看字聽，邊聽邊找認得的字翻成中文；聽三遍大約抓到七、八個字；接著看原文才看懂；再聽時腦中已經有中文，變成在找哪個中文對到哪個英文。
- 主要缺口有兩個：
  - 認得字的拼法，卻認不出它實際念出來的聲音（字會黏在一起、小字念得很輕）。
  - 知道意思之後，會用猜的代替真的聽到。
- 實測語速：網頁的 100% 約等於多益官方範例的速度；主理人目前練 70%。
- 主理人每天學英文大約 2 小時，扣掉恍神，每次的目標要在 1.5 小時內做得完。
- 之後網頁會放到 server 上，要在任何地方都能用。

## 3. 考慮過哪些做法、為什麼選這個

| 主題 | 選的做法 | 放棄的做法與理由 |
|---|---|---|
| 擋偷懶的程度 | 靠理解目的＋提示「什麼時候可以看」，不蓋任何東西 | 強制鎖定、計分、懲罰：太多。預設蓋住句子和選項：主理人選擇自己不看就好 |
| 記下沒聽出來的字 | 句子打開後點字標記 | 聽寫框自動比對：每句都要打字，太重 |
| 第一眼看到什麼 | 只顯示這一次要做的東西 | 顯示全部題目：每次都要自己找位置 |
| 怎麼算一天 | 用「次」：開始做算一次，按完成才結束 | 用日曆天數：休息幾天，複習會堆成一大疊 |
| 複習間隔 | 隔 1、3、7 次 | — |
| 每次分量 | 新題最多 10 題、複習最多 10 句 | 複習最多 20 句：主理人改成 10 |
| 進度存哪 | server 上的那份為唯一進度，任何裝置打開都接著學；另有匯出／匯入 | 只存瀏覽器：換地方就看不到。「兩邊比較、較新的蓋掉較舊的」：可能讓進度不見。server 上的程式由主理人自己處理 |
| 範圍 | 在現有每一題裡加步驟 | 另做「只練聽力」頁面：這次先不做，下一案 |
| 不做 | 麥克風錄音、發音打分、新題目、聽寫 | 主理人認為多餘 |
| 手機 | 響應式，手機也能完整使用 | 只在電腦用：主理人要在任何地方都能用 |

## 4. 可驗證的行為規格

### 方法說明
1. 當使用者第一次打開網頁，最上方應出現「聽力的底層邏輯」說明。
2. 當使用者按「我懂了」，說明應收起來，之後打開網頁都不會再自動展開。
3. 說明收起後，畫面上應一直有「重看方法」可以點；點了就重新展開說明。

### 這一次要做什麼
4. 當使用者打開網頁，應直接只看到「這一次」要做的三區，依序是：① 複習、② 新學、③ 連續聽。其他組的題目不顯示。
5. 當使用者按「看全部題目」，應看到原本的全部 10 組；再按「回到這次的內容」，應回到三區畫面。
6. 當使用者在這一次第一次做任何操作（播放、作答、點字），網頁應記下「第 N 次學習開始」。
7. 當使用者沒按「這次完成」就關掉網頁，下次打開應仍是同一次，而且做到哪裡就停在哪裡。
8. 當使用者按「這次完成」，這一次就結束；下次打開應是新的一次，三區內容重新排好。
9. 日曆日期不應影響任何安排；沒有打開網頁的日子，不算一次。

### ② 新學
10. 新學區應從**第 6 組第 1 題**開始，依序往後；第 1～5 組不排入新學（在「看全部題目」裡仍可做）。顯示那組的 5 個新字和還沒用新方法做過的題目；上一次做到一半的，從下一題接著做。第 10 組學完後，接著用新方法學第 1～5 組（待拍板卡確認，見停車場 P2）。
11. 一次最多新學 10 題（一組）。這一組都作答後，新學區應顯示已完成。
12. 所有組都用新方法學完時，新學區應顯示「第 1 冊的新題都學完了」，並算作完成。

### ① 複習
13. 複習區應列出這一次到期的句子，最多 10 句，先到期的排前面；超過的留到下一次。
14. 這一次沒有到期的句子時，複習區應顯示「這次沒有要複習的」，並算作完成。
15. 作答後，只要這一題有點過「沒聽出來」的字，這句應排進複習，在下一次到期。
16. 複習時，當使用者按「這次都聽出來了」，下一次到期的間隔應依序變成 1 → 3 → 7 次；隔 7 次那輪也按了「這次都聽出來了」，這句就算學會，不再出現在複習。
17. 複習時，當使用者按「還是有沒聽出來的」，可以重新點字，而且這句應在下一次再到期。
18. 複習時，上次點過的字應用淡色標出來。

### ③ 連續聽
19. 當使用者按連續聽的播放鍵，應依序連續播完這一次新學的句子（完整句），中間不停、不顯示句子；播完算作完成。
20. 這一次沒有新學的句子時，連續聽應改播這一次複習的句子；兩者都沒有時，算作完成。

### 完成與進度
21. 三區都完成時，應出現明顯的「這次完成 ✓」按鈕。三區還沒都完成時，也應能按「這次完成」（比較不顯眼）；沒做完的留到下一次。
22. 左側面板應顯示這一次的進度：複習 x／y、新學 x／10、連續聽是否完成、這一次已練幾分鐘。
23. 「已練幾分鐘」只在網頁正在被看的時候累計；切到別的視窗就暫停。
24. 每一區完成時，應有清楚的「已完成」標示，一眼看得出做到哪、還剩什麼。

### 每一題的聽力步驟
25. 題目句子和選項應照原樣顯示，不蓋住。是否先不看，由使用者自己決定。
26. 每一題的播放鍵旁應有一行提示，告訴使用者「什麼時候可以看」（文字照預告頁）。
27. 方法說明裡應有一張完整的「什麼時候可以看」表：看句子、看選項、看句子拆解、看翻譯，各在什麼時機（文字照預告頁）。
28. 句子裡每個英文字都應可以點；點一下變色，代表「剛剛沒聽出來」；再點一下取消。
29. 每一個聽力步驟旁邊，應有一句話說明這一步在練什麼、為什麼（文字照預告頁）。
30. 網頁應有「耳朵缺口清單」，列出點過「沒聽出來」的字和次數；點清單裡的字，可以播放那個字出現的句子。

### 進度保存與搬家
31. 所有進度（作答、標記、點字、複習安排、次數、語速、開關）應自動保存。設定好 server 後，**進度以 server 上的那份為準**，每做一個動作就存到 server。
32. 現在已經有的作答紀錄應保留，不會因為這次改版而消失。
33. 當使用者按「匯出進度」，應下載一個進度檔；當使用者按「匯入進度」並選擇這個檔，進度應換成檔案裡的內容（換之前先確認）。
34. 當使用者在任何一台裝置打開網頁，應從 server 讀取進度，接著上次停下的地方繼續（例如讀到一半被打斷，換一台裝置、換一個時間接著讀）。
35. 連不上 server 時，網頁應明顯顯示「連不上 server」；這段期間做的事先暫存在這台裝置，連上後應自動補存到 server，不會不見。
37. 兩台裝置同時開著網頁時，比較舊的那一頁要存進度前，應先提示「另一台裝置有比較新的進度」並重新載入，不能蓋掉比較新的進度。
38. 還沒設定 server 時（例如現在在自己電腦上用），進度應存在這台瀏覽器；之後可以用「匯出進度」再「匯入進度」，把現在的紀錄搬上 server。

### 手機
39. 在手機寬度下，所有功能都應能用、畫面不跑版；左側面板在手機上應收成畫面底部的一條，點開才看到完整的進度與設定。

### 不能弄壞的
36. 在「看全部題目」裡，原本的功能都應照常可用：文法作答、統計、篩選、翻譯、詳解、句子拆解、單字表、字族、各種播放、語速。

### 不變的規則（題目內容）
40. 本案不應改動任何題目內容：題目句子、選項、正確答案、翻譯、詳解、句子拆解、考點標籤、單字表與字族都維持原樣。
41. 之後新增的題目（例如第 2 冊），應照文法課綱（english-grammar-curriculum__21_.html）定下的出題規則：只考教過的內容（題幹、選項、例句都算）、句子長度照多益（約 20～30 字）、多用之前背過的字、教學用過的例句不拿來當考題、正確答案位置要打散、考點標籤對到課綱的觀念編號、每組 5 個新字＋10 題、不出造句題。