我相信「持續開發對學習的熱情，將永遠不會停止成長」。

 

 而程式邏輯思考是我對網頁設計熱情的起點， 

 透過一點一滴累積程式與設計的專業知識， 

 享受樂在其中的過程，並追求不斷的進步， 

 期許能精準的解決客戶問題。           

 Phone : 0912-737-929 

 E-mail : [email protected]

 地點 : 雙北、WFH

HINO 車隊管理系統

使用react框架實作介面，以functional component切分元件，並使用hooks來管理state、處理sideEffect、減少重渲染次數、優化性能。

跨組件存取state有使用useContext與redux集中管理。

並在使用redux修改state時，以redux-saga處理middleware。

管理系統中有提供給管理者監看即時地圖資料，地圖呈現與互動以openlayers實作，所有車輛即時狀態資料使用socket.io即時更新資料。

管理系統有提供給管理者查看的各項表格與統計圖表，使用bootstrap-table實作表格、charts.js實作統計圖表

樣式部分以ant-design、material-ui實作

OPS 服務開通系統

介面是針對手機版web設計。

前端部分：

使用vue2框架實作介面，以單文件組件撰寫各元件，各元件樣式用ant-design實作。

使用vue-router控制前端頁面路由，由於頁面的瀏覽權限會因為服務是否已開通而不同，以路由守衛beforeEach以及beforeRouteEnter控制。

跨組件存取state使用vuex集中管理。

開通系統中有提供給駕駛看即時地圖資料與行駛任務點位顯示，地圖呈現與互動以openlayers實作，所有車輛即時狀態資料使用socket.io即時更新資料。

後端部分：

使用node.js的express框架實作api server，用express的route實作restful api，並處理response前要驗證等動作的middleware。

用socket.io實作websocket，並和前端連線，由於即時資料放在azure的service bus裡面，將server與service bus對接，從service bus取得資料後再主動對前端emit最新的資料。

簡歷Summary

  接觸網路產業之後，發現自己對網路前後端技術產生濃厚的興趣，想獲得這方面專業知識與技能，於是開始利用下班時間學習。在學習的這段時間，面對不同的問題和BUG，從自己上網找參考資料、翻書尋找解決方式，不斷思考可行性與修正觀念，直到驗證並成功寫出來。在這反覆的過程中，累積的成就感是非常棒的，並享受其中，它同時也是引領著我前進的動力。 

  雖然自己非相關科系，但一路學習下來發現自己喜愛思考的特質很適合。我的優勢在:樂於學習新知並有良好的自學能力、對UI/UX有部分的知識基礎、也具備基本的前端技術實作能力。 我喜歡跟人互動溝通，做事情積極主動，在團隊專案開發的過程中，更體會到討論與傾聽可以協助整個團隊達成良好的共識，增進開發的流暢度。而網頁設計、程式設計的學習也帶給我很大的成就感。

  我期待未來在這個領域持續成長，以及持續學習新的技術；同時期望累積更多的專案經驗,增進自己的實力,並對公司企業能有實質的貢獻。