Profile 03 00@2x

蔡榮豪 - 前端工程師

善於辨識與層別問題、溝通聆聽與介接

可以在多樣的環境中發揮價值並成長 



經歷

Cloud Interactive 雲端互動,Senior Front-end,2022/4 - now

  • - 開發核心功能( Just-Kitchen & TSMC) 
  • * Typescripts開發 
  • React.js、Redux、React router、Context api 
  • 串接Google map & 金流 api
  •  graphQL、Apollo client 
  • Optimized the performance of page rendering to reduce the number of render by 35% 
  • Solved large data rendering issues from 1.7s to 0.9s 

台灣樂天市場,Junior front-end developer,2020/3-2021/4

Rakuten Ichiba website structure, striking a balance between functional and aesthetic design, and ensuring web design is reliable and optimized for smartphones 

  1. Navigation 
  2.  Search 
  3. Shop & Item 
  4. Shopping cart
  • Refactored legacy code to reduce response time by one third

Rovisys Automation,Automation System Engineer,2018/6 -2019/6

  1. 在工作中運用 VB、Ifix、PLC(Rockwell) 以及實體的制動器和感測元件、Panel來達成工業4.0的自動化 
  2. 於新莊處理過 SSMC(新加坡半導體) 做過Panel的FAT。 
  3. 於上海做過 富士康武漢、廣州 廠的Panel FAT、VFD test。 
  4. 在 超視堺 的廣州廠擔任PEC的System Engineer & Installation Engineer

普誠科技,Motor Driver IC/Intern 2016/7 - 2016/9
  1. 於普誠科技的Motor Driver IC部門擔任實習生時,學習PCB Layout 並 實際自己去焊以及去PCB印刷廠觀摩以及檢測公司的電路板。
  2.  學習用keil uvision來和電路板做溝通並且利用不同的程式碼達到不同的功能,爾後以示波器觀察其波型核對程式碼是否正確。 
  3. 於實習期間從不遲到早退,和部門的主管以及工程師前輩們相處融洽。

技能 Skills


   
Paragraph image 01 00@2x 1a3881c875a7a1fb1e859435ef9363b5ddf36f4e73d1ad63a1a0af69f2a9f745

語言能力

  • 中文 - 精通
  • 多益英文(聽 : 495 說 : 400、讀 : 150、寫 : 170) - 精通

前端技能

Typescript
React.js
Redux, Redux thunk
React Router dom
Material-UI 
Babel CSS, Sass
Webpack
Unit Test : jest & enzyme 



後端技能

MongoDB & MongoDB atlas & Mongoose
Node.js & Express
passport.js : third party login
multer 
aws-sdk
LightSail 
Git flow

興趣

在工作之餘進修自學 運用python的vectorbt talib finlab_crypto 從網路獲取不同標的的價格與成交量,並使用程式寫出策略,進行回測然後針對不同策略進行優化。

OPENCV

在製作專題時運用OPENCV做人臉偵測。
並不止於在照片上偵測人臉,延伸到影片上,做人臉的偵測。



微控制器&PLC

在工作中運用 VB、Ifix、PLC(Rockwell) 以及實體的制動器和感測元件、Panel來達成工業4.0的自動化





Side Project : 原生D3股市量價圖

功能介紹:
  • 單純只有用D3原生的module
  • Scroll to Zoom-in
  • Drag to panning
  • Material-UI

利用閒暇時間,想挑戰自己用React+D3做出來的side project

專案

原生D3股市量價圖


了解詳情

Side Project : Wayfarer (MongoDB + Express + React.js +Node.js)

功能介紹:
  • Question and Answer 實作 類似論壇的制度 
  • 讚跟噓 可以對景點、食物、Q&A在評論的時候,按讚或噓。
  • 登入系統 在註冊的時候會確保信箱沒有被重複註冊 並且對密碼進行雜湊加密
  • 管理員權限 能夠新增景點、美食、活動,並且刪除留言
  • 必須登入後才能留言

向外國人介紹台灣的景點以及美食,還有最新活動的個人網站


利用閒暇時間,憑藉著Stackoverflow&Youtube&Udemy,從0到1,從前端到後端,自身一人誕生出來的一個APP 。

Projects 00 00@2x

Wayfarer

Explore Taiwan holidays and discover the best time and places to visit.


Side Project : 浪人預報

視覺化的圖表呈現浪況預報

Projects 00 00@2x

Socket IO chat room


Frontend: 

元件切版(還原自身畫的wireFrame)

React.js, Redux, React Router dom, React dom

React Hook, History 

Axios (串接 API) 

Material-UI 

RWD 使用pixel斷點 讓在不同螢幕大小所呈現的網頁不會跑版 

Babel 

CSS, Sass 

Day.js(捨棄moment.js) 

Webpack(自動化打包工具的配置) => 

Uglyfy &splitChunks等plugins... Bundle.js 從 13mb降至 570kb

Backend:

MongoDB & MongoDB atlas & Mongoose :

使用Nosql來儲存資料 並且把資料存在雲端 

Node.js & Express :建立Http server  

Bcrypt :使用雜湊密碼 提升密碼安全性  

passport.js :建立會員系統並且支援第三方登入(facebook) 

multer :使用express的middleware handling form-data 

aws-sdk :使用 Amazon Web Service S3 來儲存圖片資料 

LightSail :

使用 Amazon Web Service LightSail 並以Ubuntu Linux OS來架構伺服器 

Github :使用Github來保存程式碼並且做版本管理 

自製留言按讚按噓系統

Tools / Development

  • VS Code
  • NPM 指令
  • Git flow
  • Chrome Dev Tool , React Dev Tool, Redux Dev Tool
  • Webpack
  • Postman 測試 REST API
  • Unit Test : jest & enzyme 

Side Project: 回測策略與績效


Python:

vectorbt

talib

finlab_crypto

pandas

yfinance

numpy

numbers

概略:

在工作之餘進修自學 運用python的vectorbt talib finlab_crypto 從網路獲取不同標的的價格與成交量,並使用程式寫出策略,進行回測然後針對不同策略進行優化。

自傳












自我描述

我是蔡榮豪,畢業於國立台北科技大學,機械工程系,機電與控制組,曾任於新加坡商Rovisys Automation,Automation擔任自動化系統工程師、台灣樂天市場的前端網站開發人員。

求知慾強烈,而求知慾強烈往往伴隨著的是猛烈的挑戰,當你要跨到未知的領域的時候,因為沒有觸碰過,只能憑藉自身去克服,但是靠著一己之力克服困難後,成就感也是無比強烈的。在閒暇的時候,我常自學一些我感興趣的東西,學習新知、鑽研技術是我認為我能成為工程師的一大助力。但是,一個人的能力總是有限,當遇到困難或是想法出現分歧後,我也很喜歡和人交換想法,和人交換想法不僅能讓目標更明確,往往還能磨擦出更閃亮的火花。












工作態度

解決問題 : 

在工作的時候,我喜歡把工作目標、遇到的問題條列出來,遇到盲點時,除了自行找尋解決方式,亦會主動和同事或主管討論,共同排解問題,甚至激盪出更佳的解決方案。


自我進步 : 

在解決問題後,清楚地記錄下遇到的狀況,以及對於狀況的描述,再以簡潔明確的語言去闡述解決方法,為的就是不在同樣的問題上被絆倒第二遍。


團隊合作 : 

溝通,是團隊合作最重要的一個部分,而尊重每一個人意見是溝通的基礎。之前專案中有幸擔任小組長,我會鼓勵成員透過發問去尋找問題的根源,不斷尋找各種提問的機會,就是在更接近答案。












自我期許

在這份工作中,我發現自動化工程不僅僅只是把參數環境控制好,更重要的是安全的部分,但自動化工程離生活太遠了,而沒辦法陪伴家人我希望這一個月的我都能比上一個月的我更進步一點,不論是學習或是再一次遇到相同問題的時候,都能比過去的我更好一些。對於自己能力的提升,能夠更全盤的了解目前正在鑽研的東西,以及更加個能夠獨當一面,成為能帶領其他人一起進步的人


相關證明

  • Toeic score report

Paragraph image 02 00@2x cb1a9cce8ec2420576e7f93d4a97d2663cb38d3060b7943702140d7f6da9f81e
Powered By CakeResume