用 Claude 做免費互動英文學習網頁|AI 時代的 E-learning

用 Claude 製作的互動英文單字學習網頁,可查詢單字、播放發音與學習字義
V2.0 版截圖 CeliaYun 英文學習網頁

E-learning 很方便,以前我們只能等別人提供,還要適應限制,AI 時代,需求我們自己說了算。

我英文不好,所以在 AI 時代可以自行決定要用什麼人工智能輔助學習時,最先想到也最容易完成的,都是學英文發音及單字、例句,之前也用了 Gemini Canvas 做了英文學習網頁掛在 Google Sites,更不用提早在 ChatGPT 可以做自己的 GPTs 時,就單獨做了二個英文翻譯專屬 GPTs。

Claude 也可以做網頁,但如果想要有 AI 功能,又想分享給別人,用 Artifacts 做的連結給別人,只要有 Claude 帳號,就可以很方便把自己做的分享給別人用。第一個做來想分享的一樣是拿來學英文,因為我自己有需求,所以會針對自己的要求,一直修改到滿意,而且相同功能取向,才能在不同介面及應用上比較生成的差異性。

這篇先分享我自己用 Claude 做的免費互動英文學習內容給大家。經過我多次迭代,用掉我很多 Token 等了好一會才完成的。你可以試用看看,也可以以此基準試做自己的,如果你做的更好,也歡迎再分享給我。之後有機會再分享如何重頭做一個自己的,或者是用別人的內容為地基,再打造成自己的。

使用方法

要有 Claude 帳號

開啟 Claude Artifact 時顯示需要登入 Claude 帳號的提示

點連結 雲云單字實驗室 就能用(電腦版展示效果比較好),若想重複用,只要把連結標示星號,加入瀏覽器即可拿來好好學英文,前提只有一個,需要有 Claude 帳號,Claude 帳號可以免費申請,用 Claude 的免費帳號就能用這有 AI 功能的英文學習網頁。

  • 免費英文學習網頁目前版本(V3.5):雲云單字實驗室
  • 拼字容錯:打錯字 AI 會自動修正後再查
使用 Claude 製作的雲云單字實驗室英文單字學習網頁
V3.3 版截圖 CeliaYun 英文學習網頁

最新版本,主要多了三個功能:查新單字/還原備份/單字收藏分類

  1. 查新單字:右下角 icon 可以即時查新單字,多一個查詢位置
  2. 還原備份:換電腦時,把原學習清單一鍵複製到新電腦或新的 Claude 帳號
  3. 單字收藏分類:以英文字首區分,方便日後複習查找

查詢單字

輸入一個英文單字,按查詢,大概 10 秒後會出現:音標+詞性+中文意思,提供正常語速及慢速語速的發音參考。

發音:點了就唸,不花 AI 額度

每個單字、每句例句旁邊都有一個 🔊 按鈕,點下去就唸。主要單字還多一個 🐢 慢速播放,聽不清楚可以放慢。

發音用的是瀏覽器內建的語音合成(Web Speech API),音色會依你的裝置而定(Mac、Windows、手機各不同),統一是美式發音。因為是本地端發音,沒有 AI 語音自然,但因為免費、離線也能唸,所以沒去套用其他方式。

滾雪球:點任何一個字,繼續查下去

字根拆解和相似詞裡的每個單字,都可以直接點,點下去就跳到最上面,重新查那個字的完整分析。
 
這是我後來要求加的。因為相似詞字根完全不同,能一路點下去,才是真的把單字學成一張網,而不是一張一張孤立的詞。

英文單字學習網頁的字根拆解與相似詞比較功能
  • 字根拆解:這個字是由哪些字根組成的,每個字根什麼意思
  • 同字根家族:跟它同一個字根的其他單字(這是我最想要的功能)
  • 相似詞比較:意思相近的字,以及「差在哪裡、什麼情境用哪個」

每個代出的單字,若不知道如何唸,都可以 點按 會直接代該單字,不用再把那字重新查詢單字(我個人是喜歡照打一次,也加強一次拼讀效果)。

教英文的老師會教我們用字根去理解,等於用一個字,記相關的不同字,學習效率比較好。

英文單字學習網頁的例句練習與單字記憶技巧
  • 三句實用例句:生活或職場情境,附中文翻譯
  • 記憶小撇步:一句話幫你記住
例句中的英文單字,也都可以自由 點按 會直接代該單字,方便馬上知道例句中的生字。

單字收藏庫:查過的自動存起來,複習不花錢

查過的字會自動收進「收藏庫」,關掉視窗、隔天再開都還在(只要使用同一組 Claude 帳號)。

重點是:收藏庫裡的字,再點開是直接叫出之前的內容,不會重新問 AI。也就是說第一次查花一次額度,之後複習一百次都是零消耗。不會扣設計者的 AI 額度,若有 AI 查詢是扣使用者的免費額度,且不用使用 API 等額外的複雜設定,不會有被扣錢的可能。

單字收藏庫有二個地方,功能略有差異

右下角浮動收藏庫

右下角有一顆浮動的 📚 按鈕,隨時點開就能搜尋已學過的字,中英文都能搜。最近查的會排在前面,適合複習剛學的字。

英文單字學習網頁的單字收藏庫與快速複習功能

網頁下方的單字收藏庫

  • 單字 A-Z 排序,依英文單字首字母,有時可能只記得某字母開頭,就能快速找到之前曾查詢過的該字母單字。
  • 點按任一字母,只顯示該字母開頭單字,再點一次為取消篩選,會 show 全部單字,或按 全部 那按鈕。
  • 沒有單字的字母為灰色(不能點)

備份與還原:你的單字存摺

使用時機

  • 若有要使用新版本
  • 換 Claude 帳號
  • 分享你的單字辭庫給別人

網頁下方的單字收藏庫先「備份」,複製起來存到記事本、Google Keep,或用 LINE 傳給自己。要用的時候按「還原」貼回去就好,重複的字不會重複計算。

英文單字收藏庫的備份與還原功能
還原備份使用前要先在原帳號中先備份

還原備份使用說明

  1. 要使用右下角「還原備份」,要在原帳號網頁下方的單字收藏庫先點選「備份」,會出現備份收藏庫中的查詢過英文單字
  2. 點按「複製備份文字
  3. 系統會自動全選複製,並告知已複製,貼心提醒若不即時到新帳號去,可以先貼到記事本或其他位置
  4. 到新 Cladue 帳號中,點按「還原備份」
英文單字收藏庫備份文字與換裝置還原操作

還原備份這功能本來是為了搬帳號用的,你也可以把自己整理好的單字傳給別人。對方貼上還原,就直接收下一整套,而且他複習的時候也不花額度。雖然不建議如此,因為這樣少了一段自我練習的過程,整個收起來通常不會去查看。

我會依狀況,優化這個英文學習網頁,你可以回這篇文章查看有無更新版本,若也想用新版本,就可以使用備份及還原,無痛轉移原有的學習資料。

用中文查英文

除了輸入英文外,也可以輸入中文查詢。

輸入中文也能查詢對應的英文單字

AI 自學很棒的地方在於我們可以很簡單的做自己專用的學習工具,有些專屬於自己的要求,就可以自己 DIY,沒有技術門檻,愈貼合自己,且是我們自己做的,使用的機率理論上是更高的。

有些自己覺得實用性高,或有很多人可能有需求,願意分享給別人時也很容易。

目前版本

V3.5

延伸閱讀

蘇素雲 Celia Su|Canvassador・Canva 官方推廣大使。大專院校與教育訓練講師,主授 Canva 視覺設計、生成式 AI 與數位行銷。2010 年起在此寫下 470+ 篇實測教學——寫出來的,都是自己先做過一遍的。

認識 Celia課程邀約YouTube

留言

這個網誌中的熱門文章

【檔案下載】大榮貨運單列印託運單下載

特休統計依到職日特休統計表檔案下載分享

Canva|商用問題

【Excel表格】簡易式銷貨憑單檔案下載

銷貨退回折讓單-電子檔

Google|表單封面及內圖尺寸