Avatar of 劉宇綸.
劉宇綸
前端工程師
Profile
Posts
14Connections
Print
Avatar of the user.

劉宇綸

前端工程師
通往精湛技能的旅程皆始於內心的渴望,也就是盡可能地體驗各領域當中的作 品。就像演算法藉著即時吸收新的輸入而持續改進,吸收眾多例子在我的專業 生涯中也扮演了中心角色。 目前正進修第二個碩士,具有程式開發兩年半的經驗;樂於參與團隊討論與發 想,打造產品MVPs,喜歡作品完成的成就感與看到 使用者的滿意笑容與稱讚: )
Logo of the organization.
台北富邦商業銀行
Logo of the organization.
國立清華大學
台灣台北市

Professional Background

  • Current status
    Employed
  • Profession
    Full Stack Development
    Front-end Engineer
  • Fields
    Banking
  • Work experience
    2-4 years (2-4 years relevant)
  • Management
    I've had experience in managing 1-5 people
  • Skills
    Python
    Docker
    Django
    Flask
    HTML/CSS
    JavaScript / ES6 / jQuery
    UI/UXDesign
    Vue.js
    React.js
    SASS/SCSS
    RWD網頁開發
    AJAX / API串接
    Hooks
  • Languages
    English
    Fluent
  • Highest level of education
    Master

Job search preferences

  • Desired job type
    Full-time
    Interested in working remotely
  • Desired positions
    前端工程師 Front-End Developer
  • Desired work locations
    Taipei City, Taiwan
    Taoyuan City, Taiwan
    Hsinchu, Hsinchu City, Taiwan
  • Freelance
    Non-freelancer

Work Experience

Logo of the organization.

資深工程師

Jul 2021 - Present
Taipei City, Taiwan
Instant(即時推播顧客特徵與圖像分析系統) -前端: React -後端: Java Spring Boot, HADOOP, Oracle 負責項目(前端90%、後端15%): 1.從需求訪談並從0開始發想與架構,使用Figma設計UI/UX,透過Prototype與使用者討論並持續修改,找到解決方案 2.設計、整合、修改、串接Restful API,將後端結果透過API渲染至前端 3.前端元件(Function Component)維護與開發,使用Hooks與Redux,控制元件狀態(state)與參數 4.資料庫設計(Impala SQL)與架構,將要呈現的所有資料結構化與模組化 5.使用Webpack模組化打包並採用docker客製化環境,以確保上線時不因環境而有所出錯 6.以手機應用場景為主,故以RWD設計涵蓋電腦與手機介面 7.採用load Balancing提升瀏覽器速度,預計Q1上線超過1000人使用。 利率試算工具 -前端: Vue -後端: Flask 負責項目(前端100%、後端100%): 1.從需求訪談到邏輯測試,透過API串接並使用Vue搭配sass快速開發前端介面,採用RWD設計 2.埋設Google Analysis瀏覽軌跡,得知使用者操作模式與偏好,以利後續進行分析 3.三個月內完成並上線,近一個月內顧客回訪率達25% Query(No Code圖像式顧客儀表板分析系統) -前端: React -後端: Java Spring Boot, HADOOP, Oracle 負責項目(前端90%、後端10%): 1.與PM、UI/UX設計師共同合作與發想,藉由點選的方式讓數據分析人員可透過圖表輕鬆取得顧客詳細資訊 2.使用Chart.js開發儀錶板,也有同步使用p5.js和Canvas來克服特殊圖案與需求 3.資料表的設計、維護與更新,並確保資料來源與前端渲染結果一致 - 熟悉框架與語言:Vue.js, React.JS, React Hooks, Redux, JavaScript ES6, jQuery, HTML, CSS/SASS, RWD 切板與設計 - 其他熟悉工具與框架:Webpack, Git, Django, Flask, Figma, AJAX, Restful API, 資料科學與分析: 1. 運用統計與機率手法,發現顧客洞察分析結果,促使銀行以數據驅動業務 2. 提升PySpark資源效能與調整演算法複雜度,降低程式碼運行時間 82% 3. 使用柔性演算開發模型,提供PM行銷商品的折扣最佳化,並找到最佳通路與顧客回應率 - 熟悉語言:PySpark, Python, SQL, Impala SQL 其他: *使用敏捷式管理,控制與規劃時程,在六個月內將全新產品內部測試,一年內正式上線 *善於使用圖像式與資訊化簡報,簡明扼要匯報近期成果與開發狀況 *被指派前往韓國現代信用卡(Hyundai Card Co.)對接技術服務,理解如何使用創新科技打造信用卡業的SAAS服務,並熟悉其資訊架構與實作原理與技術

專業工程師

Jun 2020 - Jun 2021
1 yr 1 mo
裝備辨識系統 -前端: Vue -後端: Django, MSSQL, Oracle, MongoDB -模型: Yolov4 負責項目(前端100%、後端100%、模型100%): 1.採用RWD切版,透過Lazy Load提升載入速度,並將原始Django架構,改成前後端分離採用SPA渲染。 2.串接Google Chat Bot API,使辨識結果與圖片同時呈現在網頁與聊天機器人中 3.設計與控制使用者權限,使登入人員根據角色看到不同的內容與頁面 4.串接Google API登入,實現SSO登入機制與註冊帳號模式 4.使用docker控制環境部屬上線 5.建立模型、影像清洗、標記、訓練與模型部屬。 越南房地產實價登錄系統 -前端: Vue -後端: Flask, MSSQL, MongoDB 負責項目(前端100%、後端100%): 1.需求訪談>UI/UX設計>前後端開發,串接API與Google map API客製化地圖集與呈現內容,實作出與591出租網相同的地圖介面 2.使用者可透過地圖點選或選單進行互動,會根據使用者選擇的房屋標的切換地圖範圍 鋼筋價格預測系統 -前端: jQuery -後端: Flask, SQLite 負責項目(前端100%、後端10%): 1.需求訪談>UI/UX設計>前端開發,與後端websocket串接與持續溝通,隨時接收新的預測結果與輸入結果 機器學習,深度學習,物件辨識: 1. Python、OpenCV: 圖像清洗、數據清洗、圖像標記、數據整理、物件辨識模型建模與優化,爬蟲程式撰寫 2. Python、Ubuntu: 模型環境設定、模型上線與架設。 3. Docker: AI模型容器化,nvidia顯卡設定與容器化。 前後端技術: 1. Django、Flask、Oracle、SQL、MongoDB: 後端資料庫存取與連接、Restful API設計與建立、SSO登入機制、Token保護設計、前後端分離設定、websocket。 2. Photshop、Sketch: 前端網頁介面設計、符合RWD規範。 3. HTML、sass、jQuery、Ajax、JS: 前端網頁開發、api串接、動態網頁設定。 作品: 三個月內優化物體辨識模型,修改網頁前端介面,今年將辨識模型商品化。 辨識影片_30秒開始有違規項目: https://drive.google.com/file/d/1_s_bg3tZAJeHdqPn4EU6IVFMBx_8wtNQ/view?usp=sharing 前端作品連結 https://codepen.io/morrislcy/pens/popular

Education

Logo of the organization.
Master’s Degree
工業工程
2021 - 2024
Description
工業工程組;就讀中;主修資訊系統、作業研究、柔性演算、電腦視覺、演算法
Other
資訊管理工程所
2019 - 2019
Description
交換生;主修機器學習、資料挖礦、數據分析
Master’s Degree
會計與資訊科技學系
2017 - 2019