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

文：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创立和维护。报道内容以“人”为核心，通过技术人的故事传递技术梦想；同时以小见大，见证技术的发展和行业的变迁。在这个前所未有的变革时代下，我们的眼光将投向有关：创造力、好奇心、冒险精神，这样一些长期被忽略的美好品质上。相信通过这样一群心怀梦想，并且正脚踏实地在改变世界的技术人，这些美好的东西将重新获得珍视。

联系方式 [e-mail]
微博: @技术人攻略
订阅：微信搜“技术人攻略”或“dev-levelup”

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