MetaWork：拜托，這樣遠(yuǎn)程結(jié)對(duì)編程超酷的！

1. 話說(shuō)結(jié)對(duì)編程

眾所周知，結(jié)對(duì)編程（英語(yǔ)：Pair programming）是一種敏捷軟件開發(fā)的方法，兩個(gè)程序員在一個(gè)計(jì)算機(jī)上共同工作。一個(gè)人輸入代碼，而另一個(gè)人審查他輸入的每一行代碼。

但是真實(shí)環(huán)境中，往往不止兩人結(jié)對(duì)編程：

• 眾后端圍著前端審查代碼。
• 產(chǎn)品/設(shè)計(jì)/老板 圍著前端改樣式。

于是就會(huì)發(fā)展成下面這樣：

顯然，這不符合疫情期間的防范規(guī)定。況且在如今輕則AB班，重則居家辦公的如今，碼農(nóng)小菜雞們想找一個(gè)大佬結(jié)對(duì)編程何其困難。

2. 遠(yuǎn)程結(jié)對(duì)編程的各種姿勢(shì)

那么，遠(yuǎn)程辦公想找人結(jié)對(duì)編程，有哪些方法？我給大家總結(jié)了下：

1. 騰訊會(huì)議開桌面共享。其中一人講解代碼，別的只能旁聽。
2. git倉(cāng)庫(kù)一推送一拉取，看注釋自行理解。費(fèi)時(shí)費(fèi)力不說(shuō)，還費(fèi)電。
3. 在CodePen等代碼共享平臺(tái)，發(fā)一個(gè)供大家查看。顯示，這個(gè)方式既不靈活也不安全，而且基本僅限前端。

直到我看到了CODING出品的MetaWork：

【視頻】

瞬間來(lái)了興趣：

• 代碼協(xié)同，多光標(biāo)高亮顯示。

• 實(shí)時(shí)預(yù)覽，終端協(xié)作。

• 內(nèi)置留言板，邊聊天邊分享代碼段。

• 內(nèi)置視頻會(huì)議，讓你只需要瀏覽器就可以多人在線交流。

微信+vscode+騰訊會(huì)議+CodePen? 且看我的試用分析。

3. 代碼多人協(xié)作產(chǎn)品分析

在此之前我嘗試搜索 "vscode 多人協(xié)作"，發(fā)現(xiàn)microsoft官方就出過一款：Live Share：

大致有以下功能：

• 實(shí)時(shí)共享代碼編輯
• 跟隨團(tuán)隊(duì)其他成員的光標(biāo)
• 協(xié)作調(diào)試代碼
• 共享本地服務(wù)器
• 共享終端

且因?yàn)槭菄?guó)外產(chǎn)品，并沒有漢化，且交互也有點(diǎn)潦草。

至少我在不看文檔的情況下，花了十幾分鐘才勉強(qiáng)搞懂如何操作。

且由于是國(guó)外插件，在網(wǎng)絡(luò)上也是時(shí)好時(shí)壞。有點(diǎn)玩具的味道了。

4. MetaWork體驗(yàn)

在我看來(lái)，多人協(xié)作/結(jié)對(duì)編程 的意義，除了工作上相互討論解決問題外，是要給予更多初學(xué)者幫助與成長(zhǎng)。從Live Share的整個(gè)體驗(yàn)和模式上，對(duì)初學(xué)者的心智成本頗高，更像是給高手間過招的東西。

那么，讓我們?cè)俅?/p>

回到MetaWork的流程，感受一下這個(gè)產(chǎn)品的誠(chéng)意。

1. 發(fā)起者：

1. 注冊(cè)，你需要登錄https://cloudstudio.net/，注冊(cè)一個(gè)賬號(hào)。支持 CODING/微信/Github 三種。

2. 到控制臺(tái)生成一個(gè)空間（為了方便起見，我用了官方Vue模板）。

3. 開始協(xié)作。

可以看到，整個(gè)操作非常平滑，沒有割裂感。

4. 將鏈接分享給他人

相比Live Share，人家是發(fā)！郵！件！瞬間感覺MetaWork接地氣多了。

2. 被邀請(qǐng)人

1. 登錄，并打開分享鏈接-> 立即加入。
   
   

這里有道安全認(rèn)證，防止不明人士窺屏。。。

待得發(fā)起者同意。

2. 同意后就可進(jìn)入?yún)f(xié)作界面。

親測(cè)整個(gè)過程，從加載編輯器到可協(xié)作，不到10秒。

3. 進(jìn)入跟隨狀態(tài)

可以看到，對(duì)方的每次鍵入，都可以清晰觀察到。

在超過2人時(shí)，每個(gè)光標(biāo)都不同，便于區(qū)分

這就是所有代碼協(xié)作都會(huì)設(shè)計(jì)到的功能：實(shí)時(shí)共享代碼編輯，跟隨團(tuán)隊(duì)其他成員的光標(biāo)。

5. 功能點(diǎn)：留言板

起初覺得，這個(gè)留言板的功能有些雞肋：誰(shuí)會(huì)放著微信不用？

但是細(xì)想：當(dāng)我們需要在一個(gè)騰訊會(huì)議共享屏幕時(shí)，操作者/觀眾 的視野不在同一屏幕上。

溝通起來(lái)必須得切換不同軟件，這會(huì)使得注意力分散，且不夠?qū)I(yè)性。

在使用后覺得：真香！

有個(gè)非常妙的功能：跳轉(zhuǎn)代碼引用。

這可解決了很多網(wǎng)課的痛點(diǎn)：即使打了注釋，仍會(huì)稍不留意就忘了此段代碼在何處。

甚至....還可以聊天摸魚，老板以為你在認(rèn)真敲代碼（誤

美中不足的是，目前還不支持發(fā)送圖片和表情包（這個(gè)老六我真的服了）。

6. 功能點(diǎn)：在線多人語(yǔ)音/視頻

這一步直接省去開視頻會(huì)議了。

真遠(yuǎn)程結(jié)對(duì)編程，就是這個(gè)頭像還沒做好同步，希望官方再努力下。

腦海里想到一個(gè)場(chǎng)景：?

7. 體驗(yàn)總結(jié)

若放在疫情前，我不認(rèn)為在線代碼協(xié)作有什么應(yīng)用前景。

但在如今，遠(yuǎn)程辦公變?yōu)槌B(tài)，在線課堂爆發(fā)性增長(zhǎng)。時(shí)不時(shí)就會(huì)出現(xiàn)電腦不在身邊，需要額外置辦第二臺(tái)的煩惱。

而Cloud Studio + MetaWork很好的解決了環(huán)境不一致（大家都共處一個(gè)工作空間），以及需多款軟件實(shí)現(xiàn)遠(yuǎn)程協(xié)作的問題。

你只需一臺(tái) iPad 或 任意電腦的一個(gè)瀏覽器窗口，就可以實(shí)現(xiàn)在線敲代碼，多人協(xié)作，留言討論和音視頻等所有遠(yuǎn)程辦公的功能。

就這，不香？

美中不足的是：

• 光標(biāo)跟隨還有些小Bug。
• 留言板未實(shí)現(xiàn)分享圖片的功能。
• 目前僅支持3人在線協(xié)作（聽說(shuō)后面會(huì)開放更多人）。