Modern Web
在這個系列中，我會帶大家從 Canvas 出發，一路探索瀏覽器中各式各樣的 Web API。 Canvas 只是起點，接下來還有 Drag and Drop、MediaDevices、Clipboard、Storage、WebSocket …… 這些 API 不僅讓前端開發更強大，也讓網頁逐漸具備桌面應用的體驗。 希望透過這趟旅程，你能更清楚理解它們的用途、限制與背後的安全設計，一起體會—— 「瀏覽器，其實比你想像中更強大」 🚀
Modern Web
本系列以 Line Bot 開發為核心，搭配 NestJS 框架，涵蓋 Line Messaging API、Rich Menu、LIFF 與 Line Pay 四大主題。最後將整合 LIFF 與後端系統，實作完整的會員管理功能，帶你從零開始掌握聊天機器人開發。
Modern Web
我成為工程師的時間剛好是 ChatGPT 剛問世的時候。當時它還不怎麼好用。但到了現在，伴隨著各種 AI 工具的問世。在激烈的市場競爭下，AI 的能力也隨之大幅提升，甚至已經成為我每天 coding 不可缺少的夥伴。但隨之我也發現一個很大的問題。作為一個 code reviewer，我發現很多工程師的程式碼品質沒有因為 AI 的幫助而提高。甚至讓我覺得 AI 在扼殺他們的成長。所以我想找一個方法可以有效的做出產品級的軟體。因此選擇了學習 Effect 這個 TypeScript 套件，作為這 30 天挑戰的主題。
Modern Web
Java Script作為網頁程式語言的一部分十分重要，是前端工程師必學的語言。我的參賽內容為30天從0開始學習Java Script到熟悉這個語言，為學習其他JS框架提供入門。
Modern Web
接案四年裡幫客戶打造了不同語言不同框架的產品，是時候來打造屬於工作室的SaaS產品，藉由鐵人賽來完成工作室的SaaS產品的雛形。
Modern Web
這是一趟以前端工程師角度切入的 AI 應用開發之旅。這個系列文的核心理念很簡單：「我們不需要成為 AI 專家，但我們絕對可以打造完整的 AI 應用」。在這 30 天裡，我們將以一個前端工程師最熟悉的視角，使用 Next.js 和 React 作為主要技術棧，從零開始，一步步打造一個功能完整的 Side Project，在過程中我們會一同摸索常見的AI相關技術，從基本的Prompt Engineering、RAG與向量資料庫最終到外部工具的調用，了解市面上現在滿街跑的AI 應用程式背後究竟搞了那些花招，讓你有能力也打造自己的AI 應用！
Modern Web
本次參賽主題是《Golang x Echo 30 天：零基礎的後端入門》。以「先能跑、再優化」為原則，從安裝環境與 Hello, Echo 開始，循序練到路由、中介層、參數驗證、統一回應與錯誤處理。接著動手做兩個專案：To-Do API 與部落格，涵蓋 PostgreSQL、分層架構、JWT 登入、Swagger 文件、測試與部署。全程用生活比喻解釋術語，附可直接執行的最小範例與跨平台指令，天天 10–20 分鐘，完成可上線的小型後端。
Modern Web
在台灣，中小企業常因缺乏彈性的網站系統而受限。本系列將分享如何運用 LINE 官方帳號、Messaging API 與 LIFF，結合 Node.js、MongoDB、Redis，打造一個簡單易用的訂單系統。內容包含訂單建立、通知、狀態管理、後台設計，並探討金流串接與未來與電商平台整合的可能性。
Modern Web
本次鐵人賽主題為「使用 React + Node.js + MongoDB 打造電商網站」。在 30 天挑戰中，我將完成一個模擬賣場平台，前端使用 React + Tailwind CSS 建立商品展示、會員登入與購物車功能；後端以 Node.js + Express 架設 API，串接 MongoDB 儲存商品與會員資料，並加入密碼加密與 JWT 權限管理等資安措施。網站亦具備後台管理功能，可新增、修改與刪除商品，並提供搜尋與分類功能。最後，網站將部署到雲端平台，讓所有人都能實際瀏覽與操作。本系列文章將完整記錄從環境建置到功能開發與部署的過程，讀者可跟著實作，最終完成專屬電商網站。