吳樹珉

資深前端開發工程師

  Taipei City, Taiwan

您好,我叫吳樹珉,畢業於大同大學媒體設計系互動設計組,目前是位資深前端工程師兼全端工程師,擁有六年以上前端經驗,兩年以上後端經驗及數位設計相關背景,在廣告代理商與軟體服務供應商任職過讓我累積相當多樣的開發經驗,不管是從最小的單頁式網站活動網站、EC電商網站、品牌官方網站,再到ERP、MRP系統,都可以從包含設計、使用者經驗、程式優化、客製化開發的方向去規劃每一個獨特的專案。

工作的過程中也不斷精進自身的技術,我會在自己的作品集網站上記錄我的學習成果,安排進修課程,又或是在工作上與同事互相學習討論,不單單是原本自己專注的前端技術,包含後端開發、DevOps等。

專案開發上我不會只單單完成所交付的任務,我習慣去思考、去研究現有的程式架構與使用經驗,並尋找更多可能性,我們該怎麼讓使用更順暢;該如何讓效能可以更進一步優化;我可以使用什麼更新的技術提升開發的效率,我享受這些從專案上得到成就感,並持續推升自己的價值。

在前端技術上目前主要使用React與Next.js的框架,搭配 Typescript 使用與 Cypress E2E測試,其餘的套件包括:Ant Design、Tailwind css、Styled-components、Redux、Webpack、eslint。除了在前端技術外,也在2020年開始加入 Node js 後端程式的學習,並且在2021開始使用在自己的 Side Project 上,目前主要使用 Express 撰寫後端程式,並搭配 MySQL 資料庫使用數據管理。除了開發功能外,也有執行過包含Scrum開發流程、Docker發佈、GitLab CI/CD編寫等專案管理項目。

作品集:https://portfolio-project-pa022069.vercel.app/


技能

Front-End


  • React (5y +)
  • Typescript (2y +)
  • Next.js (2y +)
  • React Router
  • Redux / Recoil
  • Context API
  • React Spring
  • TailWind css
  • Styled-components
  • Cypress / Jest
  • Ant Design
  • React Query
  • Canvas



Back-End


  • Node JS (1y +)
  • Express (1y +)
  • MySQL (1y +)
  • Restful API
  • GraphQL/Apollo

Other


  • Docker (2y +)
  • GitLab CI
  • Google Analytics
  • Google Tag Manager
  • SEO
  • Responsive Web Design
  • Nginx (1y +) 
  • Linux (1y +) 
  • Photoshop
  • Illustrator
  • Figma

工作經歷


資深前端工程師

Wistron ITS 緯創軟體股份有限公司

二月 2021 - Present
Taipei, Taiwan

工作項目:

1. 負責ERP系統前端新功能開發與舊有功能優化
2. 使用Next.js架設SSR網站
3. 建立後端測試資料並進行單元測試
4. 與PM討論功能需求與時程進度規劃
5. 與設計討論UX優化方向與操作機制
6. 與後端討論API文件與串接機制
7. 與其他前端工程師討論開發前期規劃,包含單元測試機制、元件模組化、效能優化方向與工作分配
8. Matomo追蹤規劃

使用技術:

前端:Next.js、React、React Router、React Query、Redux、Context API、Ant Design、Typescript、TailWindcss、Styled-components、React Spring、React Window、BizChart、Jest、Cypress

後端:Node、Express、MySQL

其他:Docker、GitLab CI/CD

互動設計師(網站前端工程師)

奧美廣告

八月 2018 - 二月 2021
Taipei, Taiwan

1. 網站前端程式開發與使用者互動體驗設計
2. GA/GTM 網站追蹤數據規劃
3. 針對數據分析進行網站優化
4. 新型態互動創意發想
5. 大型官網維運
6. SEO優化
7. 製作簡易PHP api
8. 串接api

使用技術:

前端:React、React Router、React Query、Redux、Context API、Typescript、Styled-components

後端:PHP、MySQL

網頁設計師

創鈺國際

七月 2017 - 七月 2018
Taipei, Taiwan

創鈺國際主要是製作政府相關網站。 

1. 網站前端程式開發與使用者互動體驗設計(React) 
2. 針對數據分析進行網站優化 
3. 新型態互動創意發想 
4. 大型官網開發及維運 
5. SEO優化



精選專案

二月 2023 ~ 四月 2023

迪士尼百年慶典木質拼圖 – 募資小遊戲

全端工程師

需製作一款在募資平台上宣傳用的猜謎小遊戲,每次遊戲從一百隻精選角色中挑選十進行猜謎,並製作出專屬的成績單,提供使用者透過Facebook或是下載圖片的方式分享到社群平台

職位:前後端開發、伺服器設定

網站連結 : https://project100.hellofish.com.tw/
募資平台 : https://www.zeczec.com/projects/Disney

前端 : React、Vite、Typescript

後端 : Node / Express

伺服器: Linux / ubuntu、Nginx、Certbot、Docker Engine

負責項目: 前端開發(切版、遊戲機制規劃、RWD、效能優化)、後端開發(開發API、EJS生成客製頁面)、伺服器設定(Docker Engine 安裝、Nginx設定、Certbot生成SSL憑證、設定DNS)

二月 2023 ~ 四月 2023

REVIVER - NFT

前端工程師

製作一款NFT網站,功能包含NFT相關資訊、MINT Page、線上畫廊功能,並製作大量網頁特效動畫,於每周五晚間時段釋出與不同作家合作的新作品,使用者可透過Mint Page 交易NFT作品。

職位 : 前端開發(切版、動畫製作、RWD、效能優化)

網站連結 : https://www.reviver.art/

前端 : React、React Router、React Query、Vite、Typescript

其他技術 : Canvas


十月 2021 ~ 一月 2023

緯創資通 – BOM表KPI系統

前端工程師

BOM表成本系統,追蹤產品零件在量產前是否達到KPI指標,包含追蹤BOM表內的材料成本、產品規格狀態、料件採購狀況。

職位 : 前端開發(切版、效能優化、API資料串接)

開發框架 : React、Typescript

其他技術 : BizChart、Ant Design、Jest、Redux、Context API、TailWindcss、BizChart

負責項目: 表格內容編輯、圖表繪製、虛擬化表格製作、簽核機制、表單編輯、權限設定、單元測試