乐趣区

关于前端:MetaWork拜托这样远程结对编程超酷的

1. 话说结对编程

家喻户晓,结对编程(英语:Pair programming)是一种麻利软件开发的办法,两个程序员在一个计算机上独特工作。一个人输出代码,而另一个人审查他输出的每一行代码。

然而实在环境中,往往不止两人结对编程:

  • 众后端围着前端审查代码。
  • 产品 / 设计 / 测试 围着前端改款式。

于是就会倒退成上面这样:

显然,这不合乎疫情期间的防备规定。况且在现在轻则 AB 班,重则居家办公的现在,码农老手们想找一个高手结对编程何其艰难。

2. 近程结对编程的各种姿态

那么,近程办公想找人结对编程,有哪些办法?我给大家总结了下:

  1. 视频会议开桌面共享。其中一人解说代码,别的只能旁听。
  2. git仓库一推送一拉取,看正文自行了解。费时费力不说,还费电。
  3. CodePen 等代码共享平台,发一个供大家查看。显示,这个形式既不灵便也不平安,而且根本仅限前端。

直到我看到了 CODING 出品的MetaWork

霎时来了趣味:

  • 代码协同,多光标高亮显示。
  • 实时预览,终端合作。
  • 内置留言板,边聊天边分享代码段。
  • 内置视频会议,让你只须要浏览器就能够多人在线交换。

微信 +vscode+ 视频会议 +CodePen? 且看我的试用剖析。

3. 代码多人合作产品剖析

在各类网课中,实际上是单向常识流传,不足协作性。

  • 老师开屏幕分享,能察看到的只有学员表情
  • 学员须要开双屏,边敲边看。遇到不明确的只能切换界面截屏
  • 须要各自开数个软件,实现记录 / 沟通的性能

很多时候老师认为学员懂了,学员也认为本人懂了。

理论敲代码时,却是处处忘记,且回放直播往往须要期待系统生成。这样的效率显著不行。

在此之前我尝试搜寻 “vscode 多人合作 ”,发现 microsoft 官网就出过一款:Live Share

大抵有以下性能:

  • 实时共享代码编辑
  • 追随团队其余成员的光标
  • 合作调试代码
  • 共享本地服务器
  • 共享终端

且因为是国外产品,没有汉化,且交互也有点潦草。

至多在不看文档的状况下,花了十几分钟才勉强搞懂如何操作。

且因为是国外插件,在网络上也是时好时坏。有些水土不服的滋味。

4. MetaWork体验

在我看来,多人合作 / 结对编程 的意义,除了工作上相互讨论解决问题外,是要给予更多初学者帮忙与成长 。从Live Share 的整个体验和模式上,对初学者的心智老本颇高,更像是给高手间过招的货色

那么,让咱们再次

回到 MetaWork 的流程,感受一下这个产品的诚意。

4.1 发起者:

  1. 注册,你须要登录https://cloudstudio.net/,注册一个账号。反对 CODING/ 微信 /Github 三种。
  2. 到控制台生成一个空间(为了不便起见,我用了官网 Vue 模板)。

  1. 开始合作。

能够看到,整个操作十分平滑,没有割裂感。

  1. 将链接分享给别人

相比 Live Share,人家是发!邮!件!霎时感觉MetaWork 接地气多了。

4.2 被邀请人

  1. 登录,并关上分享链接 -> 立刻退出。


这里有道平安认证,避免不明人士窥屏。。。


待得发起者批准。

  1. 批准后就可进入合作界面。

亲测整个过程,从加载编辑器到可合作,不到 10 秒。

  1. 进入追随状态

能够看到,对方的每次键入,都能够清晰察看到。

在超过 2 人时,每个光标都不同,便于辨别

这就是所有代码合作都会设计到的性能:实时共享代码编辑,追随团队其余成员的光标

5. 性能点:留言板

起初感觉,这个留言板的性能有些鸡肋:谁会放着微信不必?

然而细想:当咱们须要在一个腾讯会议共享屏幕时,操作者 / 观众 的视线不在同一屏幕上。

沟通起来必须得切换不同软件,这会使得注意力扩散,且不够专业性。

在应用后感觉:真香!

有个十分妙的性能:跳转代码援用

这可解决了很多网课的痛点:即便打了正文,仍会稍不注意就忘了此段代码在何处。

甚至 …. 还能够聊天摸鱼,老板认为你在认真敲代码(误。

6. 性能点:在线多人语音 / 视频

这一步间接省去开视频会议了。

真近程结对编程,就是这个头像还没做好同步,心愿官网再致力下。

脑海里想到一个场景:多人同时在线代码批改,代码下见真章的节奏。。。

7. 体验总结

若放在疫情前,我不认为在线代码合作有什么利用前景。

但在现在,近程办公变为常态,在线课堂爆发性增长。时不时就会呈现电脑不在身边,须要额定购置第二台的懊恼。

Cloud Studio + MetaWork 很好的解决了环境不统一(多人关上同一个工作空间备份),以及需多款软件实现近程合作的问题。

你只需一台 iPad 或 任意电脑的一个浏览器窗口,就能够实现在线敲代码,多人合作,留言探讨和音视频等所有近程办公的性能。

还不快来试试 Cloud Studio + MetaWork

退出移动版