今天是我到職的 2 個月又 3 天，我就先說說我這兩個月都在做些什麼事情吧。

終於上週我被交付了一個開發（維護）的任務

說簡單其實蠻簡單的，就只是要增加一個 select 的按鈕在 Dashboard 上，UI 有使用 BS4，畫面的新增上並不困難，我也順道調整了一下不順眼的版面，手邊隨時開著 BS4 文件查詢，這一 part 還算輕鬆愜意。

說不容易也不太容易（我說的是對我來說，大神不要笑），因為 select 的文字內容要串到後端 api 來 render 到前端顯示，但難的不是這個，難得是這個專案有使用 Vue，並且有使用 Vuex 來做狀態管理，我的 Vue 目前尚處於半殘的狀態，Vuex 更是被搞的昏頭了過去，最近每天被 actions、mutations、state 拋來拋去，拋的我都暈了。

上週四要正式開始開發前，我還重新看了一次 gitflow 的流程（不要笑、第一次要開 git branch 會緊張好嗎？），把 UI 改完以後，依樣畫葫蘆的照著其他功能的 Vuex 寫法，也把要新增的功能撰寫上去，但其實不太知道自己在寫啥。

昨天下午，前輩知道我的 Vuex 卡關，花了點時間幫我做 code review，其實我蠻意外的是，我以為我在亂寫的東西，竟也寫對了將近 ７ 成，剩下的真的就是一些觀念不清所以寫錯或是漏寫的，而導致功能沒效果。

今天下班前 Vuex 仍是卡關，但靠著前輩的幫忙，功能也算是開發完了，算是我作為一個前端新鮮人，第一次開發完成的小功能，無論這其實有多簡單，都先為自已拍拍手吧～

關於 Chart 的應用

大約有三個禮拜的時間，我都在尋找各式各樣的 Chart 的 library，原本的專案是用知名的 D3.js 寫的，但是公司覺得效能不太好，所以想要尋找替代方案。

剛進公司不久的我於是開始研究起來，也算是補充了很多知識，什麼是 SVG，什麼是 CANVAS，又什麼是 WebGL，也找了很多商業用未開源的 library，後來真的找了一個應該效能不錯的，但因為商用要付費的（試用不用錢，但未來若商用要付費），所以網路上的資源並不多，想要把原始數據倒進去始終看不懂範例與文件，最後使出大絕招，直接寫信給國外原廠，意外的回信與服務很快，我索性直接把他當遠端助教用起來，直接把 data 寄給他，請他幫我套進去，總是讓資料可以顯示在新的 Chart 裡面了，但未來要改用這個 library 還是覺得抖啊。

這兩個月大概就是 Vue 和 Chart

這大概就是我這兩個月的兩大課題，今天下午的 review meeting，主管有說未來專案的 UI 會整個換掉，現在的程式碼是之前外包寫的，所以我可以開始著手將程式碼整個重構，修改成我自己方便管理的邏輯（因為我也真的有發現有很多無效的 code），前端目前就我一人，所以要怎麼寫就我說了算（現在到底誰心臟大顆），能夠直接有開發產品的機會，也擁有極高自由度，縱使我根本就菜得很，公司都還願意放手給我做，真的有一種我何德何能的感覺呀。

結論

就開幹了吧，這麼好的機會，要好好把握呀～