Jasper’s Learning Island

Jasper’s Learning Island — a free world of number blocks, letters and English stories.

這是什麼？

我是 Jasper 的爸爸。最初做這個網站，是想送給 3 歲的兒子一個可以聽故事、認識字母、玩數字的小天地。

於是，我透過與 AI 對話，一步步把這個想法做成了 Jasper 學習島。

這是一個免費、無廣告的兒童學習網站，結合英語啟蒙、閱讀、數學遊戲與有聲繪本，適合家長陪著約 3–7 歲的孩子一起探索。網站支援中英切換，可透過手機、平板或電腦的瀏覽器使用。

我希望孩子來到這裡，會因為好奇而點開一個故事，也會因為有趣而願意再試一道題。

透過 Letter House 字母屋、Reading Journey 分級閱讀與 Picture Dictionary 圖片詞典，接觸英文字母、自然發音、單字和簡單句子。

孩子可以從認識字母、聽聲音開始，再慢慢走進短句與故事。

Number Garden 數字花園提供 1–100 的數字探索，點擊即可聽發音。

Math Missions 數學任務包含加、減、乘、除活動；Block Lab 積木實驗室則讓孩子透過 0–50 的數字積木，嘗試搭建、拿走、分組與分享，建立對數量和運算的理解。

Story Tree 故事樹包含不同主題的原創繪本，其中有 20 本好習慣故事，陪孩子接觸生活中的小練習與成長課題。

雙語繪本配有中英文文字、插畫與語音朗讀，適合親子共讀，也讓還不識字的孩子能先從聽故事開始。

孩子可以收藏喜歡的內容，累積學習星星，留下自己的探索紀錄，也能在 Marble Lab 彈珠實驗室等活動中玩一玩。

學習進度與收藏通常保存在使用的裝置上。

這個專案主要透過 ChatGPT 與 Codex 協作開發，用於需求整理、頁面與互動功能製作、程式除錯，以及內容和使用體驗的調整。

網站使用 React、Vite，並部署於 Vercel。部分繪本搭配預先製作的神經語音朗讀。

我負責提出想法、決定內容方向，以及從家長的角度提出使用上的改進需求。

做給孩子使用之後，我發現很多看起來很小的細節，都會影響他願不願意繼續玩。

例如：孩子還不識字，點擊數字時能不能直接聽到發音？數學題目能不能用聲音提示？在手機上做完一個活動，能不能少一點上下滑動？繪本的圖片、文字和語音，能不能互相配合？

這些具體需求，成了我與 AI 一次次討論和調整的方向。

對我來說，Vibe Coding 最有價值的地方，是讓一個家長能把陪伴孩子的想法，做成真正可以使用的作品。

這座小島最初是做給 Jasper 的，也希望其他家庭能在這裡找到一段一起讀故事、玩數字、學英文的時間。

一般學習內容無須註冊或提供 API Key。

網站另有可選的家長帳號與私人家庭相簿功能；私人相簿需要帳號登入及獨立家庭密碼才能存取。帳號資料、基本訪問統計與家庭媒體的處理方式，請參閱網站的隱私政策。

歡迎家長帶著孩子來玩，也歡迎其他創作者交流兒童互動設計、雙語內容和 AI 協作開發的經驗。