2025年9月21日 #六角學院 #學習心得 #前端 從零到有！六角學院網頁切版直播班心得 — 用 Nuxt 實戰三大專案 最近上完了六角學院的「2025 網頁切版直播班」，總共做了三個專案——電商網站、職涯媒合平台、旅遊訂購系統。趁記憶還熱著，把這幾週的學習過程記錄下來。 閱讀全文
2025年3月5日 #Nuxt #前端 Nuxt 3 JWT 身份驗證實作筆記 — 搭配 Pinia 與 Cookie 管理登入狀態 最近幾個專案都有碰到會員系統的需求，JWT 驗證機制用了好幾次，這篇來整理一下在 Nuxt 3 專案中實作 JWT 驗證的心得。 閱讀全文
2025年2月10日 #效能優化 #前端 網站 LCP 優化實戰 — 提升 25% 載入速度的經驗分享 最近在工作上花了不少時間在網站效能優化，其中 LCP（Largest Contentful Paint）是最常被拿來當作指標的項目之一。這篇來分享一下實際優化 LCP 的經驗，以及一些常見的改善手法。 閱讀全文
2025年1月15日 #Nuxt #前端 #專案開發 藝術銀行 Art Bank 會員系統開發紀錄 — Nuxt 3 + JWT 實戰經驗 去年底接到一個蠻有挑戰性的案子——藝術銀行 Art Bank 的會員前台系統開發。這是透過版塊設計接到的專案，從 2024 年底開始做，一直到 2025 年初才完成。藝術銀行是文化部的藝術作品租賃平台，讓企業和個人可以線上租借藝術品。這篇來分享一下我負責的會員系統開發過程。 閱讀全文
2024年8月20日 #React #Vue #前端 從 Vue 跳到 React 的開發心得 — 兩個框架的差異與轉換經驗 做前端這幾年，Vue 和 React 都有碰過。一開始是從 Vue 入門，後來工作上也接觸了 React 專案。這篇來分享一下在兩個框架之間轉換的心得，以及實際開發時感受到的差異。 閱讀全文
2023年6月20日 #Figma #前端 #職涯 Figma to Code 工作流程分享 — 從 Design System 到 Vue + TypeScript + Tailwind 元件 做前端的人一定會遇到切版這件事——把設計師的設計稿變成真正可以跑的網頁。這篇來分享一下我從 Figma 到程式碼的工作流程，包含 Design System 的建立、User Flow 的規劃，以及如何用 Vue + TypeScript + Tailwind 來實作，確保設計與開發的一致性。 閱讀全文
2023年1月10日 #SEO #前端 網站 SEO 優化攻略 — 從技術面提升搜尋排名的實戰經驗 之前在啟程教育學院工作的時候，有一段時間專注在網站的 SEO 優化。當時成功讓 5 組商業關鍵字在 4 週內攻佔搜尋排名前 3，網站的自然流量也成長了 120%。這篇來分享一下從技術面做 SEO 優化的經驗。 閱讀全文
2022年2月15日 #Vue #前端 Vue i18n 多語系網站開發實作 — 從設定到維護的經驗分享 之前做過一個航運公司的企業形象網站，需要支援中英文切換。這篇來整理一下用 Vue i18n 開發多語系網站的經驗，從基本設定到實務上要注意的事情。 閱讀全文