前端職場走跳現形記

這篇文章主要會介紹我自己這一年多以來，在前端領域工具上的使用與開發流程介紹。

---

工具使用介紹

因為我們公司是走微軟體系，後端是採用C#， Web 專案架構是走MVC框架，至於前端部分則是沒有使用任何主流框架，但下半年有在考慮替新的小專案導入 Vue.js 做開發。而以下是我們公司目前採用的工具
編輯器： Visual Studio
前端：jQuery、ES5、ES6、Sass
後端： C#
框架： Asp.net MVC
資料庫： MSSQL
套件工具： Kendo
環境建置： IIS
版本控制： 內部 GitServer

開發流程

1. 需求訪談。
   這部分主要會由PM和業務負責，目的在了解顧客需求。
2. 系統分析
   根據客戶提出的需求，進行系統分析(像是資料庫欄位開立、資料結構設計等等)
3. 需求書和規格書撰寫
   這部分通常會由 SA 來負責，並交給顧客確認，一但確認後開發標準就是一切照規格書上規範走。
4. 開發
   根據規格書進行專案開發。
5. 測試
   開發完成後，我們公司通常會由SA助理進行網站測試，模擬使用者操作上是否有遇到任何bug或需要修正地方。
6. 專案上線
   這部分我們就會跟客戶安排時間，到客戶端 Server 進行網站架設。
7. 專案維護
   這部分會視客戶目前使用情況，來決定是否需要到現場進行除錯。通常我們都會直接遠端連線替客戶更新bug或是進行專案後續調整動作。但有時候，會遇到客戶資安上問題，無法遠端連線的話，我們就必須到現場一趟。

專案分享

1. 企業後台網站製作
   • 因為我們公司產業屬性關係，所以客戶基本上都是B2B，企業主為主。較少直接面對C端消費者。因此我這段時間者大部分專案都是開發企業後台。而企業後台基本上設計版型上就比較相似，不會有太難切出的版。版型大部分都是如下圖。左邊目錄右邊資料內容呈現。
     
   • 題外話，對企業後台使用者來說，資料的正確性和網站是否清楚呈現客戶想看的資料才是我們關心的重點。
2. 產品開發
   • 目前正在開發一套倉儲管理系統平台。主要是給一般中小企業做使用。而其特色就是在於多國語系、彈性的第三方資料串接(包含ERP導入、SAP介接等等)

工作注意事項

1. 永遠不要高估自己的能力
   這點尤其在面對自己為開發過的功能時，特別重要。我們可能以為列印檔案這麼小的功能應該不會多難，但實際開發上你可能會遇到印出來資料格式跑版、資料錯誤、網路印表機無法列印等各式各樣問題。多預留一點時間，才能讓自己在開發上有多餘時間解決當初沒想到的問題。

2. 開發規格有疑問時，必須主動找PM釐清
   備註：通常前端工程師是不會碰到需要處理Raw Data問題，通常我們只要背後端工程師餵飽飽就好，他給什麼資料你就吃什麼。但我下面提到的案例是發生我自己也必須撰寫WEB API時做錯的示範。
   通常我們接受到規格書開發時，基本上 table 欄位、長度都是不能在做更動，但有時候，我們可能會遇到需要串接客戶給的資料時，這時如果遇到客戶資料無法寫入問題，這時千萬不要自己傻傻地改資料庫table。這通常會造成後續很嚴重的問題。因為資料與資料間都是有關聯性，通常改了一張table後面資料都會跟著有問題。

3. Debug技巧
   我想表達的是，不論寫的是JavaScript還是 C#，我們總會遇到一些自己沒遇過的錯誤訊息，這時候如果 Google 無法直接解決問題。我建議可以嘗試小黃鴨除錯法
   靜下來好好一行行程式碼理解。透過自問自答方式找到出自己的盲點。

4. 對自己寫的Code負責
   不要偷懶把網路上找到解法直接貼上，這是對自己負責也是對團隊負責。

5. 善用拆解問題技巧與提升Google技巧
   遇到不會的功能，我自己都是試著寫下來我的想法，並把流程一步步拆解成我會的功能後才進行開發。而當你遇到中間不會的部分，就要善用工具如stackoverflow、IT幫、FB社團 來搜尋自己要的答案。至於Google技巧我很建議可以把一個你目前解決不了的問題，請教公司前輩並觀察他如何下關鍵字、如何釐清問題點，學習別人的開發思維才對自己有幫助。

六角學院連結

六角學院連結