Github: smallma
Twitter: Rain_Lin
linkedin: rain-lin
- PureJS / jQuery / ES6
- SCSS/SASS
- CSS Animation/ SVG / Canvas / Pixi.js
- PUG
- Python
- Sencha Touch
- Vue.js
- ReactJS
- Grunt (BrowserSync, Browserify, Babel)
- Webpack
- Git
技術主任 Jul. 2015 - now
- 前端專案管理
- 導入前端技術與網頁特效研發
二級專員 Sep. 2011 - Jun 2015
- 設計與參與前後端程式開發
- 參與Agile開發流程
統計室組員/役男管理幹部 Sep. 2010 - Jun 2011
- 管理役男生活起居，與協助處理推廣教育訓練
- 協助統計室處理稅,健,罰,費案件遲繳金額審核與校對
Tilera @Quanta 2011~2012
Tilera是ㄧ個擁有64核心的刀鋒伺服器，提供強大的運算處理能力，能同時跑數十個VM
-
####Kernel Optimization
針對伺服器上所有服務調整一適當的Linux kernel， 讓伺服器的硬體與VM間的資源配置能更為平均且適當， 讓Tilera效能發揮至極致
-
####Memcached
透過PHP開發後端即時監控程式， 提供GWT前端一串接介面，能及時獲取Memcached資訊， 並能動態配置Memcached與調整fallback機制
### [Quanta Cloud Technology](http://www.qct.io/) *@Quanta 2012~2013*
-
####OpenStack Glance
Glance是一映像管理工具，在OpenStack中負責記錄iso的metadata， 透過Glance可以更簡單的操作與管理iso檔
我主要負責部份是透過Python撰寫Script，確保發生錯誤時能馬上回復， 並修改Glance程式碼，解決已知Bug
-
####Storage auto deployment
硬碟自動配置是重要的部分，如何快速且動態正確配置硬碟， 會嚴重影響使用者的使用經驗與執行效率
這部分透過Python開發自動配置script，依伺服器設定檔將硬碟配置不同架構， 包括支援iscsi與ZFS等
### [Phollow](http://www.phollowapp.com/) *@Quanta 2013~2014*
Phollow是以Backbone.js實現的Hybrid App, 提供iOS與Andriod下載
主要參與Phollow後期開發，並學習Backbone與JavaScript技術
此專案中幫忙新增與修改功能
### [QOCA](http://www.qoca.net/) *@Quanta 2014~2015*
-
####QOCA Messenger
QOCA Messenger透過Sencha Touch實現的Hybird App， 提供iOS, Android App外，還有年長者專屬介面
是一實現Private Social Networks的聊天軟體， 提供一個安全的聊天介面，確保醫生，護士與病人間的對話內容隱密性
此專案中，由我實作聊天介面，前後端資料串接工作
-
####QOCA Health
以HTML實作的圖表介面，透過JS將後端即時量測資訊轉換成圖表， 讓使用者輕易了解目前的身體狀況
此專案中，由我透過highcharts實現圖表介面，並開發前後段串接介面
### [Jaybo](http://jay.bo/get/) *@Quanta 2015* Jaybo是一個即時推播平台，使用者可以即時獲得想知道的推播資訊， 例如目前開票結果，球賽比數或者藝文相關資訊
此專案中，我透過Parse.com開發 Restful API，提供給iOS與Android， 透過此平台可以簡單的發送推播訊息與建立Restful API
### [ZenFone Zoom](http://www.asus.com/Phone/ZenFone-Zoom-ZX551ML/) *@Asus 2015~2016* ZenFone Zoom 是由 HTML + SASS + JQuery 實作的 RWD 頁面，支援 IE8 瀏覽， 實作滾動視差，物件淡入淡出等特效，是第一個從設計到實作都由華碩人參與的產品頁
此專案中，由我控管專案進度，規劃程式架構與動畫實作(滾動視差，動態播放影片) 主要負責實作 Page Features, Design 還有 Sound 頁面
### [ZenFone Max](http://www.asus.com/Phone/ZenFone-Max-ZC550KL/) *@Asus 2015~2016* ZenFone Max 是由 HTML + SASS + JQuery 實作的 RWD 頁面，支援 IE8 瀏覽
此專案中，由我控管專案進度，調整動畫效能，與圖片縮圖等 主要負責實作 Page Features 與 Pixelmaster 頁面
### [ZenFone Go](http://www.asus.com/Phone/ZenFone-Go-ZB551KL/) *@Asus 2016* ZenFone Go 採用動態載入圖片的技術，提升頁面載入速度，且偵測設備解析度採用 1x/2x 圖片
此專案中，由我一人實作頁面，加入圖片 Lazy loading，1x/2x 圖片動態切換，整體 HTML 與JS 的架構也較 Zoom 更為改善，更便於在多國語系**用Global的程式碼
### [ZenFone Go TV](http://www.asus.com/Phone/ZenFone-Go-TV-ZB551KL/) *@Asus 2016* ZenFone Go TV 與 Go 採用一樣的技術與HTML架構，但JS的架構中將頁面的JS拆開，拆成 3 個小模組 resize, animation 與 common，未來使用上程式碼可以更為簡潔
此專案中，由我一人實作頁面與調整JS架構
### [ZenFone 3 Ultra](http://www.asus.com/Phone/ZenFone-3-Ultra-ZU680KL/) *@Asus 2016* ZenFone 3 Ultra 透過 waypoint.js實作全頁圖片 lazy loading, 並且實作RWD動畫效果，在不同解析度的裝置會執行不同的網頁特效，但因動畫需使用大量 PNG，讓網頁大小暴增．目前是只啟動桌機版動畫
此專案中，由我一人實作頁面與網頁特效
### [ZenFone 3 Deluxe](http://www.asus.com/Phone/ZenFone-3-Deluxe-ZS570KL/) *@Asus 2016* ZenFone 3 Deluxe同Ultra的圖片Lazy Loading架構，但只有實作桌機版網頁特效
此專案中，由我完成部分頁面排版與主要網頁 Parallax Scrolling 特效
### [Transformer 3](www.asus.com/2-in-1-PCs/T305CA/) *@Asus 2016* Transformer 3 亦同Ultra的圖片Lazy Loading架構，也只有實作桌機版網頁特效，此專案有考慮到Firefox沒實作transition background-image，是透過Opacity漸變的方式處理圖片切換
此專案中，由我一人實作頁面與按鈕切換圖片效果
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent