六角活動：就職三個月以來的開發過程

目前公司使用的技術及工具

React、Next.js、GraphQL、Gitlab、AWS、TypeScript、Styled Components、Trello、Jenkins...等等，還有一些 CI/CD 相關的東西我碰不到。

目前就職剛滿三個月，這篇文章寫完就過了三個月試用期，但是我真的是六角的學生，所以這時候要推薦大神來六角！隨著找到工作之後，接觸越來越多不同的技術，發現大神來六角都找的到基礎教學，可以延伸再去找講師的文章或社群尋找學習資源，剛錄取的時候覺得挑戰很大，公司的技術跟在六角學的 Vue、RESTful API、SCSS 完全不一樣，不過轉念想想公司都不怕了，我有什麼好怕的。

環境建置

剛進公司就是把 VSCode 與套件裝一裝，比較重要的大概是 TSLint 與 Prettier 和 Docker ，主要溝通或問問題是直接走過去說，要留記錄或 OnCall、訂便當就是不同 Line 群，公司提供工作用 Mac 跟螢幕，還有 VPN ，排 OnCall 跟加班要用。

開發流程

目前在支援另一個部門，公司有兩個會需要前端的部門，專案都是 React + Next.js + TypeScript 的主架構，只是 CSS 是 StyleComponent 或 CMS 上傳原生 CSS 的差別，還有 React 版本導致一個可以盡量寫 Hook，作到結構與樣式分離，一個只能用 Class 的 this.State 和 setState。

整體的流程大概是：從 PM 收到需求，通常會連帶跟技術主管一起說或是由技術主管轉達，大概有修改已有資訊、加新功能、改樣式，偶爾會有哪裡顯示有問題需要檢查的時候，討論完要怎麼實作之後開始動手，一開始會弄不清楚檔案在哪裡？桌機、手機有沒有分開？資料呈現的時候有沒有經過什麼計算或處理？作好了以後先單機測試，然後提 PR ，在 Trello 登記，推測試環境自己再看過一遍，然後通知 PM 跟 QA。

注意事項

第一次當前端工程師，一開始作過各種蠢事：

• 提完 PR 沒問推測試環境的指令
• 練習 Git merge 到 master 
• 改了桌機板，結果手機也有一個相同的頁面沒改到...
• 比例導致畫面黑邊的問題不知道應該用 padding 比例處理，沒有及時求助跟處理
• 為了檢查畫面需要假資料或是有資料的測試帳號，需要自己做假資料或是測試環境跟正式環境的資料不一樣需要確認

通常只要兩個部門的兩位前端主管沒有全部請假，有人可以問技術問題的話產出還蠻穩定的，通常有 deadline 或上線、demo...等關鍵字就是加班趕完，這三個月加了三天，產品要上線就是立 flag 的概念，總是會出錯要解決。

工作心得

由於公司是在台北內科需要低調的公司，因此專案內容的部分不方便分享，進公司之後是先練習了用 React 實做組件以及做 Unit Test，React 的 Class 生命週期跟 Funtion Component，然後練習接公司的 GraphQL API ，Git 跟 Mac 的使用，我平常有在打 LOL 所以一直都用 windows 開發，Mac 是連觸控板都不會用那種，要從申請 Apple 帳號開始學。

Git 跟六角 Git 直播班還是有差距，情境還是差別比較大，後來自己寫筆記記錄自己使用 Git 的方法，同事比較習慣用終端機打，我是會混合用 SourceTree 辨認現在分支跟曾經修改的版本，或是不小心 commit 到一些在本機修改的設定、假資料，要 revert 的時候；或是從遠端 pull 最新的master，主要遠端分支設定：把 origin 設定成自己帳號的遠端分支，upstream 設定成公司帳號的遠端分支，提 PR 與更新 PR 就用 terminal ，因為會跑 TSLint，可以避免一些預期外的錯誤。

最近作了自己刻完整的頁面跟一些隨著變數改UI、搜尋、串接 iframe ...等等功能，可以做出實用、滿足需求的東西通過測試上線，蠻有成就感的，即使之前開發功能呈現的方法或樣式要討論很久，設計稿只有數張 Line 貼圖或 pptx 簡報，要自己用取色工具取色，對齊的格線也不知道怎麼對，需要通靈自訂格式。

最近寫 CSS，才學會用 var(--xx-xx: #fff) 的變數用法，之前看過 Taliwindcss ，可惜沒辦法通通改寫成變數形式達成一致性，有空作自己的 SideProject 會很想找機會研究跟實作 Taliwindcss 風格，改完一些 UI 細節後，發現完全沒有動到 Code 的部分，代表樣式跟結構有完全分開，也覺得蠻開心的，我跟洧杰老師一樣有色弱，所以什麼我(PM或同事)覺得怪怪的...這種敘述只能看有沒有前人寫的調色工具，或是把 Code 開好直接去 PM 旁邊改。

公司有蠻多下午茶與聚餐時間，薪水也比我當初開的高，希望這幾年隨著自己的進步，可以幫助自己也幫助公司成長，一起賺錢。

活動用連結：六角學院