Keelung City, Taiwan
HTML5 CSS Javascript Vue3 Nuxt.js
Ruby Ruby on Rails Git Drupal WordPress
解決問題只是基本,主動從問題發現新問題,修正優化或給予回饋。
成長型特質,不會就學!學不會就多練幾次!
正向與多方位思考,理解需求目標與對象,並表達自己的想法。
持續學習,只有更好沒有最好。(技術、心法、溝通表達)
二月 2020 - Present
Backme 貝殼集器、WaBay 挖貝:
因平台開發人力不足,所以自主學習,且主動參與團隊進行協作,轉職為全端。
平台部署:週期進行系統部署作業,部署前先確認當前部署內容與進度外還會確保相關測試全數通過
金流相關:維護藍新(一次扣款、定期定額、全額退款、部分退款、平台商撥款)、串接 AFTEE(先享後付、退款)
結帳流程:SKU 結帳流程結構設計、結帳金額計算包含:商品金額、折扣券、額外贊助、平台抽成、首期、週期等..
系統權限:釐清與整理原先系統權限架構:區分權限邏輯與業務邏輯、建立權限相關設定規範
測試撰寫:Rspec Unit Test、Feature Test、Jest Unit Test
系統介面:後台介面 UI/UX 包含:商品上稿、SKU/SPU、訂單資訊呈現、折扣券、資訊揭露與承諾條款上稿等...
系統優化:解決 n + 1 問題與透過物件設計解決複雜的邏輯設計、介面組件化:圖片上傳、Dialog、jQuery 用的 v-show 等工具,部分組件 Functional CSS 定義、將前端打包工具從 Weback 替換成 Esbuild 提升至少 3 倍以上的時間
其他功能:訂閱電子報、發票資訊、限定商品折扣券、架設 Localtunnel、分類商城、簡易會員 CRM 工具、下載報表、檢查訂單狀態排程腳本、簡易 CMS 系統
行銷獨立站:
Taiwan Can Help (連結):從零到有只花不到 2 個工作天,因為是急件因此有多名工程師參與,含 Twitter API 串接
文字遊戲 (連結):使用 Pixi.js 透過粒子發散的方式做出手電筒照明與飛龍破牆的特效
聲林之王2 (連結):使用 Pixi.js 製作紙娃娃、猜歌曲、歌手競速等遊戲,其中的競速遊戲有使用一些速度、加速度、等物理計算,另外也有使用 Rails 來處理會員登入與遊戲結果分數計算,並將分數轉換成抽獎券進行抽獎
諸葛四郎:串接 Facebook 登入與使用 ScrollMagic/TweenMax 製作動畫互動,另外還有使用 Google Firebase Realtime Database 的服務製作會員成就任務功能,完成任務後提供名單給執案部門寄送回饋品
台北秋到報 (連結):因外包工程師開窗,臨時用休假 2 天的時間將完成度 20% 左右的網站完成,含多國語言的功能
美國運通長榮航空簽帳金卡 (連結):使用 Vue 製作里程計算機與顯示對應的計算公式
OTHER:
公司電玩社社長,訓練團隊合作與同事情感凝聚,除了技術相關分享外,也有關於心法等正能量議題分享,有獨自處理公司國外員工旅遊的經驗...
十一月 2018 - 二月 2020
Friday 購物、Friday 加購:
主要協助調整購物平台的樣式排版,與維護使用 React 與 Redux 製作的 Friday 加購,期間也有使用 Vue 的框架,透過前後端分離的模式來製作相關後台介面。
新北耶誕城 AR 夾娃娃機:
新北耶誕城櫃位實體活動,櫃位現場會擺放活動用的 Mark 讓玩家尋找,用手機掃描 Mark 後,會將娃娃掉落到夾娃娃機內,使用夾娃娃機夾取完完畢後,發送相關禮物代碼。(AR.js、Pixi.js、當時研究的文章與簡報)
新北耶誕城星空煙火:
新北耶誕城櫃位的實體活動,遊戲內容為使用者寫下聖誕願望後,透過手機的陀螺儀將願望甩出,就會在展櫃螢幕上,即時出現伴隨的願望的煙火。(Canvas、Google Firebase Realtime Database)
限時天降金幣送購物禮金活動:
製作接金幣小遊戲並與後端做串接,當到達指定時間時網站頁面會直接降下金幣開始遊戲,將遊戲遊玩結果送往後端,作為發放客戶的禮金。(Pixi.js、天降金幣遊戲(純套件,非當時製作效果))
OTHER:
期間有向部門做技術相關的分享,包含 Git 基礎原理與使用教學、 WEB AR 等等。有當過短暫的 Scrum Master...
二月 2015 - 七月 2016
從實習到正職,第一次進入 WEB 開發領域,過程中接觸了 Druapl、WordPress 等 CMS 系統,此時將自己定位為前端工程師,期間提供公司前端開發架構(SASS MIXIN、Functional CSS)與流程,提昇前端開發的速度。
期間作品:TakeOneMusic、Hot 墾丁旅遊網、誠遠國際商務中心、JPTIP 日本工作方案、皇城老媽、原味本舖、晶仁國際行銷、藝之坊...
Keelung City, Taiwan
HTML5 CSS Javascript Vue3 Nuxt.js
Ruby Ruby on Rails Git Drupal WordPress
解決問題只是基本,主動從問題發現新問題,修正優化或給予回饋。
成長型特質,不會就學!學不會就多練幾次!
正向與多方位思考,理解需求目標與對象,並表達自己的想法。
持續學習,只有更好沒有最好。(技術、心法、溝通表達)
二月 2020 - Present
Backme 貝殼集器、WaBay 挖貝:
因平台開發人力不足,所以自主學習,且主動參與團隊進行協作,轉職為全端。
平台部署:週期進行系統部署作業,部署前先確認當前部署內容與進度外還會確保相關測試全數通過
金流相關:維護藍新(一次扣款、定期定額、全額退款、部分退款、平台商撥款)、串接 AFTEE(先享後付、退款)
結帳流程:SKU 結帳流程結構設計、結帳金額計算包含:商品金額、折扣券、額外贊助、平台抽成、首期、週期等..
系統權限:釐清與整理原先系統權限架構:區分權限邏輯與業務邏輯、建立權限相關設定規範
測試撰寫:Rspec Unit Test、Feature Test、Jest Unit Test
系統介面:後台介面 UI/UX 包含:商品上稿、SKU/SPU、訂單資訊呈現、折扣券、資訊揭露與承諾條款上稿等...
系統優化:解決 n + 1 問題與透過物件設計解決複雜的邏輯設計、介面組件化:圖片上傳、Dialog、jQuery 用的 v-show 等工具,部分組件 Functional CSS 定義、將前端打包工具從 Weback 替換成 Esbuild 提升至少 3 倍以上的時間
其他功能:訂閱電子報、發票資訊、限定商品折扣券、架設 Localtunnel、分類商城、簡易會員 CRM 工具、下載報表、檢查訂單狀態排程腳本、簡易 CMS 系統
行銷獨立站:
Taiwan Can Help (連結):從零到有只花不到 2 個工作天,因為是急件因此有多名工程師參與,含 Twitter API 串接
文字遊戲 (連結):使用 Pixi.js 透過粒子發散的方式做出手電筒照明與飛龍破牆的特效
聲林之王2 (連結):使用 Pixi.js 製作紙娃娃、猜歌曲、歌手競速等遊戲,其中的競速遊戲有使用一些速度、加速度、等物理計算,另外也有使用 Rails 來處理會員登入與遊戲結果分數計算,並將分數轉換成抽獎券進行抽獎
諸葛四郎:串接 Facebook 登入與使用 ScrollMagic/TweenMax 製作動畫互動,另外還有使用 Google Firebase Realtime Database 的服務製作會員成就任務功能,完成任務後提供名單給執案部門寄送回饋品
台北秋到報 (連結):因外包工程師開窗,臨時用休假 2 天的時間將完成度 20% 左右的網站完成,含多國語言的功能
美國運通長榮航空簽帳金卡 (連結):使用 Vue 製作里程計算機與顯示對應的計算公式
OTHER:
公司電玩社社長,訓練團隊合作與同事情感凝聚,除了技術相關分享外,也有關於心法等正能量議題分享,有獨自處理公司國外員工旅遊的經驗...
十一月 2018 - 二月 2020
Friday 購物、Friday 加購:
主要協助調整購物平台的樣式排版,與維護使用 React 與 Redux 製作的 Friday 加購,期間也有使用 Vue 的框架,透過前後端分離的模式來製作相關後台介面。
新北耶誕城 AR 夾娃娃機:
新北耶誕城櫃位實體活動,櫃位現場會擺放活動用的 Mark 讓玩家尋找,用手機掃描 Mark 後,會將娃娃掉落到夾娃娃機內,使用夾娃娃機夾取完完畢後,發送相關禮物代碼。(AR.js、Pixi.js、當時研究的文章與簡報)
新北耶誕城星空煙火:
新北耶誕城櫃位的實體活動,遊戲內容為使用者寫下聖誕願望後,透過手機的陀螺儀將願望甩出,就會在展櫃螢幕上,即時出現伴隨的願望的煙火。(Canvas、Google Firebase Realtime Database)
限時天降金幣送購物禮金活動:
製作接金幣小遊戲並與後端做串接,當到達指定時間時網站頁面會直接降下金幣開始遊戲,將遊戲遊玩結果送往後端,作為發放客戶的禮金。(Pixi.js、天降金幣遊戲(純套件,非當時製作效果))
OTHER:
期間有向部門做技術相關的分享,包含 Git 基礎原理與使用教學、 WEB AR 等等。有當過短暫的 Scrum Master...
二月 2015 - 七月 2016
從實習到正職,第一次進入 WEB 開發領域,過程中接觸了 Druapl、WordPress 等 CMS 系統,此時將自己定位為前端工程師,期間提供公司前端開發架構(SASS MIXIN、Functional CSS)與流程,提昇前端開發的速度。
期間作品:TakeOneMusic、Hot 墾丁旅遊網、誠遠國際商務中心、JPTIP 日本工作方案、皇城老媽、原味本舖、晶仁國際行銷、藝之坊...