技術人攻略訪談三十九|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提供博客專欄及推廣支持
感謝迅達雲成提供雲主機及技術支持
感謝七牛雲存儲對「技術人攻略影像拍攝計劃」提供支持