科技创业公司的效率工具箱

如何保持效率,不仅仅是个人的挑战,这对一个组织或公司而言也至关重要,这也与公司的信息流动和沟通交流密切相关。在科技型创业公司,效率会变得更致命,因为这些公司通常都运作得非常快,而且还常常面临着巨大的压力(例如产品发布日期,资金的运转等)。

所以,这就需要在创业公司所有成员之间要保持高度的一致性,去确保产品适应市场,后期的平稳运行,和公司的整体透明度。

在 Worktile 这一年的创业旅程中,我们遇到很多值得学习的优秀产品,我们也希望将Worktile打造成一款优秀的效率工具,再这里,我们希望将我们这一年的经验和我们认为非常值得使用的工具分享给大家。

在我们开始之前,我们首先要明确典型的科技初创公司的几点需求:基本上,一般有四种需求:

  • 团队内部以及与外部的沟通需求;
  • 用于跟踪和协调的工作流程和任务的需要;
  • 提升协作效率的需求;
  • 扁平化和足够的透明度。

Toolbox for Tech Startup

Slack for 沟通

替代文字

好 吧,我承认,最近快要被 Slack 各种叼爆天的新闻刷屏了。但追求极致,简单干脆满足人类沟通需求的 Slack 确实太有魅力。在Slack中你可以跟你的团队成员进行高效的内部沟通,还可以对团队成员以及各成员分享的文件,文档进行搜索。你可以创建一些基于你们需 要讨论各种话题的工作和任务,也可以有专门的主题内容,如聚会,开发,设计等等。除了这些,Slack 还整合了 Twitter、Zendesk、Crashlytics 和 Heroku 等服务,将它们的通知提醒、Bug 追踪等数据融入到公司内的信息流中。让整个公司的内部交流只关注于跟工作有关的信息流,极大地提高了沟通效率。就像 Slack 的 Slogan 一样:Be less busy!

文件存储的 Dropbox

替代文字

Dropbox 在存储方面展现的魅力已无需多言(对 Tech Startup 来说,被墙完全不是个问题好吧)全世界数以亿计的用户正在使用Dropbox,这可以让我们在电脑、手机、平板,甚至服务器上同步、备份或共享文件资料。 文件的管理与共享在团队效率方面有着最明显的表现,版本控制,文件查找再也不会成为绊脚石了。

针对中小团队的团队协同工具 Worktile

替代文字

Worktile, 正是我远程实习的一家科技创业公司,是面向中小团队的协同工具。提倡通过任务驱动来连接团队在执行项目的过程中的事和事,人和事,人和人。在实习过程中, 我们之间的任务分配和协调工作都是在 Worktile 上完成的。在 Worktile ,你可以根据公司不同的部门创建不同的项目,如“店小二”的运营部,苦逼的开发部等。得益于 Worktile 的看板式任务列表和不同层级权限管理机制,我们的工作效率得到大大的提升,知道Worktile每两周甚至每周就升级版本的秘诀么?就是Worktile 带给我们的:不知不觉就提高了工作效率。如果正打算使用Worktile,那么,上吧!你将享受到一种前所未有的协同工作方式,就算是异地办公也是毫无压 力(PS:我就是异地办公)。还有一点就是,Worktile有一个非常有爱的用户社区,你可以在社区提一些建议或者分享一些关于协同工作的干货等,而一旦你在社区发帖,我们Worktile的官方人员会竭诚为你“秒回”!这个得点32个赞!快来点赞

可爱的大象头 Evernote

Workitle

在 我看来是一个更偏向于个人使用的工具,我们团队中很多人也是它的付费用户,主要是负责管理一些私人的日记和记录一些牛逼的灵感,在产品 上,Evernote 的极致追求我们作为用户是切实的感受到了!我最初使用Evernote是在2012年,当时Evernote已经宣布对所有用户提供最基础免费空间和功 能。而在全平台支持的Evernote上,我一般使用的是Web版,因为对于我个人来说,我使用Evernote的时候无非就是编辑一下日记而已,没用上 很多Evernote在微信推送的高大上功能,所以我基本是懒得下PC端,直接在Web上使用就很完美。

在线作图工具 ProcessOn

Worktile

ProcessOn是 国内目前做得比较好的在线作图协作平台。在创业的过程中,难免会有一些图表,像流程图,图表式的Roadmap等,既然我们的重心是在产品上,那么我向你 推荐ProcessOn,它可以快速地制作出你想要的各种图。而且,ProcessOn还支持协作画图,你可以跟你的小伙伴们一边作图,一边沟通交流。这 不是跟我们倡导的理念一样么?哇哈哈。

大百度的思维导图 百度脑图

替代文字

百 度脑图的功能不算很多,但足够日常使用了,我通常是在总结工作和理清代码思路的时候用它。优点蛮多:支持随处拖拽,云储存,不占用硬盘空间,一键分享给你 们的小伙伴,你甚至还可以导入百度的Doc文件……而其中最赞的功能莫过于百度脑图支持多格式保存文件,你既可以到出成「.xmind」格式,也 可以导出成「.mm」格式,也可以导出成「.km」格式……这样导出的思路脑图就可以在你的电脑客户端完美进行在编辑了,如果你需要的话。
(大百度也还是有如此精致的产品嘛)

PDF Word Excel转换 Convertii

pdf

我 只是默默将这个链接分享给你。这样的工具有很多,但首先还是推荐这个,界面简洁,支持直接拖拽文件上传等,各种用户体验都非常好,你可以「PDF转 Word」,还可以转Excel,转Text等。你不用安装任何Adobe Acrobat XI Pro或者类似的软件了,直接将文件拖入到这个网页的就可以见证奇迹了。Yeah~~~

数据统计可视化工具 infogr.am

替代文字

infogr.am 是一个很强大的数据可视化图表创作平台,这是我老大@小泽马君给我推荐的工具,你可以在上面创建很多种表格,包括常见的圆饼图,条形图,柱状图和一些炫酷吊炸天信息图表(一共14种)。还在为数据可视化烦恼?小白不懂D3.js?不用怕,现在你只要注册一个 infogr.am账号可以分分钟创作出各种亮瞎的数据图表了。这对于一些产品经理来说不就是一个开挂的工具么?不过……它不是免费的,你可能需要每月交上几美元。

Defonic for Relax

替代文字

说了这么多生产工具,最后分享一个让你放松的网站:Defonic ,我通常会在工作累了的时候或者有时候直接一边写东西一边放背景音乐。这是一个能产生环境音效的线上服务,公提供24种不同的环境声音,包括海洋、河流、 雨滴、森林、篝火、闪电、风声、夜晚、浪涛等等,你无需下载或暗转任何软件,只要将网页打开,点击你想播放的声音按钮就行。

Tips:Defonic 默认情况下是不显示背景的高清大图的,你需要点击右上的HD小按钮才会出现如此的身临其境的图片。

整体来说,Defonic 提供的音效品质相当好,即使有背景音乐搭配播放,也不会有很吵杂、难以忍受的感觉。强烈推荐各种设计师,工程师到上面放松自己

痛并快乐着

对于怀揣着梦想的创业者们,大家享受着这旅程上的一切惊奇与喜悦,也承担着巨大压力与质疑。我们希望将这些实用的工具分享给大家,多少可以减轻些工作中的负担,减少重复性工作,将精力放到更加重要的或者我们更享受的事情上,拼尽全力的去追寻各自心中的秘宝!

JetBrain 系列注册码(WebStorm 、PhpStorm 等)

webStorm :

UserName:William
===== LICENSE BEGIN =====
45550-12042010
00001SzFN0n1bPII7FnAxnt0DDOPJA
INauvJkeVJBuE5bqLEznccE4tet6tr
RiyoMxDK8oDY93tx!ipPyGmqYYeWxS
===== LICENSE END =====
UserName:Microsoft
===== LICENSE BEGIN =====
44827-12042010
00001xZTATXBeJGHI0CFFRIdOKjhQ7
eiwIjgK7qohmwGSZRUK!lINYbpNQKk
5AtC16jzcy6KWlkBBjTZXwL8fnebTM
===== LICENSE END =====
UserName:ChinaRed
===== LICENSE BEGIN =====
41806-12042010
000006gMpIpRoMPJdqqPfxIYyr5UPx
fTuYnZxklVYrNOZUHL6YnHTAUM4zqe
qNrt8QzsZERfO”XiHa802ejK9GtcSj
===== LICENSE END =====

rubyMine :
UserName:William
===== LICENSE BEGIN =====
73770-12042010
00000LsPnluU7HZh4TgJoxNDbnCr!T
0yDfranplDJF4ESFHxfhN6dMBEogxt
S!qZH7LvIjab”9qbXrSfL9NitEBODm
===== LICENSE END =====
UserName:Microsoft
===== LICENSE BEGIN =====
05071-12042010
00001DGDB7Ih6YT6ApG0Uh4wxMwJqf
UjDDJvi5mX0yJS!72q8ZrLhKQfusV”
NVSB9iV!lO1tRbt265″z0vZJBwpl!9
===== LICENSE END =====
UserName:ChinaRed
===== LICENSE BEGIN =====
26405-12042010
00001cYtAkKGNyQA7Er6A9e4oS2Y”I
fK”d”APYe591kwLAHVZ7ieFmfoTKTS
90BTaTdrTg36JEivKlxfVaDszIkWuM
===== LICENSE END =====

phpStorm :
UserName:William
===== LICENSE BEGIN =====
56731-12042010
00001F”L73xP5zfOyL58″Vg0hu”R8S
!aPyCtkqgqc5fEvdQLlLs5a9gzvAcu
!2Gb!gp9kfKoAp1e81dVuhM”a8OJ4v
===== LICENSE END =====
UserName:Microsoft
===== LICENSE BEGIN =====
06656-12042010
00002NFsdQw64GSoAeS1!oxQRM!H8k
Rh3soGkXar1UJa27G0Gx3uz4FEq6Fb
CW09ado0neq”3gqd3lZ8KnE303G”MP
===== LICENSE END =====
UserName:ChinaRed
===== LICENSE BEGIN =====
83865-12042010
00001jJvs5lu13QqsSxk1XXwwpiGL1
4GGM”RKB0xBaYtK6Uh4NVG26″TBhTA
HNKvcsV38NwMho1Wdy75KY61SwSdVQ
===== LICENSE END =====

pyCharm :
UserName:William
===== LICENSE BEGIN =====
43064-12042010
00002qm1!PHwV!dC19Cvu04E6IXZJ9
GN”RaF03!bwPE”x3RZbg7ctJld7yZl
XkVf40g3JJGG4Ibbbg4″HQPwWJWSFU
===== LICENSE END =====
UserName:Microsoft
===== LICENSE BEGIN =====
77380-12042010
000017q0LbsOLEIcYF3VRZszWAYE”K
CYfpWmqrUTJy”ROE03pXMWLZ6Z9jbh
cccsmd3P32vdo!L4tnEkp1jrOuySvx
===== LICENSE END =====
UserName:ChinaRed
===== LICENSE BEGIN =====
42852-12042010
00000zw1KaqXWsbN7MiExhdvN!PIjf
ZDCOi0vxBEGX9QDUYIyvr0768OloCU
FUZ4Evyh4lNEFKRDEVnKye9W2DYxPp
===== LICENSE END =====

前端JS框架一览

KIssy
开发公司:阿里巴巴。
框架介绍:KISSY是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。除了完备的工具集合如 DOM、Event、Ajax、Anim 等,它还提供了经典的面向对象、动态加载、性能优化解决方案。作为一款全终端支持的 JavaScript 框架,KISSY 为移动终端做了大量适配和优化,让你的程序在全终端均能流畅运行。
了解:阿里巴巴公司在2008年时开发,当时考虑到公共开源框架如jquery和YUI2有比较多的冗余API进而自助开发的js框架。其主要基于YUI2,糅合了jquery风格的API,支持模块化异步加载。目前框架分为核心core、外层API,同时提供了供mobile使用的轻量级核心库。性能、稳定性、便利性尚无太多业界反应,有听说过不少关于兼容性问题。

er
开发公司:百度。
框架介绍:ER 是一个富浏览器端web应用的框架,适用于并能很方便地构建一个整站式的AJAX web应用。
了解:主要是从设计模式上延伸出js框架,主要思想是MVC的实现,数据加载和绑定机制。

JX
开发公司:腾讯(WEB QQ)
框架介绍:一个类似 Google Closure Library 的 Web 前端开发框架,服役于 WebQQ 等大规模的 WebApp
核心底层 – 纯Js底层功能封装/代码组织/无缝接入其它js库 – [完成]
基础扩展 – 跨浏览器封装/工具函数/设计模式相关 – [完成]
UI 基础控件 – 按钮/面板/窗口/树形列表/Tab/lightbox/widgets…
实时动画系统 – 实时定时器/关键帧动画/加速度公式/物理引擎/声音控制器…
游戏引擎 – 角色控制/地图系统/游戏异步通讯系统/寻路算法/键盘控制/人工智能/…
了解:业界已经有很多优秀的局部框架,比如JSON、Mini Selector Engine、SWFObject等等,作为一个综合性的Web前端框架直接做兼容即可,没有再写一遍的必要了,所以JX框架针对出色的局部框架做了良好的兼容工作。

seajs
开发者:前淘宝UED,现支付宝前端工程师玉伯
框架介绍:简单友好的模块定义规范:SeaJS 遵循CMD规范,可以像Node.js一般书写模块代码。自然直观的代码组织方式:依赖的自动加载、配置的简洁清晰,可以让我们更多地享受编码的乐趣。(类似require.js的思想)
了解:使用sea.js的公司有不少,如:朋友网、腾讯微博、支付宝、有道云笔记、爱奇艺、淘宝网等。seajs遵循CMD规范,而requirejs遵循AMD规范。

jquery
Query使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

zepto
Zepto是一个专为移动端新浏览器打造的一个5-10k的js库,同时也是一个精简化的jquery核心库。 知道jquery开发就知道zepto的使用。

requirejs
RequireJS会让你以不同于往常的方式去写JavaScript。你将不再使用script标签在HTML中引入JS文件,以及不用通过script标签顺序去管理依赖关系。遵循AMD规范。jquery、dojo等框架也都使用了requirejs来加载模块。

EJS
EJS是一个JavaScript模板库,用来从JSON数据中生成HTML字符串。与最初的JavaScript相比较,一些不太了解你的代码的人可以更容易地通过EJS模板代码看得懂你的代码。

coffee
CoffeeScript is a little language that compiles into JavaScript. Underneath that awkward Java-esque patina, JavaScript has always had a gorgeous heart. CoffeeScript is an attempt to expose the good parts of JavaScript in a simple way.

spinejs
Spine 可让你使用 MVC 的框架思路来开发Web应用。
文档太少,单纯MVC模式可以简单的实现,其本身也是要借助EJS来实现MVC。

blackbone
Backbone 为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件;集合附有可枚举函数的丰富API; 视图可以声明事件处理函数,并通过RESTful JSON接口连接到应用程序。
1. 将数据和界面很好的分离开来。
2. 将事件的绑定很好的剥离出来,便于管理和迭代。
3. 使得Javascript程序的模块化更加清晰、明了。

extjs/Sencha
Sencha Touch 是全球领先的应用程序开发框架,其设计旨在充分
利用HTML5、CSS3 和Javascript 来实现最高级别的功能、灵活性和优化。Sencha Touch 是针对下一代具有触摸屏设备的跨平台框架。

编程能力与编程年龄

程序员这个职业究竟可以干多少年,在中国这片神奇的土地上,很多人都说只能干到30岁,然后就需要转型,就像《程序员技术练级攻略》这篇文章很多人回复到这种玩法会玩死人的一样。我在很多面试中,问到应聘者未来的规划都能听到好些应聘都说程序员是个青春饭。因为,大多数程序员都认为,编程这个事只能干到30岁,最多35岁吧。每每我听到这样的言论,都让我感到相当的无语,大家都希望能像《21天速成C++》那样速成,好多时候超级有想和他们争论的冲动,但后来想想算了,因为你无法帮助那些只想呆在井底思维封闭而且想走捷径速成的人

今天,我们又来谈这个老话题,因为我看到一篇论文,但是也一定会有很多人都会找出各种理由来论证这篇论文的是错的,无所谓了,我把这篇文章送给那些和我一样准备为技术和编程执着和坚持的人。

论文

首先,我们先来看一篇论文《Is Programming Knowledge Related to Age?》 (PDF链接),这篇论文是两个北卡罗莱纳州立大学计算机科学系的两个人Patrick Morrison 和 Emerson Murphy-Hill 对StackOverflow.com上的用户做了相关的数据挖掘得出来的一些数据。(我们知道StackOverflow.com上的数据是公开的,任 何人都可以用来分析和统计,所以这篇论文的真实性是有的)

数据采样和清洗条件如下:(数据全量是1694981用户,平均年龄30.3岁)

  • 15-70岁之间的用户(这年龄段的用户被称做“Working age”),当然,有很多用户没有输入年龄,这些用户都被过滤了。
  • 用户在2012年内都回答过问题。因为StackOverflow在2012年对问题和答案的质量要求得比以前高了一倍,所以更能反映程序员的真实水平。
  • Reputation声望在2-100K之间。(注:StackOverflow的用户Reputation是得到社会认可的,在面试和招聘中是硬通货币。比大学的学分更有价值)

上述的条件一共过滤出84,248名程序员,平均年龄:29.02岁,平均Reputaion在1073.9分。

 

年龄分布图

下面我们来看一下他们的年龄分布图:我们可以看到程序员年纪的正态分布(高点在25岁左右,但是中点在29岁左右)

能力和年龄分布图

然后,计算每个人每个月的Reputation,这样可以找到这个用户的真正的活跃时间,这样便于计算这个程序员的真实能力。(总声望 / 活跃时间),可以得到他平均每个月得来的Reputation。

我们来看看程序员的能力和年龄段的分布图:(你可能会大吃一惊)

上图中我们可以看到,程序员的能力在从25岁左右开始上升,一直到50岁后才会开始下降。所以说,程序员吃的不是青春饭。只有码农,靠蛮力,用体力而不是用脑力的程序员才是吃青春饭的人。

年纪大的人是否跟不上新技术

论文的作者分析了Tag,用了最近5年内比较流行的技术Tag,然后用了一套比较严谨的算法来查看那些所谓的“老程序员”是否在新技术上跟上不了,所谓跟不上,也就是这些老的程序员在回答这些新技术上并不活跃。所谓老,就是37岁以上的程序员(就是我现在的年纪)。

得到了下表:可以看到,老程序员和年轻的程序员对于一些新技术的学习来说也是差不多的,甚至有些项还超过了年轻的程序员。

结论

论文的结论是:

1)程序员技术能力上升是可以到50岁或60岁的。

2)老程序员在获取新技术上的能力并不比年轻的程序员差。

我的一些感受

最后,我说一说我的一些感受:

  • 这些年来的对于外企和国内感受—— 国外牛B的IT公司的工程能力并不见得比国内的要强多少,但是国外那些NB的IT公司的架构和设计能力远远超过国内的公司,最可怕的是,那些有超强架构和设计能力的“老程序员们”还战斗在一线,这些战斗在一线的老鸟的能力绝对超过100个普能的新手。
  • 对年轻程序员的感受——国内新一代的程序员们太浮燥了。老实说,对于大多数人来说,如果你没有编程到30岁,你还不能成为一个“合格”的程序员所以,并不是编程编到30岁就玩完了,而是编程编到30岁才刚刚入门。这些不合格的程序,整天BS这个不好,那个不好的,而且喜欢速成,好大喜功。
  • 我是一个奔四的人了,编程就像登山一样,越往上爬人越少,所以,在我这个年纪还有想法,对编程还有热情的人不多了,基本上都是转Manager了。其实,什么职位,Title都是虚的,公司没了什么都没了,只有技术才是硬通货。而且,越是这个年纪还在玩编程玩技术的人,其实其经验和能力都是比较强的,都是中坚力量,如果还有其它这个年纪和我一样的人,求交往

微信浏览器的HTTP_USER_AGENT

在iPhone下,返回:

Mozilla/5.0 (iPhone; CPU iPhone OS 7_0_6 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Mobile/11B651 MicroMessenger/5.3

在Android下,返回:

Mozilla/5.0 (Linux; U; Android 2.3.6; zh-cn; GT-S5660 Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1 MicroMessenger/4.5.255

都有 MicroMessenger

实现微信浏览器内打开App Store链接

微信浏览器是不支持打开App Store 页面的,不知道微信为什么这么做。比如你页面写 <a href=”http://itunes.apple.com/us/app/id399608199″>download</a> ,在微信浏览器点击链接是没有反应的,但是如果是其他的链接地址,比如百度那就没有问题

 

后来我发现如果你在微信官方后台编辑图文,把原文链接写为:http://itunes.apple.com/us/app/id399608199 ,那就可以打开了,发现微信页面的“查看原文”是一个function,如下

[code lang=”js”]
function viewSource() {
var redirectUrl = sourceurl.indexOf(‘://’) < 0 ? ‘http://’ + sourceurl: sourceurl;
//redirectUrl = http://itunes.apple.com/us/app/id399608199
redirectUrl = ‘http://’ + location.host + ‘/mp/redirect?url=’ + encodeURIComponent(sourceurl);
//此处是关键,redirectUrl = http://mp.weixin.qq.com/mp/redirect?url=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fid399608199%23rd
var opt = {
url: ‘/mp/advertisement_report’ + location.search + ‘&report_type=3&action_type=0&url=’ + encodeURIComponent(sourceurl) + ‘&uin=’ + uin + ‘&key=’ + key + ‘&__biz=’ + biz + ‘&r=’ + Math.random(),
type: ‘GET’,
async: !1
};
return tid ? opt.success = function(res) {
try {
res = eval(‘(‘ + res + ‘)’);
} catch(e) {
res = {};
}
res && res.ret == 0 ? location.href = redirectUrl: viewSource();
}: (opt.timeout = 2000, opt.complete = function() {
location.href = redirectUrl;
}),
ajax(opt),
!1;
}
[/code]

真正的url是:http://mp.weixin.qq.com/mp/redirect?url=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fid399608199%23rd

看来微信允许打开mp.weixin.qq.com这个host下的网页,然后用js再打开真正的页面。

现在简单了,将页面的代码写为:<a href=”http://mp.weixin.qq.com/mp/redirect?url=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fid399608199%23rd”>download</a>,在微信浏览器内可以打开app store的地址了。

今天给自己定了个2014目标

今天给自己定了个2014年的目标,争取要实现它,就是在App Store上架一个自己开发的软件,然后把新浪微博的V认证改成此软件的开发者,第一个目标不难,第二个貌似有难度,不管怎么说,去试试吧