<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          遠程辦公參與開源項目如何協(xié)作?

          共 4847字,需瀏覽 10分鐘

           ·

          2022-05-14 00:01

          遠程工作 5 個月,總結(jié)一下平時是如何進行遠程協(xié)作的,主要還是結(jié)合自身參與的項目以及以前端開發(fā)者的視角而言的,平時的工作大概會涉及以下幾點:

          • 需求調(diào)研 & 評審
          • 原型設(shè)計 & 評審

          • 功能開發(fā)

          • Code Review

          • 環(huán)境部署

          • 技術(shù)寫作
          每一個環(huán)節(jié)使用的工具自然也是不同的,筆者本身也是一個工具黨,所以本文大部分都是在講用了哪些工具,完成了怎樣的事情以及工具有沒有代替品。
          首先, 對于一個聚焦于做開源項目的遠程團隊來說,溝通很重要,那么就從溝通工具講起。


          溝通工具 - 飛書

          雖然是遠程辦公,但是我們是中國的團隊,時區(qū)沒有變,還是在東八區(qū),所以不存在時差的問題,所以溝通上還算簡單的,整體采用飛書進行溝通。
          個人覺得飛書真正踐行了遠程溝通協(xié)作的關(guān)鍵點,它串聯(lián)了團隊所有人的溝通需求。

          工作會議

          會議的目的是各抒己見,也可能是讓大家的想法趨同,達成一致的意見。所以我們帶著目的、主題去開一個會議,比如產(chǎn)品原型評審,本著不開無謂的會議,只拉上干系人的方式。會節(jié)省很多時間。本身對于小團隊來說會議就不算多。

          進度同步

          每周產(chǎn)品周會,一對一的溝通都是通過飛書的視頻會議進行的
          -?每周產(chǎn)品周會
          每周產(chǎn)品周會是所有人都參加的一個會議,主要目的是讓大家同步當(dāng)前項目的進度,也可以借此了解其他同事都在做什么
          - 一對一溝通
          一對一的溝通是管理者和你的每周談話,可能先寒暄一陣,進入正題,聊聊最近一周有沒有遇到什么技術(shù)困難,需要什么幫助,主要目的還是想推進項目正常進行,又或者說說你最近發(fā)生的有趣的事情,讓大家知道你仍是個“生動” 的人。

          文檔協(xié)同

          告別一個郵件、Word、Excel 傳來傳去傳一天的舊協(xié)作方式,當(dāng)今辦公文檔協(xié)同技術(shù)很方便的讓大家的想法串聯(lián)在一起。

          共享屏幕

          如何讓別人能快速理解你說的事情,最好的方式就是共享你的屏幕,你花了 3 分鐘說一個按鈕應(yīng)該放在頁面的什么位置,不如直接將你的想法預(yù)先設(shè)計出來,使用原型工具將之表現(xiàn)出來,將你的屏幕共享給別人,拿著原型說出你的想法是最好的表現(xiàn)方式。

          虛擬“水”吧

          有時候和同事一直在討論工作,討論需求會很無聊,我們現(xiàn)實中和同事在工作之余也會聊聊有的沒的吹吹水,一個合適的方式就是創(chuàng)建一個休閑灌水的聊天群,休閑之余,讓自己乃至別人每日開心一下。
          遠程在家 = 無業(yè)

          知識空間

          共享的知識空間,可以作為團隊的內(nèi)部 WIKI 使用,比如編寫員工手冊、開發(fā)規(guī)范、企業(yè)文化等等


          項目管理

          項目管理工具我們采用的是 Linear,還不了解 Linear 的小伙伴可以看看這篇文章:《README - A Story of Magic》https://linear.app/readme

          Linear

          Linear
          Linear 的創(chuàng)始團隊背景大多來自 Uber、Airbnb、Coinbase,曾擔(dān)任過 Airbnb 的首席設(shè)計師等的各路大神,所以本身產(chǎn)品界面以及交互就設(shè)計的就很精美好用。Linear 很適合中小團隊作為項目管理工具來使用。

          Linear 不僅是一個 issue 管理工具,它還有很多好用的功能,比如:

          • 創(chuàng)建項目,以項目的方式管理 issue(Projects)

          • 用面板視圖查看 issue(Board)

          • 創(chuàng)建敏捷迭代的發(fā)布周期(Circles)

          • 創(chuàng)建自己的視圖(views)

          • 連接一些工作流,比如 GitHub

          GitHub Issue

          要說 Linear 是對內(nèi)的 Issue 管理,那么 GitHub Issue 一定是面向外部的,如果面向星星數(shù)比較多的開源項目,參與度上來了,就會有各種各樣的 Issue 產(chǎn)生,那么是需要專門有人維護 Issue 的,比如簡單的創(chuàng)建一個 issue 提交模版,來約束大家按規(guī)范的提問。


          寫作工具

          團隊是鼓勵大家去進行技術(shù)寫作的,周報的內(nèi)容比較開放,借用了飛書的訂閱號來編寫,飛書的訂閱號本質(zhì)上和微信的公眾號是相同的,只不過權(quán)限上分為了對內(nèi),對外。周報可以講講技術(shù),偶爾講講生活,寫的比較好還可以發(fā)到外部公眾號。

          那平時也會涉及到英文寫作,這時候可能用到一些語言工具,比如翻譯軟件、語法軟件、編輯器等等:

          • Grammarly

          • DeepL 翻譯器

          • Hemingway App

          Grammarly


          生產(chǎn)力工具

          生產(chǎn)力工具是提升工作效率的好幫手,有一些好用的工具一旦用上了真的只覺得相見恨晚,真香!

          Raycast

          Raycast
          這款工具推薦過很多次了,完美代替 macOS 自帶的聚焦搜索的最好用的工具,個人覺得比老牌的 Alfred 還好用,可以集成一些服務(wù),比如 GitHub、Linear,用 Raycast 在 Linear 上創(chuàng)建 issue 或者在 GitHub 上創(chuàng)建 PR 是一種什么體驗。

          CleanShot X

          CleanShot X
          CleanShot X 是一個付費的 macOS 截屏、錄屏軟件,支持云存儲服務(wù),平時寫作配圖的主要輸出工具,缺點只有一個,就是貴,$29 一年。
          代替品:
          • iShot: https://apps.apple.com/app/id1485844094?mt=12

          Loom

          Loom
          Loom 是一個可以錄制并分享視頻的服務(wù),平時我們可以用它來錄制一個教程,或者你想表達的任何內(nèi)容分享給他人,有時候視頻所表達的內(nèi)容會很容易被他人接受。

          OSlash

          OSlash
          短鏈/黃頁中心,它好用在可以把一個比較難記的長鏈接轉(zhuǎn)化為快捷鍵,如何實現(xiàn)的呢,最好是借助 OSlash 的瀏覽器插件。
          比如 GitHub 項目主頁為:http://github.com/xxx/yyy 轉(zhuǎn)化為 o/home
          o/home 是主頁的別名,當(dāng)你下次在瀏覽器中敲 o/ 的時候,會關(guān)聯(lián)出你維護過的所有短鏈,找到o/home 之后就會打開長鏈接,這樣做的好處就是我們不用記住冗長的鏈接,只需記住別名就好。

          Fig

          Fig
          用了才知道敲命令有多順手。


          開發(fā)工具

          這里介紹一些每天都要用到的開發(fā)工具吧。

          Balsamiq

          Balsamiq
          這款原型工具畫出來的圖是手繪風(fēng)格的,好看,但是支持的組件不全。

          VSCode + GitHub Copilot

          GitHub Copilot
          OK,這個不解釋了,有 GitHub Copilot 加持,寫代碼不要太香。

          SourceTree

          SourceTree
          Git GUI 管理工具確實是五花八門的,挑選一個你覺得好用的即可,我用的比較順手的是 SourceTree ,個人比較喜歡它的解決沖突的視圖以及 Cherry Pick 的處理界面。
          平時如果不是解決大的沖突的話,我一般直接用 VSCode 編輯器的 Git 插件就可以了。

          其他推薦:

          • 編輯器插件
          • GitHub Desktop
          • Tower
          • Fork
          • Sublime Merge
          • Git Karken

          Paw

          Paw
          一個 API 調(diào)試工具,一般我們用 postman 就可以,但是有好用的付費軟件豈不是更好,況且這個是蹭來的,感謝同事 Jim 的分享,在 2021 圣誕節(jié)前后,Paw 在做一個活動,可以獲得一個免費的 License,節(jié)省 $49.99。

          代替品:

          • Postman
          • Hoppscotch

          TablePlus

          TablePlus
          付費的數(shù)據(jù)庫客戶端軟件,價格略貴。

          代替品:

          • Arctype
          • Beekeeper Studio

          Responsively App

          Responsively App
          當(dāng)你開發(fā)響應(yīng)式頁面的時候用得到的瀏覽器。


          GitHub 以及輔助工具

          開源項目,代碼托管在 GitHub 上,所以 GitHub 玩好是需要一些其他工具的。

          Neat

          Neat

          一款 GitHub 通知管理工具,一般是 PR、Issue、code review 通知,它的作用體現(xiàn)在將消息推送給你,讓你關(guān)注到正在進行的協(xié)作關(guān)系,比如產(chǎn)生了一個 code review,會通知到你有一個 CR 需要處理。

          DevHub

          DevHub
          一站式 GitHub 通知、動態(tài)面板管理工具,可以通過一個面板看到多個倉庫或者賬號的動態(tài),類似 TweetDeck 之于 Twitter

          GitHub Desktop

          GitHub Desktop
          GitHub Desktop 雖然沒有其他 Git GUI 那么強大,但是對于管理在 GitHub 上創(chuàng)建的 repos 來說足夠了,可以搭配使用。

          SourceGraph

          SourceGraph
          搭配 Sourcegraph 的瀏覽器插件,可以輕松查詢 GitHub 倉庫的代碼,一般在線看 GitHub 倉庫代碼我會使用它,當(dāng)然它還有很多好用的特性待探索

          Graphite

          Graphite

          專注于增強 GitHub 項目 code review 功能的應(yīng)用,在這里可以觀察到 code review 的各個階段以及狀態(tài):

          • 是否輪到你 review
          • 是否需要你的關(guān)注
          • 你的 PR 該誰 review

          同步上游倉庫

          我們采用 Fork 主倉庫,創(chuàng)建 PR 的方式來提交 commit,所以同步上游倉庫是每天常用的操作。

          - Git 命令

          一般只需要三條 git 命令即可完成同步上游倉庫的動作
          $> git fetch upstream main  # 獲取上游倉庫 main 分支$> git merge upstream/main  # 嘗試自動合并上游倉庫 main 分支$> git push                 # 推送到遠端
          當(dāng)然也可以編寫一個 alias
          alias?fmp="git?fetch?upstream?main?&&?git?merge?upstream/main?&&?git?push"

          - GitHub Actions

          GitHub Actions 同樣也可以實現(xiàn)上述需求,比如:https://github.com/wei/pull

          wei/pull


          環(huán)境部署

          Render

          Render
          目前團隊的所有服務(wù)都部署在 render,render 有一些類似 vercel、netlify,但是不僅僅支持靜態(tài)資源部署,還可以部署 Web Services、PostgreSQL、Redis 等服務(wù)

          Ghost

          Ghost

          博客使用的是 Ghost,開發(fā)者應(yīng)該會很熟悉,發(fā)展至今,Ghost 可以提供 headless API,搭配 JAMStack 搭建你自己的博客站點。筆者也曾用到了 Ghost 3.x 時代


          SEO 與站點維護

          你一定也希望你創(chuàng)造維護的站點有人來訪問吧,所以做好站點 SEO 是必要的

          站點統(tǒng)計

          Plausible
          統(tǒng)計頁面 PV、UV 的工具,雖然說是 Google Analytics 的代替品,但是 Plausible 也是收費的。

          代替品:

          • https://umami.is/ - 開源免費

          客戶溝通

          Intercom
          收獲潛在客戶的好方法就是讓客戶可以和你建立聯(lián)系,在線對話框是目前很多站點采用的方式,Intercom 是收費的

          代替品:

          • https://www.chatwoot.com/ - 開源免費

          網(wǎng)站監(jiān)控

          Better Stack
          如果出現(xiàn)站點故障,可以及時響應(yīng),提醒你需要處理。


          一個清單

          最后再推薦一個由?Dine 團隊維護的用于遠程團隊的工具清單
          Tools for remote Teams

          遠程協(xié)作的目的是將工作順利推進下去,選擇自己喜歡的、用著順手的工具就好,我們選擇的工具也許不是最一流的,那一定也是搭配起來最合適的,以上提到的代替品也絕對不會帶有貶義的意思,說它就做的不好,反而可能競品之間解決的場景也不同,所以合理搭配使用有可能會達到你想要的結(jié)果呢。
          遠程工作的衡量標(biāo)準(zhǔn)是工作成果,至于你使用了什么工具去完成的可能并不重要,不過如果使用了一些可以提升生產(chǎn)力的工具,事半功倍,那一定是會讓自己開心的,沒準(zhǔn)兒工具用的好,交付的成果也會變得漂亮。
          可能對于前端遠程老司機來說,這些工具你也在經(jīng)常使用,如果沒有,希望能幫助到你解決在遠程工作中遇到的問題,或者找到一些靈感。
          利器在手,享受創(chuàng)造的樂趣吧,共勉!

          瀏覽 140
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  99re超碰| 日皮视频免费观看网站 | 97精品云霸高清在线视频小说 | 日本黄色大全 | 欧美性18|