網頁前端 / 網頁設計 / 平面設計

你好!我是許文修,一名致力研究前端技術的前端工程師
目前主攻 Vue、Nuxt.js、Tailwind CSS。
曾任網頁設計、平面設計,畢業於東海大學工業設計學系。 

TailwindCSS . Bootstrap 4 . JavaScript . jQuery . Vue . Nuxt . Git . Gulp . Webpack . Vite . Typescript

       

關於我

我專注於前端技術開發,擁有設計背景,這讓我在追求高效能、優質用戶體驗的產品時,能夠將開發與設計完美結合。平時我特別在意細節,對程式碼的品質有著極高的要求;同時,我也深信團隊合作的重要性,善於傾聽與溝通,能在團隊中扮演橋樑的角色。

經歷

在過去的工作經歷中,我曾在聯合報股份有限公司主導「一刻鯨選」平台的前端開發,從 Vue.js 架構到功能重構、效能優化,都獲得了不錯的成效;此外,我也撰寫過 Nuxt.js、React 等多個框架,累積了豐富的實戰經驗。除了專業技能外,我還熱愛寫程式,喜歡通過實作與小作品來不斷挑戰自我、擴展技術邊界。

開發

我一直秉持著學無止境的態度,樂於參與開源社群,例如協同翻譯 Material Design Tailwind.tw 文件,不僅讓我更熟悉 GitHub flow,也讓我在與他人協作中學到了許多寶貴的經驗。我相信,結合我對細節的嚴謹態度、優秀的溝通能力以及對前端技術的熱情,能為貴團隊帶來更多創新與高效的解決方案。

網頁相關作品

個人網站 - 連結

作品集、履歷與相關資訊、個人經歷與簡介。

個人部落格 - 連結

紀錄與分享前端相關的個人學習歷程,及簡單的生活故事。

The Most annoying cookie banner (Hackthon)

線上黑客松。這個網站要玩小遊戲才能拒絕授權使用 Cookie?

Github Profile - 連結

我的 Github 上面可以看到更多有趣的 Side Projects。

工作經歷

2021 - 現在

網頁前端  聯合報股份有限公司

使用 Vue、Nuxt.js、TailwindCSS、Wordpress

- 主導「一刻鯨選」平台的前端開發,以 Vue.js 為基礎打造類電商課程銷售功能(試聽/試看課程、購物車結帳)。
- 將聲音播放器升級為影音播放器並封裝成插件,供外部合作單位使用,提升了產品的擴展性。
- 重構購物車功能程式碼並優化各頁效能,使載入速度提升約 3~5 倍。
- 主導 Webpack 遷移至 Vite,並完成 Vue 2 升級至 Vue 3,同時導入 Tailwind CSS,大幅提升開發效率與程式碼維護性。

2021 - 2021

網頁前端  讓狂人飛教育股份有限公司

主要開發 Joberfly 網站

- 使用 Nuxt 重構 Joberfly 網站程式碼,製作重複元件(表單、按鈕)並導入 Tailwind CSS。
- 開發全新首頁版本,包括頁面切版及預覽評測功能。
- 建立履歷頁面功能,優化操作流程並實現響應式設計。
- 團隊使用 Git flow,熟悉在 Github 上使用 issue 與 pull request 之相關操作

2020 - 2021

網頁設計  佳音事業股份有限公司

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

2019 - 2019

平面設計  原聚股份有限公司

- 設計品牌手冊、店面視覺設定及廣宣素材,並負責設計外包管理。
- 協助執行店面行銷活動及網路行銷(Facebook、Instagram 等平台管理)。

2016 - 2017

平面開版  郁巧股份有限公司

擔任一年正職設計,使用 Illustrator、Photoshop 製作商品開版圖、商品外觀平面設計。公司商品以布類家飾產品為主,理解工廠製作的限制的同時兼顧視覺效果來製作圖面。後因受主管青睞,與資深業務外派至明尼蘇達州兩周,協助業務開會與市場調查,也藉此見識美式風格與文化薰陶,進而了解商品設計師背後蘊含的深厚文化背景。


設計


  • 平面設計 ( PS / AI / ID )
  • 多媒體 ( Pr / AE )
  • UI/ UX ( Adobe XD/ Figma )

前端


  • Vue.js、Nuxt.js、React.js
  • TailwindC CSS、Bootstrap 4、Bulma
  • Vite、Webpack、Gulp、Git
  • HTML5、CSS3、JavaScript、TypeScript