Xinzhuang District, New Taipei City, Taiwan
從事前端工程師的經驗已累積 7 年的經驗。
前端除了原生 JavaScript 外,也有使用 Vue2/3、React 和 AngularJs 的經驗。
切版可符合設計師的需求,獨立完成 RWD 頁面。
撰寫過 Unit testing 和 E2E testing 的經驗。
有指導新進前端人員相關經驗。
應徵工作方向類型:Front-End Engineer ( 前端工程師 )
三月 2022 - Present
工作內容:
開發「MOOD」App,MOOD App 是個社群軟體,提供使用者紀錄生活體驗、發布真實評價,藉由 MOOD App 裡快問快答的功能,尋求廣告網友的經驗分享,並透過個人化推薦系統發掘更多感興趣話題。
MOOD App 是採用 Hybrid 的方式開發,在 MOOD App 所擔任的工作:
開發過程所遇到的挑戰:
MOOD App的架構為:
使用語言:
使用框架:
使用工具:
四月 2020 - Present
工作內容:
1. 開發「叩叩」App,提供店家與部落客的媒合平台,以及提供店家可以觀看目前在網路上的聲量。
- 叩叩初期架構是由我與後端工程師和 Data team 的成員所架設,初期的人力由我負責前端與後端的工作。
- 中後期與公司中另一個美食團隊結合之後,只需負責前端的部份。
- 叩叩短短的半年開發期限內,就已有營收,所以在 2021 年度被選為城邦集團下最佳團隊,而我也在該年度被選為最佳員工。
- 叩叩的架構為:
* Laravel
* Vue 3
2 開發部落客綁定商家名片頁
- 為了將部落客的資訊顯示在叩叩 App 中,所以需讓部落客本人填寫自身的資訊提供給叩叩 App。
- 串接 Facebook 與 Instagram API,取得該部落客所授權的粉絲專頁與 Instagram 帳號,並存到資料庫中。
3. 串接 Facebook 與 Instagram API
- Facebook 和 Instagram 的數據用於部落客提供數據給店家參考。
- 撰寫綁定粉絲專頁與 Instagram 的功能。
- 與 Data team 成員串接粉絲專頁與 Instagram 顯示在前台供店家參考數據其數據更新的機制。
- 負責與其他同人共同撰寫審核文件。
4. 撰寫測試
- 網站中當廣告載入失敗時,沒有測試可以檢查與通知相關人員廣告沒有正常顯示問題,因此使用 Cypress 撰寫測試,當廣告沒有正常載入時,Slack 會出現相關的通知。
5. 改善 Webpack 打包的速度
- 改善 PIXNET 名片頁打包速度。
- 使用 speed-measure-webpack-plugin、webpack-bundle-analyzer 和 Webpack Visualizer 的套件分析,哪些模組影響到整體打包的時間。
- 在 PIXNET 名片頁觀察到,moment.js 的容量大,進而影響打包速度,將 moment.js 拔除之後,整體的時間縮短 10 秒。
- 撰寫 unit test 避免拔除 moment.js 後,自己寫的程式碼出現問題。
使用語言:
JavaScript、PHP
使用框架:
1. Angular 1.5
2. React
3. Vue 2/3
4. Laravel
5. Cypress
使用工具:
Git、tmux、Webpack、Rollup
十二月 2018 - 六月 2019
工作內容:
1. 負責維護加水站網站後台新功能的開發,串接加水站裡面的IoT設備,網頁端可即時顯示銷售狀態,擔任RD角色。
2. 負責點餐機的介面開發,擔任RD角色。
3. 負責101筷子販賣機的網站後台網頁與資料庫開發,串接販賣機裡面的IoT設備,網站後台可即時顯示銷售情況並且顯示每件商品的庫存、補貨通知、銀行的金流的紀錄,擔任RD角色。
4. 負責開發Cocobar KTV的後台網頁與資料庫開發,顯示銷售紀錄、設定每部機台的歌曲售價、串接Line Pay和街口支付等服務,擔任RD角色。
使用語言:JavaScript、PHP
使用框架:Vue、Laravel
九月 2018 - 十一月 2018
工作內容:
1. 負責串接Facebook API與Google API,將Facebook粉絲團後台的數據資 料透過Google API自動生成google slide,節省粉絲團的小編做報表的時間,擔任RD角色
2. 使用python爬蟲爬Google新聞的熱門關鍵字,將爬出來的關鍵字輸入到 Facebook搜尋中,再爬Facebook所搜尋出來的資料存到伺服器中進而將內容顯示到公司的網站中,顯示的資料包含文章與影片,擔任RD角色
3.維護公司的網站與添加新功能,擔任RD角色
使用語言:JavaScript、Python、PHP
使用框架:Vue、Django
三月 2016 - 八月 2018
工作內容:
1. 參與開發洋拓華商採購網網站。
2. 開發洋拓華商採購網iOS Apps。
3. 維護舊扶輪社網站並開並改版扶輪社新網站的開發。
4. 參與珠寶店後台網站的開發。
5. 開發珠寶店iOS Apps。
6. 研發天然氣瓦斯表數字辨識的演算法。
使用語言:JavaScript、PHP、Swift、OpenCV、C++、MYSQL
使用框架:jQuery、Vue
2013 - 2015
2007 - 2011
Xinzhuang District, New Taipei City, Taiwan
從事前端工程師的經驗已累積 7 年的經驗。
前端除了原生 JavaScript 外,也有使用 Vue2/3、React 和 AngularJs 的經驗。
切版可符合設計師的需求,獨立完成 RWD 頁面。
撰寫過 Unit testing 和 E2E testing 的經驗。
有指導新進前端人員相關經驗。
應徵工作方向類型:Front-End Engineer ( 前端工程師 )
三月 2022 - Present
工作內容:
開發「MOOD」App,MOOD App 是個社群軟體,提供使用者紀錄生活體驗、發布真實評價,藉由 MOOD App 裡快問快答的功能,尋求廣告網友的經驗分享,並透過個人化推薦系統發掘更多感興趣話題。
MOOD App 是採用 Hybrid 的方式開發,在 MOOD App 所擔任的工作:
開發過程所遇到的挑戰:
MOOD App的架構為:
使用語言:
使用框架:
使用工具:
四月 2020 - Present
工作內容:
1. 開發「叩叩」App,提供店家與部落客的媒合平台,以及提供店家可以觀看目前在網路上的聲量。
- 叩叩初期架構是由我與後端工程師和 Data team 的成員所架設,初期的人力由我負責前端與後端的工作。
- 中後期與公司中另一個美食團隊結合之後,只需負責前端的部份。
- 叩叩短短的半年開發期限內,就已有營收,所以在 2021 年度被選為城邦集團下最佳團隊,而我也在該年度被選為最佳員工。
- 叩叩的架構為:
* Laravel
* Vue 3
2 開發部落客綁定商家名片頁
- 為了將部落客的資訊顯示在叩叩 App 中,所以需讓部落客本人填寫自身的資訊提供給叩叩 App。
- 串接 Facebook 與 Instagram API,取得該部落客所授權的粉絲專頁與 Instagram 帳號,並存到資料庫中。
3. 串接 Facebook 與 Instagram API
- Facebook 和 Instagram 的數據用於部落客提供數據給店家參考。
- 撰寫綁定粉絲專頁與 Instagram 的功能。
- 與 Data team 成員串接粉絲專頁與 Instagram 顯示在前台供店家參考數據其數據更新的機制。
- 負責與其他同人共同撰寫審核文件。
4. 撰寫測試
- 網站中當廣告載入失敗時,沒有測試可以檢查與通知相關人員廣告沒有正常顯示問題,因此使用 Cypress 撰寫測試,當廣告沒有正常載入時,Slack 會出現相關的通知。
5. 改善 Webpack 打包的速度
- 改善 PIXNET 名片頁打包速度。
- 使用 speed-measure-webpack-plugin、webpack-bundle-analyzer 和 Webpack Visualizer 的套件分析,哪些模組影響到整體打包的時間。
- 在 PIXNET 名片頁觀察到,moment.js 的容量大,進而影響打包速度,將 moment.js 拔除之後,整體的時間縮短 10 秒。
- 撰寫 unit test 避免拔除 moment.js 後,自己寫的程式碼出現問題。
使用語言:
JavaScript、PHP
使用框架:
1. Angular 1.5
2. React
3. Vue 2/3
4. Laravel
5. Cypress
使用工具:
Git、tmux、Webpack、Rollup
十二月 2018 - 六月 2019
工作內容:
1. 負責維護加水站網站後台新功能的開發,串接加水站裡面的IoT設備,網頁端可即時顯示銷售狀態,擔任RD角色。
2. 負責點餐機的介面開發,擔任RD角色。
3. 負責101筷子販賣機的網站後台網頁與資料庫開發,串接販賣機裡面的IoT設備,網站後台可即時顯示銷售情況並且顯示每件商品的庫存、補貨通知、銀行的金流的紀錄,擔任RD角色。
4. 負責開發Cocobar KTV的後台網頁與資料庫開發,顯示銷售紀錄、設定每部機台的歌曲售價、串接Line Pay和街口支付等服務,擔任RD角色。
使用語言:JavaScript、PHP
使用框架:Vue、Laravel
九月 2018 - 十一月 2018
工作內容:
1. 負責串接Facebook API與Google API,將Facebook粉絲團後台的數據資 料透過Google API自動生成google slide,節省粉絲團的小編做報表的時間,擔任RD角色
2. 使用python爬蟲爬Google新聞的熱門關鍵字,將爬出來的關鍵字輸入到 Facebook搜尋中,再爬Facebook所搜尋出來的資料存到伺服器中進而將內容顯示到公司的網站中,顯示的資料包含文章與影片,擔任RD角色
3.維護公司的網站與添加新功能,擔任RD角色
使用語言:JavaScript、Python、PHP
使用框架:Vue、Django
三月 2016 - 八月 2018
工作內容:
1. 參與開發洋拓華商採購網網站。
2. 開發洋拓華商採購網iOS Apps。
3. 維護舊扶輪社網站並開並改版扶輪社新網站的開發。
4. 參與珠寶店後台網站的開發。
5. 開發珠寶店iOS Apps。
6. 研發天然氣瓦斯表數字辨識的演算法。
使用語言:JavaScript、PHP、Swift、OpenCV、C++、MYSQL
使用框架:jQuery、Vue
2013 - 2015
2007 - 2011