A

Aaron 的部落格

用 Astro + Tailwind 重啟的新基地

熱門標籤

#前端 (9) #專案開發 (3) #六角學院 (3) #學習心得 (3) #職涯 (3) 查看全部 →

最新文章

#WordPress #AI #專案開發

用 AI 開發 WordPress 安全外掛 — Site Add-on Watchdog 開發分享

前陣子開發了一個 WordPress 安全外掛——Site Addon Watchdog，主要功能是自動監控網站上安裝的外掛有沒有安全漏洞。這個專案比較特別的地方是，全程都是用 AI 輔助開發，從需求分析到程式碼撰寫，幾乎都是跟 AI 協作完成的。

閱讀全文
#六角學院 #學習心得

用 AI 開發全端天氣 App？六角 Vibe Coding 體驗營心得分享

最近很多人在討論用 AI 加速開發流程，我也跟風參加了六角學院的「Vibe Coding 公益程式體驗營」。這次課程讓我學到如何用 AI 工具快速打造 MVP，同時跟同學們交流也獲得不少靈感。來記錄一下這次的體驗。

閱讀全文
#六角學院 #學習心得 #前端

從零到有！六角學院網頁切版直播班心得 — 用 Nuxt 實戰三大專案

最近上完了六角學院的「2025 網頁切版直播班」，總共做了三個專案——電商網站、職涯媒合平台、旅遊訂購系統。趁記憶還熱著，把這幾週的學習過程記錄下來。

閱讀全文
#AI #開發工具 #職涯

AI 輔助開發工具使用心得 — Claude Code、Cursor、Antigravity IDE 實戰分享

這兩年 AI 工具發展得很快，開發工作的方式也跟著改變。我自己有在用幾個 AI 輔助開發的工具，這篇來分享一下實際使用的心得，包含在專案中的應用經驗。

閱讀全文
#六角學院 #學習心得

30 天體驗軟體工程師生活！從小白到做出完整個人網站的學習紀錄

如果給你 30 天的時間，你能做出一個完整的個人品牌網站嗎？一個月前的我可能會說「不可能！絕對不可能！」，但現在我手上就有一個實實在在的作品。這次參加六角學院的「30 天軟體工程師體驗營」，從零開始學習，到最後做出一個具備部落格系統、數據分析和電子報訂閱的完整網站。今天就來分享這 30 天的學習之旅吧！

閱讀全文
#遠端工作 #職涯

全遠端工作兩年心得 — 前端工程師的遠距工作經驗分享

從 2023 年中開始在偉勤數位科技做全遠端工作，到現在也差不多兩年了。這篇來分享一下遠端工作的真實體驗，包含好處、挑戰，以及一些自己摸索出來的工作方式。

閱讀全文
#Nuxt #前端

Nuxt 3 JWT 身份驗證實作筆記 — 搭配 Pinia 與 Cookie 管理登入狀態

最近幾個專案都有碰到會員系統的需求，JWT 驗證機制用了好幾次，這篇來整理一下在 Nuxt 3 專案中實作 JWT 驗證的心得。

閱讀全文
#效能優化 #前端

網站 LCP 優化實戰 — 提升 25% 載入速度的經驗分享

最近在工作上花了不少時間在網站效能優化，其中 LCP（Largest Contentful Paint）是最常被拿來當作指標的項目之一。這篇來分享一下實際優化 LCP 的經驗，以及一些常見的改善手法。

閱讀全文
#Nuxt #前端 #專案開發

藝術銀行 Art Bank 會員系統開發紀錄 — Nuxt 3 + JWT 實戰經驗

去年底接到一個蠻有挑戰性的案子——藝術銀行 Art Bank 的會員前台系統開發。這是透過版塊設計接到的專案，從 2024 年底開始做，一直到 2025 年初才完成。藝術銀行是文化部的藝術作品租賃平台，讓企業和個人可以線上租借藝術品。這篇來分享一下我負責的會員系統開發過程。

閱讀全文
#React #Vue #前端

從 Vue 跳到 React 的開發心得 — 兩個框架的差異與轉換經驗

做前端這幾年，Vue 和 React 都有碰過。一開始是從 Vue 入門，後來工作上也接觸了 React 專案。這篇來分享一下在兩個框架之間轉換的心得，以及實際開發時感受到的差異。

閱讀全文
#CSS #前端

用 CSS 隱藏網頁元素的三種方法

想要隱藏頁面上的元素，可以透過這三種常見的方法：

閱讀全文
#Figma #前端 #職涯

Figma to Code 工作流程分享 — 從 Design System 到 Vue + TypeScript + Tailwind 元件

做前端的人一定會遇到切版這件事——把設計師的設計稿變成真正可以跑的網頁。這篇來分享一下我從 Figma 到程式碼的工作流程，包含 Design System 的建立、User Flow 的規劃，以及如何用 Vue + TypeScript + Tailwind 來實作，確保設計與開發的一致性。

閱讀全文
#WordPress #UI/UX #專案開發

德恩生命禮儀官網開發心得 — 資訊架構與易用性設計

在啟程教育學院工作的時候，接過一個印象深刻的案子——德恩生命禮儀的品牌官網。這個專案的重點在於如何讓使用者快速找到需要的資訊，包含服務項目、定價、聯絡方式等。這篇來分享一下在規劃資訊架構和提升易用性時的一些心得。

閱讀全文
#SEO #前端

網站 SEO 優化攻略 — 從技術面提升搜尋排名的實戰經驗

之前在啟程教育學院工作的時候，有一段時間專注在網站的 SEO 優化。當時成功讓 5 組商業關鍵字在 4 週內攻佔搜尋排名前 3，網站的自然流量也成長了 120%。這篇來分享一下從技術面做 SEO 優化的經驗。

閱讀全文
#Vue #前端

Vue i18n 多語系網站開發實作 — 從設定到維護的經驗分享

之前做過一個航運公司的企業形象網站，需要支援中英文切換。這篇來整理一下用 Vue i18n 開發多語系網站的經驗，從基本設定到實務上要注意的事情。

閱讀全文