[Vue 專案] 遠距協作專案經驗回顧
網頁：https://juju-chu.github.io/Twitter-frontend/
Github：https://github.com/juju-chu/Twitter-frontend
專案主題：Simple Twitter
這是 ALPHAcamp 全端專修課程的畢業專案，要與小組在兩週內合作出一套簡易 Twitter。
小組成員為：2位前端、2位後端
重點項目：
1. 滿足 User stories
2. 滿足 UI/UX 裡寫明的指定功能
3. 資料設計與路由
4. 黑客松挑戰
我負責哪些部分
我負責有關前端的部分。
因為使用 Vue.js 前端框架，我與另一名前端組員決定先將不同畫面一一分成 views 組件，再針對可以重複利用的區塊設計成 components 組件，並在初期先統一命名。
有了大致詳細的項目後就能快速分配各自的任務。
為了提高效率，我們將類似的項目分給同一人做（用兩種顏色標註），以期讓開發時遇到新東西需要摸索的時間減少，避免重工。
前期大家就先顧好自己分配到的組件與 API 的串接，到後期有愈來愈多重疊，就會需要動到同伴的 code，所以前期有共同的命名和 coding style 就很重要，能讓合作更有效率。
除此之外，前端除了切版和優化使用者體驗，還需要串接後端 API 帶入資料庫的資訊，這部分就需要與後端夥伴合作。
如何順利遠端協作？
讓遠距專案進行順利的工具有很多，能用的工具就是好工具。
我們除了使用上述的 Google 試算表，還有使用 Trello 和 BaseCamp。
後端同學的資訊主要放在 Trello，除了看資訊還可以記錄待做項目。
BaseCamp 是 ALPHAcamp 幫大家建立，可以用來記錄待做項目和使用裡面的 Campfire 做即時討論，也可以記錄待做項目。
會需要密切遠端協作的部分，最多是發生在串接 API 時，如果遇到不符合預期的結果時就必須趕快提出疑問或請求，以防拖到其他進度。
在實作中若遇到問題，會先與同為前端的夥伴一起討論確認過，再向後端夥伴詢問，降低討論時的複雜度。
整理而言，我覺得還算順利。
收穫和學習
這是我第一次遠距協作專案，之前的專案都是一人執行。
覺得有夥伴一起進行很棒，可以從夥伴身上學到東西，而且互相 cover 和互相突破盲點的感覺也超棒，效率並不會比一人實作差。
做這麼大的專案，整個將信心建立起來，而且切了好多版，切版功力也有大增👍
從上一份餐廳論壇就開始狂串接 API，對非同步的使用方法和熟悉度也大為提升，一度覺得自己宛若寫async/await 的機器🤣
還有獲得遠距協作專案的經驗，實際經歷過才懂遠距跟一般面對面合作的不同，由於一次訊息的來回需要多耗費等待訊息的時間，因此資訊傳出去前會叮囑自己反覆想仔細，並多準備截圖，減少誤解還要多解釋的機率。
順利結案的秘訣
為期兩週的專案進行到第二週，開始有快彈性疲乏的感覺，感謝夥伴們的互相鼓舞，這種需要毅力的活動夥伴就好重要。
最大的動力就是看到合作的專案愈來愈完善時，真的很感動～
而且一旦看到能愈來愈好，就會想更好，想努力優化下去XD
黑客松衝刺挑戰功能的紀錄和心得
黑客松活動進行時間總共 54 小時，使用 socket.io，挑戰可以完成多少項目。
我們主要完成了公開聊天室，並能存下聊天歷史記錄。
身為前端開發人員，自己最印象深刻的是聊天室需要置底又要能滾動，這部分的心路歷程另外寫了一篇文章分享：使用 justify-content: flex-end 時無法 scroll 滑動畫面
私人訊息區最後因為時間關係來不及完成，但有把握時間使用 dummy data 先把版切好和做出一些讓使用者體驗好的樣式：
整體而言黑客松內容蠻有趣的，在連續衝刺了 12 天後接著做這挑戰，真的是很有挑戰XD
自己在工作上有哪些地方表現得特別好？
分工討論快速，能與夥伴一同分析組件與討論如何分工使效率更佳，並確實順利執行，遇到問題不會卡住，快速完成預期進度。
多學了哪些新工具和技能？
不同的第三方工具套件、如何處理大流量等等
因為是使用 Vue.js 實作前端，多查到 Vue.js 專有的功能，例如：v-focus。
除此之外還有第一次嘗試自己手刻 modal，覺得超有成就感！
畢業後就不會有人幫忙設計可以練習的專案，開始要靠自己創造！
還蠻期待之後自己創作的作品，到時再跟大家分享心路歷程。
轉職之路持續中～