Cfpqc9rnmr4caaabqzgs

祁耀慶

Sr. Full stack Engineer  •  新北市,TW  •  [email protected]

我追求有效率的工作,並擁有積極完成工作、優化效能的熱血,可在短時間內從無到有建立起相關頁面及功能,也喜好追求新技術、並持續優化過往開發的項目,我對於本身學習相關知識速度很有把握,可在短時間內學習相關知識並實際使用,且思考長期運作的優缺點加以改善,同時也在空閒之餘學習後端、DevOps方面知識,慢慢往全端工程師發展。

基本使用技術為 JavaScript、jQuery、bootstrap,搭配ES6+語法加上 非同步技術async /await、promise控制與後端API串接行為,到後期的Vue.js 框架搭配Vuex狀態管理、Vuetify CSS framework、Material Design Style,且持續性地尋找並搭配合適的技術調整開發上的不足。

目前我專精於使用Vue開發SPA網站,可快速建立起一個穩定運作的平台,包含建立Vue專案、使用node作為server、並透過webpack編譯、Docker打包成image、各平台 CI/CD 的自動化部署、AWS雲端伺服器建立以及自動化更新image、load balance的基礎運用等等。

開發是使用Vue CLI建立起webpack base Vue專案,並使用預處理器pug and sass來維持HTML頁面整潔性以及CSS可編程性,利用Vue-Router來達成SPA頁面切換效果,並使用Vuex整合網站中資料流的處理及應用,使得編碼維護更加簡單明瞭,代碼分離使得工作更容易維護。

除了上述SPA建置外,還使用到 Node.js、Express.js來作為SPA proxy server, 使得編譯好的Vue files藉由Express伺服器來運行,同時也避免了瀏覽器CORS 問題產生。

在Backend實作中,基於node.js上使用WebSocket server and client 來進行溝通,以達成real time send message and pub/sub function. 並利用MongoDB來處理data and document,且不會因為資料結構異動造成維護上的不便

熟悉WebRTC並實作即時影像傳輸功能,可以建立起點對點的 video broadcast,並了解有關於影像格式的技術以及應用工具,包含了ffmpeg等等,為公司實作了在市場上還沒有見過的 video streaming platform on web for real time.

部署方面,熟悉Git作為版本控制且遵循Git Flow風格,並搭配各平台的 CI/CD 功能進行編譯、ESLint驗證、build Docker、建置自動化部署環境,建置成功後使用AWS作為虛擬機器部署服務,利用ECS高度彈性的EC2管理、lambda serverless function並搭配load balance服務以及憑證設置來完成URL配置。

後續追蹤網站方式則使用了GA & GTM來觀察網站流量以及使用者行為追蹤,讓設計的內容可以因為觀察結果做進一步的調整。

以上述的各個項目以及經驗,我渴望成為公司中的即戰力,協助公司完成目標並且一起成長。

技能


靜態網頁

使用 Vue.js SPA、javascript、CSS、打 造出效果十足的靜態形象官網


後台CMS

使用 Vue.js SPA、javascript、CSS、 Vuetify、Node.js、Restful API 建立後 台操作系統、並提供圖表功能豐富操作


PWA

使用 PWA 技術讓網頁效果直接安裝在手 機上,模擬 Native APP 使用者體驗,強

工作經歷

Simplylive.tv, Sr. Full stack Engineer, Apr 2019 ~ 現在

I'm working on the video streaming with live broadcast and make a whole new version of platform on web page, it's a brand-new idea in this industry and no one did it before: it's called "UI-Gateway", I make it come true and running stable.

Took a lead on the web and UI-Gateway projects, and I also using the WebRTC and WebSocket for backend to achieve our web products and Pub/Sub system, it works very nice and smooth.

I also using the MongoDB to store our metadata, it could be replay on the web using the metadata or sharing to other users.


Kvt064ldxlw60dqr5fhu

愛迪豪科技股份有限公司, 資深前端工程師 , Dec 2018 ~ Feb 2019

負責建立APP端所需呈現的教練課程資訊。
串接Youtube API & OBS取得 影像串流及串接直播功能。
串接 Firebase Cloud Messaging (FCM) API推送訊息給雙平台APP用戶。
使用 Vue.js SPA 建立管理後台 (CMS),並規劃上架影片以及Youtube 串接設定、控制APP端直播影片播放時機,並且產生相關教練收益報表。


Txsvjepry0hefm7h9szj

新儀科技股份有限公司, 資深前端工程師, Jun 2016 ~ Dec 2018

原任職 華阜科技 (Huafu Alinking Tech.),於 2017 年被 新儀科技併入。
負責公司對外營運服務後台,主要有包含下列各項服務:

運動健身服務平台:打造運動健身產業線上結合線下服務,提供顧客線上預約、課程管理、場地管理、推播訊息串接、登入身份驗證。

餐飲管理後台:提供公司銷售POS機所需的使用者操作後台,可於後台中操作商品上下架功能,並串接LINE點餐機制、報表查詢以及輸出。

金流服務後台:串接公司內部刷卡機資訊流,並將其整合成各式營運報表提供給店家查詢。

使用Vue.js JS framework開發前端頁面,包含靜態網頁以及與管理者互動的後台管理系統。


Onzrlpd8q6xj8edvqfp9

瀚霖科技股份有限公司, 軟體工程師, Nov 2011 ~ Jun 2016

公司主要產品為路由器,交換器韌體開發廠,重點擺放在飯店等大中小型服務業使用付費上網等認證機制及上網機制(roaming),近年來轉型作雲端服務功能,主力放在使用多種社群平台提供快速上網機制以及廣告宣傳的相關服務,包含了前後台:

前台部分:使用多種社群平台機制(FB, GOOGLE, LINE, WeChat, Twitter…etc…),與上述社群平台使用API做串接後取得相關個人訊息作為資料蒐集,並提供相關廣告或者推文服務,達到快速上網以及廣告曝光等效果。

後台部分:後台控制中心,讓購買機器廠商能透過設定來發布前端上網方式以及廣告曝光方式。

金流部分:使用簡易型的購物車套件來儲存機器license購買訊息,透過Paypal API來與其平台串接以作為付款平台。

上述後端主要以CodeIgniter( PHP framework )架設,前端使用 Javascript & JQuery & AJAX 來控制及傳送JSON or HTML格式資料,套用bootstrap效果,並透過MySQL作為DB儲存相關資料。

前端網頁部分使用了RWD技術,作為多平台使用解決方法。

使用AWS雲端服務架設伺服器端,建置一個IaaS(Infrastructure as a Service)環境(EC2),並結合AWS RDS作為DB儲存空間。

前端技術研究,例如AngularJS等等。

PhantomJS Javascript 技術運用

H1mu1ybku9elrkuhpftl

學歷

明新科技大學, 碩士學位, 電機所資工組, 2009 ~ 2011

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porttitor dapibus ipsum ut efficitur. Aliquam feugiat nec sem dapibus blandit.

Jkznjhuci75ywyxvm1ul

明新科技大學, 學士學位, 資訊工程系, 2005 ~ 2009

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porttitor dapibus ipsum ut efficitur. Aliquam feugiat nec sem dapibus blandit.

Ywpoprjufb06unfnh2kh

作品集


動畫作品集

Projects 01 00@2x

自我創作動畫作品集 

使用基本的 javascript、CSS3、animation、SASS模組化功能 建立有趣的動畫作品

Fitz WebSite

Projects 01 00@2x

Fitz 形象官網

使用 Vue.js JS framework開發 SPA 前端頁面。 

Fitz CMS

Projects 01 00@2x

  1. 負責建立APP端所需呈現的教練課程 
  2. 串接Youtube API & OBS取得 影像串流及串接直播 
  3. 串接 Firebase Cloud Messaging (FCM) API推送訊息給雙平台APP 
  4. 使用Vue.js SPA建立管理後台 (CMS),並規劃上架影片以及Youtube 串接設定、控制APP端直播影片播放時機,並且產生相關教 練收益報表。

金流後台

Projects 01 00@2x

金流服務後台: 
  1. 使用Vue.js JS framework開發前端頁面,包含靜態網頁以及與管理者互動的後台管理系統。 
  2. 串接公司內部刷卡機資訊流,並將其整合成各式營運報表提供給店家查詢。

健身預約平台

Projects 01 00@2x

運動健身服務平台: 
  1. 使用Vue.js JS framework開發前端頁面,包含靜態網頁以及與管理者互動的後台管理系統。
  2. 打造運動健身產業線上結合線下服務,提供顧客線上預約、課程管理、場地管理、推播訊息串接、登入身份