君子不器
君子不應像器具那樣,被塑造成只有專門用途,君子應當能夠適應新的環境和新的需要而變易。
抱持「紙上得來終覺淺,絕知此事要躬行。」的精神,從書本上習得知識後還必須親自實踐才能透徹地認識事物。
勇於承擔責任與挑戰未知,擅長技術與非技術的轉譯與溝通。能細心處理畫面視覺、狀態及互動效果。
參與專案架構討論與技術導入決策。抱持著開放態度接受並嘗試使用各種技術,期勉自己不拘泥舒適圈,期待新的挑戰機會。
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 手刻。
君子不器
君子不應像器具那樣,被塑造成只有專門用途,君子應當能夠適應新的環境和新的需要而變易。
抱持「紙上得來終覺淺,絕知此事要躬行。」的精神,從書本上習得知識後還必須親自實踐才能透徹地認識事物。
勇於承擔責任與挑戰未知,擅長技術與非技術的轉譯與溝通。能細心處理畫面視覺、狀態及互動效果。
參與專案架構討論與技術導入決策。抱持著開放態度接受並嘗試使用各種技術,期勉自己不拘泥舒適圈,期待新的挑戰機會。
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 手刻。