鐵人檔案
紀錄自己研究 WebSocket 並實作簡易的匿名聊天室的過程。以 WooTalk 為參考對象來實作整個專案，包含前端、後端、測試、部署。
前端的單元測試大多是透過 props 和內部狀態的變化來測試不同狀況的元件，不過事前準備稍微多一點！ 環境設定 Next 對於 Vitest 的設定說明 有點...
先前已經將前後端都部署到 Vercel 和 Render 上了，接下來只要把資料庫也改為官方的雲端資料庫 MongoDB Atlas，整個應用程式就算是可以上...
大家有追垃圾車的經驗嗎？無論是《少女的祈禱》還是《給愛麗絲》，我們聽到垃圾車的鈴聲，身體就會自己動起來 XD（並沒有） 這種在某個特定的時間段自動執行例行事項...
這次的鐵人賽感覺一直在後端打滾，但其實我是一名前端工程師，所以應該多洗一點前端的主題，致力於打造更好的操作體驗，也是我當初的選擇走這一行的原因！ 訊息時間 在...
你以為看到對方幾分鐘、幾小時前的訊息就夠焦慮了嗎？ 不......還有更焦慮的，就是曾經困擾廣大網友們的「已讀」^O^ 功能分析 經過之前的 MVP 實作，我...
蛤啦？說話啊？啞吧哦？沒廣了哦哈哈洗洗睡吧 Zz 在介面操作上，任何會去戳 API 的行為，都應該留意需不需要限流，這也常被做為經典考古題：Debounce...
不論網路還是生活上的社交，難免都會有不知道要聊什麼的時候，如果不常看新聞或社群媒體，一時之間還真的會冷場......這時候就透過系統推薦的話題來亂聊一通吧！...
記得我剛開始學前端的時候，也剛學會怎麼使用 Notion，所以每次看完一小節的課程影片，我就會寫筆記彙整一次： 看起來好像很認真對吧？可是這其實不是我習慣的...
昨天我們提到「踩坑清單」，這個概念源自學生時期常聽到的「錯題本」，不過那時我甚至沒有在做筆記......因為對學習模式沒有什麼概念，所以不知道筆記要怎麼做對自...
不知不覺來到鐵人賽的最後一天！目前的專案成果可以參考我的 GitHub。 回過頭來看「匿名聊天室」這個主題，我相信交給前輩們 Vibe Coding 一下，也...
