Kdzsybbjuvvrhittlcdm

呂琮華 Tsung-Hua Lu

專長是 Web 前端,熱愛技術、樂於分享。

除了加深前端技術外最近也在研究 LineBot 與爬蟲的搭配應用。

Sr. Front-end Engineer

[email protected]

  技術能力


 Front-end

  • HTML5
  • CSS(SCSS)
  • Javascript (ES6)
  • React、Redux、Next.js
  • Gulp
  • Webpack

 Back-end

  • Node.js/Express


 Issue Trackers

  • Jira
  • Redmine

  Version Control

  • git
  • Gitlab - CI、CD
  • Sourcetree

Cloud Platform

  • Heroku

 工作經歷


KKSTREAM, Sr. Front-end Engineer 2019.05 - Now

專案

Co-working with POs, designers, backends, QAs to build OTT platform

KKSTREAM, Front-end Engineer 2018.08 - 2019.05

專案

Co-working with POs, designers, backends, QAs to build OTT platform

 教育背景

國立臺北大學電機研究所, 電機工程乙組 2012.09 - 2014.07

電機系排球隊員, 做為先發球員參與全國大專電機盃賽

國立高雄應用科技大學, 資訊工程 2008.09 - 2012.06

活躍於系上與社團間, 2年爵士有氧社成員, 多次參與校內外活動演出

  • 爵士有氧社團 - 總務
  • 五校聯合舞展副主持人

 專案


安踏智能運動  )

2015/12 - 2016/9

安踏與鴻海合作的智能運動服務,結合鞋內的高智能晶片為跑者提供全方位的跑姿分析與精準監控。


相關技術:
AngularJS
c3.js
Google Map Api
Baidu Map Api
Gulp
Paragraph image 02 00@2x cb1a9cce8ec2420576e7f93d4a97d2663cb38d3060b7943702140d7f6da9f81e

Paragraph image 03 00@2x a10257c22ab8b43ba541f7170ecfbbafea76718648ab6504b9015d9950ed2250

安踏統計報表系統  )

2015/12 - 2016/9
將晶片資訊與跑者的APP使用習慣,透過數據圖形化呈現給營運人員,方便分析使用者情形與制定行銷策略。

相關技術: 

AngularJS 

c3.js 

Google Map Api 

Baidu Map Api

Gulp

NOKIA Customization System  )

2016/9 - 2017/1
為提供鴻海所生產之手機(NOKIA、SHARP、Infocus)使用的手機內容管理系統。詳細功能包含網際網路、各家電信業者、桌布、瀏覽器之設定。

相關技術:
AngularJS
Gulp
Paragraph image 02 00@2x cb1a9cce8ec2420576e7f93d4a97d2663cb38d3060b7943702140d7f6da9f81e

Paragraph image 03 00@2x a10257c22ab8b43ba541f7170ecfbbafea76718648ab6504b9015d9950ed2250

SHARP SmileUX  )

2017/1 - 2017/7
為SHARP設計的雲服務系統,內容包含手機與電腦間的數據同步、通訊錄與行事曆的新增修改,以及手機設備的查找。

相關技術: 

AngularJS 

FullCalendar

SCSS

Gulp

Fusion Net   獨立開發 )

2017/7 - 2017/8
為鴻海旗下的奇藝數位科技,運用Bluetooth Low Energy裝置,搭配定位技術,開發出AIoT應用平台,提供室內定位、事件偵測、智慧感知,為使用者帶來更安全更安心的生活。

相關技術:
Vue.js
SCSS
Webpack
Paragraph image 02 00@2x cb1a9cce8ec2420576e7f93d4a97d2663cb38d3060b7943702140d7f6da9f81e

Paragraph image 03 00@2x a10257c22ab8b43ba541f7170ecfbbafea76718648ab6504b9015d9950ed2250

NOKIA Statistical 

System獨立開發 )

2017/8 - 2017/9
為提供NOKIA營運人員查看各項圖表的系統, 前端採用Vue.js框架, 藉由後端返回的權限規則, 動態的掛載路由, 並串接tableau來將數據可視化。

相關技術: 

Vue.js、Vue-Router

tableau

SCSS

Webpack

手機廣告管理平台  獨立開發 )

2017/9 - 2018/3
為提供鴻海所生產之手機(NOKIA、SHARP、Infocus)使用的廣告管理系統, 可藉由此系統設定廣告類型、廣告位置的各項資訊, 並使用百度的ECharts來將數據可視化(廣告觸及率、投放效益、收益等)。

相關技術:
Vue.js、Vue-Router、Vuex
iView - Vue UI Framework
Baidu ECharts
SCSS
Webpack
Paragraph image 02 00@2x cb1a9cce8ec2420576e7f93d4a97d2663cb38d3060b7943702140d7f6da9f81e

Paragraph image 03 00@2x a10257c22ab8b43ba541f7170ecfbbafea76718648ab6504b9015d9950ed2250

帳戶管理平台 獨立開發 )

2018/3 - 2018/5
為使用React開發的Role-based access control System, 用來維護各個專案的帳戶、權限與角色。

相關技術: 

React

Redux

i18next

antd - React UI Framework

 其他作品


哇取批踢踢

(Watch PTT)

提供使用者訂閱PTT的文章標題,並透過Node.js自動化抓取網頁內容,最後藉由LineBot主動推播所訂閱之文章訊息。


相關技術:

Node.js

Mongoose

cheerio

LineBot SDK

Heroku

Paragraph image 05 00@2x d170fe8d3169a1e4180deac7150bb5e073029308e837c64ef461e01445ee7d3f
Paragraph image 05 01@2x 48a2e32b6416927a94cff749639e9bc2ccdc88b497b221b2c2ee9fe56c1e7cdd

 關於我


是一位Front-end Developer,擁有3年以上的開發經驗,且熱衷於網頁前端開發,並且樂於追求新的技術。


在專業技能上,我擅長HTML5、CSS3、Javascript、Vue.js、React、Git版本控管等技術,並擁有執行大型專案與迅速解決問題的能力。


我曾參與的程式開發專案,主要範疇涵蓋形象網站、雲端服務及管理系統等,因有多元產品開發,使我具備從前端至後端的相關知識。未來也希望能有更多的成長與發展的機會。


我對學習新的技術充滿熱情,致力成為能將設計稿100%還原,並在各個載具上體驗一致,且效能更好的工程師。


Profile 04 00@2x eb0e2fdb6b9448002be791a92293d0e3ae2d393bce3bb23c2ba1a0e8661253ed