履歷

關於我

我是一名專注於前端技術的工程師，擅長使用 Vue.js 和 Tailwind CSS 開發高效能的響應式網站。具備設計背景，對美感與用戶體驗有深入理解，能在開發與設計間有效協作。曾參與企業平台、電商網站與後台管理系統的開發，具備 API 串接、程式碼重構及效能優化的實作經驗。熱愛學習新技術並積極參與開源社群，期望持續挑戰自我並創造更具價值的產品。

工作經歷

• 2022-03 ~ 現在

  聯合報股份有限公司

  前端工程師

  主導『一刻鯨選』平台前端開發，以 Vue.js 為基礎打造類電商課程銷售功能；將聲音播放器升級為影音播放器並封裝成插件；重構購物車功能程式碼並優化各頁效能；主導 Webpack 遷移至 Vite，完成從 Vue 2 升級至 Vue 3 並導入 Tailwind CSS。

  • 打造類電商課程銷售功能
  • 封裝影音播放器插件以提升產品擴展性
  • 重構並優化程式碼使載入速度提升約 3~5 倍
  • 導入 Tailwind CSS 提升開發效率與程式碼維護性

• 2021-09 ~ 2021-12

  讓狂人飛教育股份有限公司

  網頁前端

  使用 Nuxt 重構 Joberfly 網站程式碼，製作重複元件並導入 Tailwind CSS；開發全新首頁及履歷頁面功能，實現響應式設計。

  • 重構 Joberfly 網站程式碼並模組化元件
  • 導入 Tailwind CSS 設計全新首頁
  • 建立履歷頁面並實現響應式設計

• 2020-03 ~ 2021-08

  佳音事業股份有限公司

  網頁設計師

  負責活動網頁製作及後台 CMS 撰寫，使用 Vue.js 參與部分專案開發；實現前端切版動畫效果與 UI/UX 設計優化，並與團隊協作完成 API 串接與 Git flow 管理。

  • 製作活動網頁與撰寫 CMS
  • 實現前端切版動畫與 UI/UX 設計優化
  • 協作進行 API 串接與 Git flow 管理

個人專案

• 最惱人的 Cookie Banner

  參與 Hackathon 社群活動時，以遊戲化設計提出最惱人的 Cookie Banner 方案，規定玩家必須在移動的杯子中尋找被蓋住的球，僅在成功遊戲後才能拒絕網站 Cookie。

  • #創新遊戲化設計
  • #參與 Hackathon 競賽
  https://github.com/kevinshu1995/annoying-cookie-banner

• 個人部落格

  使用 VitePress 建構個人化主題，持續更新程式開發筆記與技術分享，記錄學習成長與技術見解。

  • #持續技術成長記錄
  • #定期技術分享
  https://hsiu.soy

• 攝影作品記錄

  使用 Nuxt 搭配 Sveltia CMS，分享個人生活記錄攝影作品。

  • #業餘攝影作品記錄
  https://photography.hsiu.soy