Building Bondify: My English Learning side project

自從 實驗用 AI 幫助學習英文 提到之後會做個 side project 來輔助學習英文,沒想到已經過了一年了! 真的是光陰似箭呢,這段時間真的工作忙起來,整個一堆年前的代辦事項就幾乎完全沒進度了,不過其實中間也有慢慢淬鍊一些心得然後寫部落格記錄起來,像是 Reflections on Elevating English Learning with AI: part 2 這個主要是關於一些我用 ai 來幫助自己學習英文的心得!,提到 ai 不得不說,這過去一年真的進步的很有感覺,最一開始使用 ai ,幾乎需要你手把手寫超詳細 prompt 跟流程教他怎麼做,到現在部分領域真的快要無腦開發,真的有放著給他跑東西就出來的感覺,只能說進步飛速! 所以現在 social network 上面看到一堆 vibe project 想賺錢或是開課賺錢的,我是覺得不意外,只是我覺得。。 要教人也麻煩請拿出對得起相對應價值的課程內容,很多課看了根本讓人搖頭,說穿了一堆免費網路資源都教得比那些薛錢的課好太多了,有時候我真的不懂爲何那麼多人願意花冤枉錢? 還有觀察到因爲ai的關係有太多一堆clone別人的開源軟體,用ai vibe coding 模仿一套後,就說這是他寫的開源軟體,看了不知道要說啥?? 我覺得這個問題以後只會越來越多,當大家都無腦用ai開發東西,形似程度只會越來越高,或許他真的不是有意抄別人的,可能是因爲100%都是 ai 的產物導致的。

離題了XD 總之我想說 AI 的效應之下,帶來的改變不是普通的可怕

當然跟軟體無關的領域或許當前還沒什麼感受,不過我可以說這次實作這個 side project 基本上,我大概一個禮拜就做完了,現在 AI 是真的滿強的,只要你知道怎麼做,方向跟AI講,真的幾乎是秒殺,如果在沒有AI的狀況下,我估計一個人要完成目前demo站的程度,我想在每天有工作的狀況下,只能下班寫,恐怕也要一個月,甚至可能更久,因爲有些知識,我是用AI幫找的資源然後自己再學習的,整個過程全部自己來一定會更花時間! 這也是其中一個AI讓我覺得頭疼的一點,基本上開發POC一定會越來越快,就很容易變成,一直要你改,一直驗收的狀況,我覺得大家遲早要適應這種可能性。 就先不離題那麼多了!!

先來給大家看 demo 成品

這邊先講需要注意的是! 因爲 demo 站,我是用 render 的免費方案建立的,所以資料庫是會不定時被還原到初始值的跟機器可能進入休眠需要時間起動! 連結在此 https://bondify-demo.jgebang.com/

以下大概介紹一些功能! 基本的使用者資料跟簡易推播就不特別講了。

/img/2026-02-03_10-05-42_screenshot.png

首頁有一些簡單的統計,很多app都有類似的機制,另外關於 spaced repetition 系統我還在調整中就是了,所以目前的用處不太大。

下面這個是結合之前我的 vocabulary lookup 精美 prompt的功能,內容有點長因此沒有截全部的樣子,建議去demo站實驗一下~ 不過要設定一下你自己的 ai api key

/img/2026-02-03_10-36-45_screenshot.png

這個頁面就是我講的可以設定 ai api key 的地方,單純存在你的browser stroage,沒有存到後端,想用免費個人建議就去 mistral ai 官方申請一把key吧! 額度滿高的。

/img/2026-02-03_15-10-49_screenshot.png

再來 rephrase sentence prompt,會指出句子的文法問題,以及給予建議

/img/2026-02-03_10-42-23_screenshot.png

像是這是其中一個建議的修正後句子: I suggested changing the border color of the icon in the top-right corner.

除此之外我有做一個輔助閱讀的mode (Reading Mode),以下面爲例子

我有做 import from url的功能 https://www.ign.com/wikis/final-fantasy-7-remake/Chapter_1_-_The_Destruction_of_Mako_Reactor_1 , 不過需要注意的是,有些網站會檔爬蟲,我沒特別去實作反擋爬蟲的功能,反正被檔的話,就自己貼內容吧 lol

/img/2026-02-03_11-56-42_screenshot.png

執行後,可以按ai分析文章,效果大概像是這樣~

/img/2026-02-03_14-27-42_screenshot.png

當然除了這些我把平常用AI輔助的功能寫成prompt方便在網頁上使用之外,我還有借鑑一些玩過的學習英文的 app,做了一些小遊戲,這篇部落格就不特別貼了,要不然太多圖片要貼,有興趣就去 demo 站試玩,或者有一點點程式知識的人,自己clone我的專案 https://github.com/sillygod/bondify 下來自己本地安裝也是一個選擇!

做完初步 learning English side project 感想

有了AI的幫助,感覺以前一堆pending的 Side Projects 可能都可以快速驗證了!不禁讓我在想這到底是好事還是壞事呢? 畢竟藉由AI的輔助其實很大的部分,甚至有些關卡,他幫你解決掉,很容易讓人變成只想隨意動口指揮別人做事的習慣? (就是老闆指揮員工做事的感覺,老闆不懂細節,但是就是喜歡叫員工怎麼做,做出他想要的成果) 其實更讓我擔心的是,以後大家會不會越來越失去思考的能力? 或許有人會說,他有在思考專案應該長怎樣啊! 也有在看 AI 產生的 code是不是對的,但是我只能說這跟你自己寫是差很多的,就像以前讀書考試的時候,你在寫題目,一個是你自己從頭思考怎麼解,另一個是看到解答後,再來看解答對不對一樣,而且我覺得有些人只不過是把它腦袋一些天馬行空的想法吐給AI罷了,現在很多人使用AI的方式很大部分取代掉學習過程中的 input 和 output , 他做的不過只是伸手拿取 AI 給他的結果,然後說這是他做的~ 簡單說就是 伸手黨!

雖然擔憂AI帶來的負面影響,但不得不說也有很多事情也是帶來不少好處,比如可以開多個AI agent多工,10x engineer 已經不流行了,現在取決於你的口袋付費多少AI,決定你是 100x engineer都不是夢(開玩笑的啦,這可能不是好事),我覺得對我來講,最棒的是,我可以短時間做很多自己的工具來幫助一些事情,就像這個學習英文的 side project,之後也還會有其他許多專案,等完成到一定程度,我會再來分享我做了什麼新玩意兒!

最後如果大家對這個專案有什麼想法也歡迎到github 發 issue ~ 當然如果願意給我一杯咖啡給點支持我會很開心的 :)

If you like my content,

feel free to buy me a coffee

Enjoy crafting new things

Never stop learning.

Life is the sum of your daily habits.

Find things that you enjoy and please

Doit.

Feel free to connect with me.

Created by potrace 1.16, written by Peter Selinger 2001-2019

© Jing 2024. All rights reserved.