技术人攻略访谈三十九|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在20十一、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游戏的开发速度、性能，以及可玩性不断提高。我认识的一些朋友从百度、439九、UC等公司离职，陆续都在作HTML5相关创业。加上投资人开始回归关注HTML5游戏创业团队，白鹭也发起了一个灯塔计划，扶持相关创业团队。雷军投资白鹭是一个明确的信号，雷军对市场的教育，会推进它快速发展。因此无论是投资方、CP，仍是行业大佬，今年都又从新开始重视HTML5。

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

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

---

做者介绍：

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

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

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