君子不器
君子不應像器具那樣,被塑造成只有專門用途,君子應當能夠適應新的環境和新的需要而變易。
抱持「紙上得來終覺淺,絕知此事要躬行。」的精神,從書本上習得知識後還必須親自實踐才能透徹地認識事物。
勇於承擔責任與挑戰未知,擅長技術與非技術的轉譯與溝通。能細心處理畫面視覺、狀態及互動效果。
參與專案架構討論與技術導入決策。抱持著開放態度接受並嘗試使用各種技術,期勉自己不拘泥舒適圈,期待新的挑戰機會。
React ecosystem
Node.js
Firebase
Material-UI
CSS preprocessor(Sass, Stylus)
Unit Testing
GitLab CI
集團內部專案,讓非技術人員也能快速的產出並發布靜態網頁,像是 Bootstrap Studo 網頁製作服務。與其他視覺化網頁編輯器不同的是,產出的網頁可以匯入 JSON 格式資料,因此能有效配合各館別後端提供的 API (團體旅遊、國外個人自由行...等館別)資料。
專案架構主要由 Team leader 負責,我參與了架構及技術選擇與規劃。主要負責部分模組開發及模組與系統整合。
我負責「團體、團體自由行、主題旅遊、郵輪旅遊」面板開發,以及所有面板拼裝整合與打包成 plugin 方式提供使用者掛載至別的網頁中。並且使用動態載入(dynamic import)的方式分離各個面板,點擊頁籤後才會載入所需資源,有效減少檔案大小。
這個專案使用了 Vue.js 來管理頁面以及圓形選單的一些狀態,為了讓蝴蝶移動更真實所以使用 JavaScript 來實現動畫,網頁整體效果讓客戶很滿意。專案中除了首頁主視覺蝴蝶不規則移動的計算,所有效果皆是使用 JavaScript 手刻。