技术人攻略访谈三十九-HTML5社区田爱娜:女神哪有天生,坚守就是一切

原创 2015年01月03日 16:45:54

文:Gracia (本文为原创内容,部分或全文转载均需经过作者授权,并保留完整的作者信息和技术人攻略介绍。)

导语:本期采访对象@田爱娜HTML5梦工场创始人。在前端开发圈子里,娜姐被奉为“HTML5女神”,早在2010年,她已声名鹊起。彼时在创新工场旗下磊友团队,不过一年时间,从无到有,把“HTML5研究小组”做得风生水起。2012年,娜姐创立“HTML5梦工场”,依旧是单枪匹马,千人规模的大会,她策划、邀请、赞助、宣传、会务一手抓,把梦工场一年一度的峰会,做成前端领域最火爆的技术会议之一。今年是梦工场独立做会第三年,北京主场吸引了6000多人次报名,现场签到超过3000人,加上后续5个城市的巡回,参与人数超过5000人。

一行HTML代码都不懂的娜姐,在技术社区运营上,有哪些独门绝技?在男性角色主导的技术圈,一个弱女子,为何会有如此能量,让人为之叹服?非技术背景的人,在看待技术和行业问题时,会有哪些独特的视角和解读?HTML5垂直社区这3年的开发者生态,究竟经历过哪些变化?女性在选择创业时,该如何平衡工作与家庭?带着这些疑问,我约了娜姐,才得知她刚辞去乐视的高薪工作,加入白鹭游戏引擎,负责市场及开发者生态。白鹭这家新锐创业公司,凭借轻游戏“神经猫”引爆了微信朋友圈,获得雷军千万美金投资,这股势头下的HTML5游戏,或将引发下一波创业热潮。

时隔8年,HTML5标准终于定稿。从非理性的热烈追捧,到泡沫破裂、触底爬升,HTML5这几年的走向,刚好符合Gartner定义的“技术成熟度曲线”。期间经历了几大标志性事件:2010年,乔布斯公开表示看好HTML5的未来;2011年,以Facebook为代表的一批先行者开始进入市场;2012年,Facebook承认其移动战略上的失误,宣布转向原生应用,一批相关游戏公司倒闭,行业进入冷静期。

在最为艰难的2013年,娜姐做好了即使借钱,也要把大会开下去的准备。社区是铁打的营盘,哪怕企业总是流水的兵。作为行业生态中不可或缺的一环,垂直社区以其独特的开放性,承载着技术交流、资源对接、人才培养的重要作用。和逐利的企业行为相比,技术社区无明确商业化途径,更多是凭借组织者的热情和奉献精神,以公益方式运作。身处感知行业冷暖的前沿地带,即使在市场遇冷,所有人都往后退时,作为社区经营者,所能做的最有价值的事,唯有坚守。

你我或许都曾远远见过娜姐,在台上一袭旗袍,风光无限。极少有人知道,这份坚守背后的代价。生活中的娜姐,热情、真诚、宽容,作为家中四个孩子的老大,她总是习惯性地喜欢照顾人,遇到困难,迎头向上,遇到利益,则退让一边。这或许是一位优秀的社区组织者必备的性格特质,HTML5近年在国内的声势壮大,娜姐功不可没。15岁北漂小女生,在蝶化成“女神”过程中,经历过许多不寻常的苦难,背后的人生况味,如人饮水。和娜姐沟通后,本文做了大量删节,或许有一天,娜姐会亲自把她的故事告诉大家。

技术人攻略:你从什么时候开始接触HTML5?

2009年12月,我加入创新工场旗下的磊友团队,负责对外商务合作。在此之前,我在一家SP上市公司,业余时间发起过一个叫“MM会社”的民间组织,定期组织针对CP的沙龙。通过搜集整理国内外移动应用商店资讯,出了一本叫《掌握》的电子刊物,一共出了52期。

那会儿我想创业,还特意注册了公司,找了磊友的创始人赵霏咨询,霏哥把合伙人黄何推荐了给我。没想到聊完之后,我毅然决定加入磊友一起干。

磊友是国内第一批做HTML5游戏的公司,当时市场很冷,关注这块技术的人非常少。黄何给了我一个mhtml5的链接说:“娜姐,你去做点资讯吧,创业很寂寞,HTML5更寂寞。你去推一推HTML5,活跃一下市场。”

一个月后,我把这个链接做成了一个社区网站。当月26号,就在北京和上海同时开了第一次沙龙。第二个月,沙龙在4个城市举办,最多的时候覆盖到8个城市。在各个城市的负责人的帮助下,我们成功做到过在7个城市,同时举办线下沙龙的盛况。

后来这个社区成长为“HTML5研究小组”,成为当时业界的焦点。2011年6月,组织了第一次HTML5大会和首届HTML5原创游戏大赛,来了近1000人,开复老师也亲临现场,气氛热烈。

随着Facebook对HTML5的热捧,国内外的浏览器厂商,包括百度、腾讯,纷纷在这个领域布局,行业对HTML5的关注不断升温,但形成产业还为时过早。霏哥和黄何想让走的太快的研究小组停一停,决定把线下砍掉,只留线上。我感觉这样放弃实在太可惜,各个城市的线下负责人也付出了很多,而且行业还没真正起来,需要各方努力,继续去推动它走向成熟。我很感激磊友给了机会,让我在一个没有约束、足够信任的环境下野蛮生长,但我也放不下这个社区。2012年5月,我选择离开公司,做HTML5梦工场。

技术人攻略:梦工场的HTML5峰会做了3届,每年都非常火,关于办会,你有哪些心得?

梦工场第一次HTML5峰会在2012年8月举行,今年改名为iWeb峰会,已经连续做了3届。虽然发展过程中经历了行业起伏,但每年参会规模都在扩大,从1500人,到2500人,再到3000多人。今年光北京报名人数就达6000多,峰会后的5个城市的巡回沙龙,每个城市平均参会400人以上。

2012年的大会,从前期策划,到邀请嘉宾、赞助合作,再到报名宣传、报名确认,一系列的工作都是我一个人在做。近两年的会,多了个搭档晓亮,会和我分担任务并跟进商务合作。大会能顺利举办,还少不了志愿者们的支持,不仅有热心朋友参与网站设计和搭建,还有大约60名志愿者负责现场会务。3年下来,全国范围内报名和参加过梦工场活动的人,去重之后已接近10万。

第一次峰会上,我和所有开发者说:梦工场的活动永远免费。除此之外,我还会想办法为开发者们争取更多的礼品和权益。当然,大家愿意来参加,最根本的原因并不是因为礼品,而是喜欢社区的氛围。在我看来,社区最重要的作用,是把大家聚在一起,不仅有技术分享,还得有欢乐、有交流。

传统的技术会议偏严肃,我希望能把社区做得轻松些,再加上前端圈本来就比后端圈活跃,稍加引导就很容易放开。我一般会从以下几个方面入手,首先是开场氛围,把一些综艺的东西拿到会场上,让大家快速High起来。例如今年在大连,做了一个“踩报纸”游戏:现场分3个区,每个区选出10位参与者,每位参与者都要把一只脚踩在报纸上,如此将报纸折叠几次。这10个人只得抱成一团,虽然玩得大汗淋漓,但大家都会觉得特别开心,现场的氛围也很快变得热烈。

参加过活动的人都知道,我的主持风格是轻松加无节操,例如让现场男士找一位同性,两人双手合十,对视10秒。或者用击鼓传花,让接花的人抽题受罚。中场休息时,如果感觉大家有些疲惫,我还引导大家做做操,前后左右相互按摩、道谢。基本上是准备的题目加上即兴发挥,尽可能让大家有一个欢乐的下午。

第二是增加社区的参与感,让社区成员展示各种才艺。前两年有工程师组成乐团来作峰会开场演出,已经成为梦工场御用乐队。我会在平常的沙龙里,留心每个人独特的才艺,让他们在峰会上展示,带给大家更多欢乐。今年社区成员排练了不少节目,并专门开了一场晚会,其中一个特别有趣的节目叫“前端T台秀”,有妹纸,也有男生反串。

第三是引导参会者认识更多朋友。大会参与者来自各个城市,好不容易周末来一趟,如果能多交一些朋友,平时遇到技术问题也能相互交流。办小沙龙的时候,只要提前有人来,我都会去把凳子搬成一个圆圈,让大家能放开聊,而不是傻傻地在那儿等。中场休息时,还会让大家拿起手机,现场一起摇。

我也会有意识地组织一些活动,帮助大家更快地熟悉和认识。例如我们曾经让来参会的人每人带一份礼品,把自己的名字、爱好、联系方式写在礼品里。当这份礼品交到我手里时,参与者会获得一道题目,比如“找到现场一位穿红色衣服,戴眼镜的人”,当他们俩认识之后,可以一起到我这里领两份礼品。通过这个过程,一下子就会认识3个人。

第四是尽量给大家减负,很多技术大会一开就是两天、三天,虽然内容很好,但相当于连续上了十几天的班,无论是参会者、嘉宾、志愿者,还是赞助商,都非常疲惫。从个人角度,我希望峰会放在周六,这样大家能在周日休息一天,下周一才能好好上班。

前几年的峰会因为专场太多,但人数规模有限,如果在同一个下午设置多个分会场,可能会导致某些分会场人不够。所以去年和前年,我们只好做了两天的会,但在下午设置“攻城师嘉年华”这样的玩乐环节。像逛庙会一样,提供了德州扑克、斗地主、地毯式大富翁、围棋、跳棋、飞镖等有奖活动。今年报名火爆,不用担心分会场分流人群,综合各种因素,把议程放在了一天,并增设了招聘区、畅销书签售区等新版块。

技术人攻略:你完全没有技术背景,却把技术社区做得风声水起,这是为什么?

我一直喜欢组织活动,早在2001年就成功组织过洪恩在线的网友聚会。虽然不懂技术,我却能通过行业的情况,判断HTML5当前的发展趋势。我的背景是商务,在合作和推动事情时,会从行业生态链角度出发,而不是完全考虑技术。在议题设置上,我会结合程序员的需求,以及赞助商可参与度,在两者之间取平衡。

HTML5产业链上,有CP、渠道、投资、开发工具等不同角色,我希望能把这些环节都穿插在一起,让产业链从上游到下游的每个角色,都能在峰会上有所收获,虽然有时候并没有达到我的预期,但我这是我的初衷。纯靠技术去引领一个行业,虽然可以,但时间是个问题。一定要有商业模式和上下游的结合,要不然光靠社区,光靠一两家公司在那里成天吆喝是比较困难的,要随着发展过程顺势而为。

完善的行业生态,应该是基于技术来制定HTML5标准,基于产品来论证标准的合理性,基于渠道来验证产品的价值。在设置专场议题时,也要从这个角度出发。做浏览器专场,是因为浏览器是HTML5的重要载体;做游戏专场,是因为游戏是这个行业最主要的盈利模式;做工具专场,是因为程序员需要通过技术来解决开发效率问题;做渠道专场,是希望开发者做出的游戏能推广开来,并且能获得资本市场青睐。

我每年也会和做技术的朋友聊天,搜集他们感兴趣的话题,但每个人的需求都不太一样。我们曾经尝试过分专场报名,发现大家对工具专场的关注度最高,吸引了800多人。于是去年和今年设置了两个工具专场,一个叫工具和应用,主要给类似APICloud、APPCan这样的工具厂商;另一个叫开发和实践,主要由开发者分享做应用或游戏的经验。

来自企业的需求,也要分情况看能否满足,而不是一味从商业角度出发。例如今年某浏览器厂商想聊安全方面的话题,但去年我尝试过支付专场,参会者反响并不热烈。所以今年并没有因为有赞助,就一定要去开这个专场。

技术人攻略:听说这几年为了做社区,你经历了很多的委屈和困难,能谈谈吗?

去年峰会主题叫“坚守HTML5”,开场时,我一上台就哭了,大家以为我只是激动和紧张,却不知道为顺利开这个会,我经历了许多事。

HTML5在2011、2012年很火爆,各大浏览器和渠道都大力推广。但从2012年下半年起,Facebook退出市场,整个行业进入低谷,大家都在怀疑HTML5的未来。UC、欧朋等浏览器公司,本来计划为HTML5游戏提供引擎,加速它的渲染和性能,也都暂时把这一块先放下了。HTML5大会最主要的赞助来自浏览器厂商,在行情最火爆的2012年,10多家浏览器厂商都积极参与并提供赞助,但去年的情况则完全不同。

2013年的峰会在这样的背景下启动,拉赞助的难度可想而知。从4月开始筹备,一直到6月底,都没有达成任何意向。钱能解决的问题其实不是事,这个过程中最让我难过的,不是拉赞助的艰难,而是遭遇了一些人情冷暖。曾经有一阵特别心痛,但想着社区已经做了好几年,许多朋友都在定期参与,更要坚持走下去。大不了借几十万,我明年、后年打工还。有这样的信念支撑,竟然凑齐了赞助,大会顺利如期召开。

这些年提起HTML5,大家都会想起梦工场,提起“娜姐”,也都觉得我帮忙推动HTML5在中国的发展,非常有意义。这些事背后,有许多大家看不到的辛苦,比如每次大会期间我的睡眠会不好,掉很多头发,今年峰会期间,怀着孩子也依旧要上蹦下跳。但每一年的峰会对我来讲,都是一次成长,搭建起社区这个舞台,大家都能在上面跳舞,我自己的职业生涯也随之提升。

梦工场能有现在的成就,离不开社区成员、志愿者,以及地方负责人的支持和付出。这些年许多公司,也跟我们一块在坚持,所以我并不是一个人在战斗。如果真有一天,梦工场能有结果,我也希望对他们有所回报。

技术人攻略:目前社区商业化是个难题,垂直类社区普遍会做一些人才和培训项目,你怎么看?梦工场做了哪些尝试?

对于社区的商业化,我自己感觉非常矛盾。我清楚地知道应该商业化,让参与的人有回报,但又害怕太多商业的东西进来后,社区会变味。不管在哪个环节收费,都会影响到内容和社区成员的感受。再加上梦工场没有全职人员,如果真的要商业化,就必须组建团队。

这几年也总有投资人找我,或者是认可我这个人,或者是认可社区带来的价值,也都表示不求短时间内的回报。但我清楚的知道,只有HTML5市场真正火起来,围绕它相关的产业链才可能做大,所以之前并不是社区创业的最佳时机。既然我都不能说服自己,那为什么要去接别人的钱,就算投资人不在意我把这笔钱怎么花,但我自己心里是有压力和负担的。

依靠会议带来的赞助,没法产生持续收入,不同公司的市场规划和投入,会随着商业环境不断变化。这些年也做过一些尝试,例如去年发起了“码农俱乐部”,尝试过收128元的会员费,提供技术培训,及非诚勿扰等活动,费用主要用于支付场地,以及集体活动的开销。但从整体来看,梦工场面向普通开发者,最重要的是打造亲民氛围,让更多人参与,并获得成长。活动最接地气,但不够高端,也上不了规模,商业化很困难。

人才这块我一直不想碰,因为不愿意帮公司挖人,但如果个人想找工作,我会帮他把简历推给各大公司。因为我是给求职者推荐,而不是解决公司的人才需求,方向不一样,所以即使推荐成功,也没有iPhone6 : )。由于大家对人才的需求极大,今年峰会现场,新设置了一个招聘专区,让有招聘需求的厂商靠自己的产品和文化去吸引人才。

除这几块之外,还有些外包需求、CP和渠道结交的需求,但不成规模。我通常是直接把需求双方拉到讨论组让他们自行沟通,后续不详也从不参与抽成。这几年我如果想挣钱,确实机会很多,可我并不太愿意去挣那些钱。因为我觉得市场是开放的,今天拿了这个钱,就算别人能理解,也会心理不舒服。我希望能和每个人以交朋友的方式走下去,也许这就是我能走到今天的原因。

我理想中的社区商业化途径,应该是良性的,在社区的基础上,延伸出产品和项目,通过这些产品的商业化,来带动社区的成长。例如像触控一样,从Cocos社区孕育出游戏引擎,通过引擎的做大,引出产业链上的更多新生事物。梦工场的目标不是HTML5峰会本身,而是希望集社区的资源,诞生出有创造力的产品。

技术人攻略:为什么放弃乐视的高薪,加入白鹭这家创业公司呢?

我把社区经营得不错,但社区并不是一个商业产品。加入乐视,是希望再次去挑战自己,证明自己除了做社区,别的地方也能做得好。之前野蛮生长惯了,很不适应大公司的节奏,我是个闲不住的人,虽然因为家庭无法独自创业,但仍然向往创业公司高效的工作氛围。

这些年一直在HTML5领域折腾,只有继续做下去,才能让之前做的事情有一个终点。我其实很期盼跟着一家公司,在HTML5领域走得更远。也是机缘凑巧,有幸得到白鹭四位创始人同时邀请我加入白鹭,并且很有诚意的很快给了我Offer。

决定加入白鹭,一方面是看好这件事给行业带来的革新,HTML5领域如果能成就一家公司,白鹭有很大的机会,几位创始人强强联手,都有深厚的行业积累;第二,公司的业务与我过去几年的积累,及未来的目标重叠度很高;第三,对我要兼顾家庭的需求,公司表示了很大的理解和认可;第四,HTML5梦工场可继续以中立的第三方身份运营,白鹭愿意积极支持和参与。

技术人攻略:你怎么看HTML5这块市场接下来的发展?

从行业发展的路线来看,目前的HTML5很像06年的Flash,会经历从互动广告到轻游戏,再到社交游戏、竞技类、RPG的历程,现在应该处于在轻游戏这个阶段。前几年投资和渠道都很冷静,创业机会并不是特别好,缺少成功的案例破冰。

今年开始,包括白鹭在内的众多引擎在这块加大投入,HTML5游戏的开发速度、性能,以及可玩性不断提升。我认识的一些朋友从百度、4399、UC等公司离职,陆续都在做HTML5相关创业。加上投资人开始回归关注HTML5游戏创业团队,白鹭也发起了一个灯塔计划,扶持相关创业团队。雷军投资白鹭是一个明确的信号,雷军对市场的教育,会推动它快速发展。所以不管是投资方、CP,还是行业大佬,今年都又重新开始重视HTML5。

HTML5小游戏的渠道,国内目前有近100家,但都不太正规,开发者的利益往往得不到保障。今年我在峰会上,曾经向这些渠道呼吁过,第一是请他们在转载游戏的时候,不要把开发者的广告插件换掉,第二是把原作者的名字署上。QQ空间的“玩吧”是有流量、有收入的HTML5游戏渠道,明年会设置运营KPI,证明他们在这块的投入正在加强,对开发者是利好消息。其它渠道如360、百度、新浪、阿里、小米、猎豹、4399等,也都在这块做了布局随时发力。

HTML5标准虽已定稿,但这只是一个开始,在此基础上,还需要用户体验、计费、音效等各种辅助功能的完善,才可能真正促使它达到用户的标准。游戏仍然是这个领域最能带来潜在收益的机会,但还需要有一款真正能的爆款来推动。从我观察到的趋势推断,最晚明年底,一定有机会出来一款基于HTML5的爆款游戏。


作者介绍:

技术人攻略访谈是关于技术人生活和成长的系列访问,由独立媒体人Gracia创立和维护。报道内容以“人”为核心,通过技术人的故事传递技术梦想;同时以小见大,见证技术的发展和行业的变迁。在这个前所未有的变革时代下,我们的眼光将投向有关:创造力、好奇心、冒险精神,这样一些长期被忽略的美好品质上。相信通过这样一群心怀梦想,并且正脚踏实地在改变世界的技术人,这些美好的东西将重新获得珍视。

联系方式 gracia@devlevelup.com
微博: @技术人攻略
订阅:微信搜“技术人攻略”或“dev-levelup”

感谢SegmentFault提供博客专栏及推广支持
感谢迅达云成提供云主机及技术支持
感谢七牛云存储对“技术人攻略影像拍摄计划”提供支持

CUIT CTF WriteUp-女神的秘密

题目给了N个文件夹,要求找到其中包含Secret{}格式的字符串,So 不多说了,linux下直接cat * | grep Secret弹key(分数不均,吐槽一下,这也太简单了!!!)...
  • u013565525
  • u013565525
  • 2014年05月22日 16:16
  • 1247

转变卖茶思维,开启蓝海暴利模式,团队操作年入百万

利用贪的人性,带来回报: 卖理财的,你贪别人的高利息,别人惦记着你的本金。 利用装的人性,带来回报: 总有些很穷,但还要装逼的, 区买各种奢侈…… ...
  • Wedry95
  • Wedry95
  • 2018年01月13日 23:53
  • 12

人难免天生有自怜的情绪,唯有时刻保持清醒,才能看清真正的价值在哪里

这些年我一直提醒自己一件事情,千万不要自己感动自己。大部分人看似的努力,不过是愚蠢导致的。什么熬夜看书到天亮,连续几天只睡几小时,多久没放假了,如果这些东西也值得夸耀,那么富士康流水线上任何一个人都比...
  • qq_17242957
  • qq_17242957
  • 2015年12月23日 09:25
  • 1894

女神进化论寺主人:如何用设计思维,从 0 做到 300 万粉丝?

本文整理自知群App (和资深设计师、产品、运营一起学习、共同成长)线下访谈节目「马力全开」: 2017 年 12 月 20 日,「马力全开」知乎 Live 栏目邀请寺主人讲述自己创业做自媒体『女...
  • bKMk01MZ3w
  • bKMk01MZ3w
  • 2017年12月13日 20:38
  • 181

圣剑传说 玛娜传奇(Legend of Mana)(LOM)AF推荐放置

A:   16 10     22 海賊船バルド マドラ海岸 魔法都市ジオ   11 5 7 8 14 港町ポルポタ...
  • seabeam
  • seabeam
  • 2016年08月08日 01:09
  • 3698

CTF-隐写之藏在女神的后面

此题三种解题方法: 一、将图片使用Notepid++打开,发现key的值 二、使用Stegsolve进行分析,发现key的值 三、单击右键,查看属性中的详细信息,得到key的密文 ...
  • lijia111111
  • lijia111111
  • 2017年01月24日 14:54
  • 1205

上帝是爱与公义的统一

诗篇145:17耶和华在他一切所行的,无不公义;在他一切所作的都有慈爱。   诗篇145:20耶和华保护一切爱他的人,却要灭绝一切的恶人。    对《圣经》上耶稣说“爱你的敌人”这段经文,很多人是有误...
  • boxxPCP
  • boxxPCP
  • 2010年12月11日 22:19
  • 598

一切恩爱会,无常难得久。生世多畏惧,命危于晨露。因爱故生忧,因爱故生怖。若离于爱者,无忧亦无怖。

一切恩爱会,无常难得久。 生世多畏惧,命危于晨露。 因爱故生忧,因爱故生怖。 若离于爱者,无忧亦无怖。   我们的一切畏惧、一切忧愁、一切恐怖都是源于爱,因为爱是一种欲望。要想一个人,你要跟他白头到老...
  • liuqiaoying_lqy
  • liuqiaoying_lqy
  • 2013年12月16日 11:09
  • 3971

速度就是一切

我们班的女生地区是有点缺乏速度,这在体育考试时就体现出来了,不管是仍实心球,还是运球,如果加上点速度,实心球肯定能仍得更远,运球时肯定能得满分! 还有就是昨天,照相的时候,我们班的女生就像散步一样慢...
  • StarkKung
  • StarkKung
  • 2016年05月25日 22:10
  • 122

中国互联网技术联盟发布首个“互联网+”权威定义

互联网+战略是核心驱动力,基于这个发动机,把制造业,传统企业和大众创业都绑定在一起,推动整个社会的创新变革。...
  • mp817
  • mp817
  • 2016年07月26日 11:41
  • 541
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:技术人攻略访谈三十九-HTML5社区田爱娜:女神哪有天生,坚守就是一切
举报原因:
原因补充:

(最多只允许输入30个字)