網頁全端工程師,專注於前端開發、UX 設計及無障礙網頁規範。喜歡研究 Functional Programming,目前正在學習 Haskell。
網頁工程師
新北市,TW
[email protected]
為幫助記憶五十音的 web app。
負責規劃產品功能及繪製 Wireframe(Figma),接著交由設計師繪製彩色稿後,以 Vue.js 來實作。
在這個 Project 中嘗試使用 xState 進行狀態管理,取代 Vuex,好處是可以將 Business Logic 與 UI component 分離,以此減少當設計師更動界面設計時需要調整的程式碼。
依照 W3C 的關於 a11y 的規範,在 component 中實作了方便鍵盤使用者的操作。以及實際使用 Screen Reader 測試 aria tag 是否正確。
使用 Service Worker 提供離線使用功能。
獨立開發、維護公司品牌網頁後端(Python)、管理資料庫(PostgreSQL)、伺服器(Ubuntu、Nginx)及前端界面。
與設計師、後端工程師合作,維護、開發公司產品前端界面(Vue.js)。使用 Echarts.js、SVG 將數據視覺化、利用 HTML canvas 呈現攝影機畫面,並使用 canvas api 於畫面上及時繪製 bounding box 等資料將其視覺化。
文章附圖為當時負責產品
https://www.ithome.com.tw/news/131004
初期規劃產品 User Story、Information Architecture、Logic Flow 後交由 PM 繪製 Wireframe。
中期負責開發、設計後端 api( Node.js、Express)、文件撰寫(Swagger)、測試(Jest),以及資料庫設計(PostgreSQL)。
後期負責開發雙平臺(iOS、Android)App(Nativescript-vue),以及網頁前端開發(Vue.js、Nuxt.js)。
與設計師、後端工程師合作,維護、開發公司產品。
公司產品使用 Cordova 建構 hybrid App,前端使用 Vue.js 框架。
網頁全端工程師,專注於前端開發、UX 設計及無障礙網頁規範。喜歡研究 Functional Programming,目前正在學習 Haskell。
網頁工程師
新北市,TW
[email protected]
為幫助記憶五十音的 web app。
負責規劃產品功能及繪製 Wireframe(Figma),接著交由設計師繪製彩色稿後,以 Vue.js 來實作。
在這個 Project 中嘗試使用 xState 進行狀態管理,取代 Vuex,好處是可以將 Business Logic 與 UI component 分離,以此減少當設計師更動界面設計時需要調整的程式碼。
依照 W3C 的關於 a11y 的規範,在 component 中實作了方便鍵盤使用者的操作。以及實際使用 Screen Reader 測試 aria tag 是否正確。
使用 Service Worker 提供離線使用功能。
獨立開發、維護公司品牌網頁後端(Python)、管理資料庫(PostgreSQL)、伺服器(Ubuntu、Nginx)及前端界面。
與設計師、後端工程師合作,維護、開發公司產品前端界面(Vue.js)。使用 Echarts.js、SVG 將數據視覺化、利用 HTML canvas 呈現攝影機畫面,並使用 canvas api 於畫面上及時繪製 bounding box 等資料將其視覺化。
文章附圖為當時負責產品
https://www.ithome.com.tw/news/131004
初期規劃產品 User Story、Information Architecture、Logic Flow 後交由 PM 繪製 Wireframe。
中期負責開發、設計後端 api( Node.js、Express)、文件撰寫(Swagger)、測試(Jest),以及資料庫設計(PostgreSQL)。
後期負責開發雙平臺(iOS、Android)App(Nativescript-vue),以及網頁前端開發(Vue.js、Nuxt.js)。
與設計師、後端工程師合作,維護、開發公司產品。
公司產品使用 Cordova 建構 hybrid App,前端使用 Vue.js 框架。