這只是一套工具指南

遵循話題規則介紹一下本身,目前在作運營,一個豐(繁)富(瑣)的工做。css

咱們團隊主要使用以下技術,
react
python ruby go
redis + postgresql + cassandra + elasticsearch
圖片描述html

…………………………………………開啓話題的分割線…………………………………………………前端

咱們中的一部分人在工做和生活中總在嘗試使用一些有趣的工具來梳理思想和知識,好比 Evernote、OmniOutliner、MindNode 等等。快速發展的 IT 團隊也每每會選擇嘗試不少數據分析、測試、運維管理工具,來讓團隊效率與高速發展的預期相符。正如我前兩天才瞭解到 Omni 系列工具的強大與貼心,不少人都在參加工做幾周甚至幾個月以後才發現一些本來能夠節省人力和時間的神器,而後發出「若是早點知道就行了」的感嘆。python

由此,我結合團隊的開發經驗,總結了一份適合 IT 團隊的,不徹底工具指南,但願與你們分享。react

組織工具

咱們須要讓每一個團隊成員都保持同步。git

ChatOps

BearyChat、瀑布IM、簡聊(最近開源了……)均可以被稱爲 ChatOps 工具,ChatOps 是誕生於 GitHub 的一種基於會話驅動的協做開發方法,過去團隊之間的通信和開發操做是兩層皮,致使各類不透明和低效率。ChatOps 將開發工具帶入開發者聊天室,經過定製的插件和腳本,一個聊天機器人可以執行聊天中輸入的各類命令,實如今聊天平臺上的團隊協做開發自動化。github

另外,由於團隊工具龐雜,天天產生大量信息,這些信息散落在各類服務裏,其中重要信息極可能會被忽略。因此一個聚集信息、提高工做效率的工具成爲一種剛需。redis

好很差用這一點,見仁見智。國內由於有着 QQ、微信這些即時通信工具,不少團隊並沒使用相似 slack 的 ChatOps 工具的習慣,即便 Slack 在國外估值那麼多錢。sql

GitHubGitLab

相信你們對 Git 都不陌生,不少 IT 團隊都用 GitHub 來存儲全部的代碼和代碼相關的問題。固然,你也能夠像咱們同樣,號召全部小組成員建立 github.io 博客練習持續寫做。數據庫

GitLab 是一個利用 Ruby on Rails 開發的開源應用程序,實現一個自託管的 Git 項目倉庫,可經過 Web 界面進行訪問公開的或者私人項目。它擁有與 Github 相似的功能,可以瀏覽源代碼,管理缺陷和註釋。能夠管理團隊對倉庫的訪問,它很是易於瀏覽提交過的版本並提供一個文件歷史庫。開源中國代碼託管平臺 git.oschina.net 就是基於 GitLab 項目搭建。

幾乎沒有 IT 團隊不用 git 吧……

石墨

咱們使用石墨來建立和編輯文檔,實時協做。不管是內容產出仍是活動計劃,甚至落地頁設計,都放在石墨上。

一句話總結:打開即用,寫完即存,挺好的。

圖片描述

Giphy

Giphy——有趣的 Gif 倉庫,圖片時代,玩的開心。(把組員作成 Gif 也是咱們的樂趣)

圖片描述

Jira

想要使用好 Jira 其實是須要一些培訓的,但經過規範的使用 Jira,對問題的追蹤變得更加容易,聚集問題、分配任務、計劃問題時間、評估工做效果,一切都開始擁有更加規範的流程和更加透明的量化效果。

圖片描述

Confluence

Confluence 是一個專業的企業知識管理與協同軟件,一個企業級的wiki軟件。經過它能夠實現團隊成員之間的協做和知識共享。假如石墨是便利店,Confluence 就像一個大型超市,琳琅滿目,應有盡有。

開發工具

下面是咱們進行網站項目前端和後臺開發的工具。

Atom

Atom 是咱們用來編碼的文本編輯器,除了基本的操做和界面外,和 Sublime 最大的差異在於擴展性。Atom 很是強調模塊化,不少默認功能也都是開源的模塊,vim 模式拉過來了一大批 vim 用戶,良好的 Markdown 預覽效果也讓人喜歡。不過最討小編歡心的果真仍是 active-power-mode,燃燒吧代碼!

圖片描述

Gulp

Gulp 是咱們進行網站開發的構建工具,它將咱們用到的全部開發工具都集中到一塊兒。

爲何咱們須要Gulp?

Gulp 能讓開發者的工做更輕鬆。咱們能夠在 Gulp 中用 SCSS 和 Handlebars.js 來編寫更高層次的宏和抽象對象。Gulp 中的代碼更精簡也更模塊化,從而讓客戶更易適應他們的需求。

什麼是構建工具?

像 Gulp 這樣的構建工具將源文件轉化成靜態網站。在將易於編輯的源文件(後綴名爲 .hbs 和 .scss)轉化爲其最終格式(後綴名爲 .html 和 .css)時會出現許多單調的重複操做。而在 Gulp 中,只需一個命令,源文件的全部變化都會轉化到靜態網站上。

Gulp 向咱們展現了什麼特性?

  • SCSS轉化成 CSS。

  • 採用 Yaml 格式數據的 Handlebars.js。

  • CSS自動添加前綴:確保全部的 CSS 都是跨瀏覽器可兼容的。

  • Browsersync:只要源文件被修改就會自動從新加載到瀏覽器的開發工具。

  • Imagemin:壓縮並優化圖像以達到更好的顯示效果。

  • Linting (SCSS, JS):確保 CSS 和 JavaScript 採用正確的格式並遵循一個通用代碼風格指南。

  • Minification (HTML, CSS, JS):自動壓縮全部的代碼以實現更快的頁面加載速度。

SCSS

學過 CSS 的人都知道,與其說是編程語言,不如說它是面向設計師的工具,沒有變量也沒有條件語句,而 SCSS 是一種 CSS 擴展語言,讓 CSS 更易讀易寫,它推崇模塊化和易讀性。

React

React 起源於 Facebook 的內部項目,由於該公司對市場上全部 JavaScript MVC 框架,都不滿意,就決定本身寫一套,用來架設 Instagram 的網站。作出來之後,發現這套東西很好用,就在2013年5月開源了。因爲 React 的設計思想極其獨特,屬於革命性創新,性能出衆,代碼邏輯卻很是簡單。因此,愈來愈多的人開始關注和使用,認爲它多是未來 Web 開發的主流工具。

固然,咱們也在用。

數據分析與監控工具

沒有數據分析與監控的團隊每每不夠可靠。

GrowingIO

最近纔開始瞭解擁有傳奇經歷的張溪夢和他的 GrowingIO——一個網站和移動端數據分析平臺。運用無埋點採集,迅速生成數據分析結果,提升運營效率,提供針對市場推廣、產品體驗、以及客戶成功等精益化運營的分析模塊。

沒有數據就沒辦法追溯用戶動做,GA 雖然好用可是可能仍是不那麼符合國人的習慣,這個正在用,感受不錯,圈選功能很方便,數據也挺準的。

圖片描述

AppAdhoc

簡單來講 AppAdhoc 是一家以A/B 測試爲基礎的數據優化平臺,引入Google 全數據驅動產品優化的理念,用數據幫助開發者作產品決策,優化移動廣告。

也許初創團隊對於 A/B Test 的需求還不大,但對於用戶量到達必定程度的團隊而言,A/B Test 和灰度發佈對於增加有很大的意義。

Cloud Insight

一款支持包括 Windows 在內的多種操做系統、雲主機、數據庫、中間件監控的解決方案,若是把 Zabbix 比做 Lniux, Cloud Insight 就是早期的 Mac OS X. 雖然是一款年輕的產品,但它能監控的平臺已經基本知足大部分公司的運維需求了,除此以外,還支持 API 和 SDK,只要須要,就可以將業務數據與性能數據甚至其餘五花八門的數據通通導入 Cloud Insight 進行集中展示。

安裝部署很是方便,功能全面,容易上手,尤爲適合須要節省運維人力與時間成本的小團隊,固然,咱們本身也在用,hostmap 仍是挺酷的。(笑)

圖片描述

設計工具

老生常談。

Illustrator

Adobe Illustrator CC 是咱們進行圖形處理的主要工具。雖然 Sketch 在展現元素方面表現出色,但它的矢量軟件沒有 Adobe 功能強大。Logo 設計和展現主要用 Illustrator,而且一般會導入到其餘工具作後續處理。

Photoshop

咱們主要用 Adobe Photoshop CC 來製做逼真的模型。好比把在 Sketch 設計的用戶界面截圖後展現在顯示器上幫助客戶想象最終的產品。咱們也用它來編輯圖像,可是咱們永遠不會用 Photoshop 來設計用戶界面。像 Illustrator 這樣的軟件適合作矢量圖編輯,而 Photoshop 更適合編輯 PNG 、 JPG 和 GIF 等格式的光柵圖。

InDesign

Adobe InDesign CC 是介於 Illustrator 和 Photoshop 之間的軟件,它能有效處理矢量圖和光柵圖。它是用來給報紙或者電子書等出版物展現內容的。咱們主要用 InDesign 製做幻燈片來展現品牌或者提出意見。

總結

一個好的團隊,像一家精準、高效的工廠,不只讓每一個人在合適的位置上發揮做用,還擁有一套完整的自動化流水線,砍掉累贅的重複性勞動,將員工從冗雜中解放出來去作更多具備創造力的事情。

本文參與了 SegmentFault「我是工具控」分享,若是你也手持利器,那就一塊兒來分享吧。

相關文章
相關標籤/搜索