用 AI 做你自己的前端
這個題庫是免費開放串接的(已開 CORS)。你不用會寫程式 —— 把下面這段 prompt 複製給你的 AI(ChatGPT / Claude / Gemini 都行),它就能幫你做出一個能抓我們題庫的刷題前端。當然你也可以自己接。
① 資料在哪裡
都是靜態檔放在 GitHub Pages,任何網域的前端可直接 fetch,免後端、免金鑰。
| 資源 | 網址 |
|---|---|
| 題庫 | https://yazelin.github.io/ipas-ai-quiz/questions.json |
| 每日觀念卡 | https://yazelin.github.io/ipas-ai-quiz/concepts.json |
| 考試日期 | https://yazelin.github.io/ipas-ai-quiz/exam-dates.json |
| 帶圖題的圖 | https://yazelin.github.io/ipas-ai-quiz/assets/<題目 id>.webp |
完整欄位說明見 AGENTS.md。
② 複製這段 prompt 給你的 AI
幫我做一個 iPAS「AI 應用規劃師」線上刷題練習網頁。題庫是公開的 JSON,請直接用 fetch 抓,不要自己編題目或答案。
資料來源(已開 CORS,可直接跨網域 fetch):
https://yazelin.github.io/ipas-ai-quiz/questions.json
題庫格式:
{
"meta": { ... },
"questions": [
{
"question": "題幹文字",
"options": ["選項A","選項B","選項C","選項D"], // 剛好 4 個
"answer": 2, // 正解 0-based 索引,0=A 1=B 2=C 3=D
"explanation": "解析文字",
"level": "初級", // 初級 / 中級
"subject": "科目1：人工智慧基礎概論",
"chapter": "機器學習",
"source": "學習指引", // 缺省=歷屆考古題;"學習指引"=官方範例
"image": "assets/xxx.webp" // 選填;網址 = https://yazelin.github.io/ipas-ai-quiz/ + 這個值
}
]
}
請用「單一 HTML 檔 + 原生 JavaScript(不要任何框架)」做出:
1. 隨機抽題練習,顯示題幹與 4 個選項。
2. 點選項後立刻顯示「對/錯 + 正解 + 解析」;若該題有 image 就把圖顯示出來。
3. 可以篩選 level(初級/中級)、subject 或 source。
4. 簡單統計:答了幾題、答對率。
5. 介面簡潔、手機可用。
請直接給我一個完整、可直接用瀏覽器打開的 HTML 檔。
這個 prompt 給的是「最小可動」版。你可以加要求,例如:錯題本、計時模擬考、深色模式、把題庫快取起來離線也能用。
③ 進度互通(選用,進階)
本站「設定 → 匯出進度(JSON)」會下載 ipas-progress.json。你的前端可以讓使用者匯入這個檔、還原他的作答進度 —— 因為題目 id 是穩定的,跨前端通用。
核心結構(只列還原會用到的):
{
"q": {
"114-2-m-s2-q39": {
"box": 3, // Leitner 盒:1=新/剛答錯,連對 2 次到 3 = 已掌握
"attempts": 4, // 總作答次數
"correct": 3, // 答對次數
"wrong": 1, // 答錯次數
"note": "我的筆記",
"starred": true // 是否加星
}
// …其餘題目,key 都是題目 id(對應 questions.json 的 q.id)
},
"recent": [1,0,1,1], // 最近 50 次:1=對 0=錯
"history": { "2026-06-23": { "a": 12, "c": 8 } }, // 每日 答題/答對
"settings": { "dailyGoal": 20, "examDate": "2026-08-15" }
}
用 q[題目id] 對回 questions.json 的題,就能還原掌握度、筆記、星標、統計。
④ 版權提醒
程式碼 MIT(林亞澤)。題幹為 iPAS 官方公告試題與學習指引(著作權屬官方);歷屆題解析為本站原創、學習指引題之解析屬官方。串接或散布前請自行確認官方重製條款。