在美國看中國 HTML5 市場(chǎng)的發(fā)展

近日我在美國舊金山和美國的 HTML5 開發(fā)者進(jìn)行了一次近距離的接觸，感受中美 HTML5 開發(fā)者的熱度差別和不同市場(chǎng)階段的中美表現(xiàn)巨大差異。

中國和美國的 HTML5 市場(chǎng)差距有多少？

首先，從下面兩張趨勢(shì)圖我們很容易發(fā)現(xiàn)美國的 HTML5 公眾關(guān)注度是從 2009年 底出現(xiàn)第一次的快速上漲，而將近 2年 后 2011年 下半年，中國的 HTML5 市場(chǎng)才出現(xiàn)了第一次的集中關(guān)注。

美國 HTML5 市場(chǎng)經(jīng)過 5年 的長(zhǎng)期發(fā)展之后，早進(jìn)入理性的狀態(tài)，不是炒作概念或者單純的市場(chǎng)宣講活動(dòng)，甚至關(guān)注度出現(xiàn)了下降，已經(jīng)變成了在 web 技術(shù)各個(gè)獨(dú)立領(lǐng)域深度探索和創(chuàng)新。而中國 HTML5 市場(chǎng)在 2015年 的此刻雖然關(guān)注度火熱，但是可能比美國市場(chǎng)出現(xiàn)了更進(jìn)一步的延后。

圖 1:HTML5 在美國的關(guān)注度數(shù)年的趨勢(shì)

圖 2:HTML5 在中國的關(guān)注度趨勢(shì)

美國 HTML5 開發(fā)者和公司在做什么？

1、從創(chuàng)新到實(shí)用，可以用這句話來總結(jié)

此次見到了很多很 “cool” 的公司，其中有一家公司利用 WebGL 和 Websocket 技術(shù)，將一個(gè)方程式賽車場(chǎng)搬到了互聯(lián)網(wǎng)上。他們是這樣做的，首先賽車上被安裝的上千個(gè)傳感器可以實(shí)時(shí)數(shù)據(jù)回傳，通過 Websocket 技術(shù)和 HTML5 的結(jié)合在 PC 上做實(shí)時(shí)的跟蹤模擬展示，并且可以以 3D 的形式呈現(xiàn)。這種方式的實(shí)現(xiàn)，除了感覺震撼，也讓我感受到一個(gè)真正的程序員在創(chuàng)新和技術(shù)深度使用上所下的功夫。并且通過這種努力讓創(chuàng)新的想法得以變成現(xiàn)實(shí)。虛擬現(xiàn)實(shí)、IoT 物聯(lián)網(wǎng)、3D 是美國 HTML5 開發(fā)者目前所關(guān)注的焦點(diǎn)。

2、美國的 HTML5 和移動(dòng)

對(duì)于把 Web App 網(wǎng)頁加殼直接打包成成一個(gè) iOS 和 Android App 的模式，美國的開發(fā)者基本不再更多的提及。此次通過和美國網(wǎng)頁開發(fā)者的交流，我發(fā)現(xiàn)經(jīng)過 5、6年 的發(fā)展，大家對(duì)于寫一套代碼可以直接在 PC、手機(jī)瀏覽器、加殼成 App（當(dāng)然在中國還多了一個(gè)微信的發(fā)布渠道）這種模式的認(rèn)識(shí)已經(jīng)比較成熟，普遍認(rèn)為這種理想主義狀態(tài)下的模式并不能帶來真正的用戶體驗(yàn)。對(duì)于純前端框架的使用也比較的謹(jǐn)慎，比如有一個(gè)開發(fā)者告訴我，因?yàn)?Angular.js 在重寫 2.0 并且會(huì)在 1.0 的版本上徹底重構(gòu)，因此在很多美國開發(fā)者現(xiàn)在不會(huì)選擇至少到新版本的發(fā)布。這段對(duì)話最重要的價(jià)值是讓我明白美國 HTML5 開發(fā)者的成熟和理性。因此美國 HTML5 開發(fā)者在移動(dòng)上也并不抱著偷懶的心態(tài)寫一套代碼，希望在 PC、手機(jī)等全部通用。這也能解釋為什么 Sencha 等這種前端框架發(fā)展不溫不火的現(xiàn)狀。

3、React JS/Native 在美國開發(fā)者的眼中什么樣

讓我出乎意外的是 React Native 在此次美國交流中并沒有變的那么火熱。我原以為 Facebook 剛剛發(fā)布 React Native 會(huì)讓美國開發(fā)者熱情高漲。大家都很關(guān)注，但是只能說沒那么讓人激動(dòng)。我和一個(gè)開發(fā)者溝通了對(duì)于 ReactJS 和 React Native 的經(jīng)驗(yàn)，他告訴我 React JS 更多被用在了 PC 端，而移動(dòng)端使用 React Native 對(duì)于一般的前端工程師來說也并不簡(jiǎn)單，很多大公司的非常高級(jí)的前端程序員會(huì)追求新技術(shù)，并且嘗試使用，也相信有 Facebook 站在后面背書會(huì)持續(xù)發(fā)展，但是對(duì)于大多數(shù)前端 HTML5 開發(fā)者來說還是太復(fù)雜了。因?yàn)槭褂?React Native 對(duì)前端程序員的要求不是單純的 Web 技術(shù)，同樣需要原生的開發(fā)經(jīng)驗(yàn)和能力，想作出真正好用的 App 來說可能需要的不僅僅是嘗新的興趣，更需要多種技術(shù)跨領(lǐng)域使用的能力，否則只能當(dāng)成程序員的一種學(xué)習(xí)。并且關(guān)于 React 在美國 HTML5 開發(fā)者中也存在著巨大的 Hype（爭(zhēng)議）。我總結(jié)此次交流，發(fā)現(xiàn) React 的發(fā)展仍舊任重道遠(yuǎn)。

美國開發(fā)者眼中，React Native 很酷，使用 React Native 主要用來解決移動(dòng)端 App 的 UI 界面布局和交互的問題，App 其他功能的實(shí)現(xiàn)需要開發(fā)團(tuán)隊(duì)獨(dú)立解決。但是眼下存在的問題是 JavaScript 開發(fā)者需要了解 Native App 技術(shù)，而 Native App 開發(fā)者需要精通 JavaScript 才能基于 React Native 開發(fā) App，這似乎有點(diǎn)矛盾。其次 iOS 與 Android 有組件代碼可以重用，但是部分會(huì)存在區(qū)別。最后，React Native 開發(fā)需要徹底的搭建原生 App 開發(fā)環(huán)境支持，這對(duì)于很多開發(fā)者來說尤其是網(wǎng)頁開發(fā)者來說也過于復(fù)雜了。

在美國看中國 HTML5 市場(chǎng)

從概念到實(shí)用，這是和美國 HTML5 開發(fā)者交流最深刻的感受。反觀中國 HTML5 開發(fā)者市場(chǎng)，我們需要的是沉淀和不是簡(jiǎn)單的追求熱點(diǎn)，并且進(jìn)行一些反思。對(duì)此我也進(jìn)行了一些長(zhǎng)期思考，結(jié)合此次的美國開發(fā)者交流活動(dòng)，我發(fā)現(xiàn)很多思考和觀點(diǎn)也得到了驗(yàn)證，比如響應(yīng)式設(shè)計(jì)雖然能夠帶來一些在多終端開發(fā)的便利性，但是更多的被用在以 PC 網(wǎng)站為主體的業(yè)務(wù)上（也就是對(duì)于大部分用戶仍舊使用 PC 端訪問的服務(wù)），很多前端框架被用在改造老舊網(wǎng)站或者說遺產(chǎn)型網(wǎng)站上（Website as a legacy），這是為了保證這些老舊網(wǎng)站也可以被越來越多的移動(dòng)端用戶能訪問（就好像云適配在中國所做的事情，一行代碼將 PC 網(wǎng)站變成手機(jī)網(wǎng)站）。但是對(duì)于純粹的移動(dòng)端業(yè)務(wù)，PC 和 Mobile 更多被獨(dú)立的開發(fā)和認(rèn)真對(duì)待。一套代碼在手機(jī)瀏覽器、在微信公用號(hào)甚至變成 App 多個(gè)場(chǎng)景應(yīng)用的模式在美國這個(gè)成熟的 HTML5 市場(chǎng)并不是主流。這個(gè)觀點(diǎn)，我想也能夠很好的說明中國 HTML5 開發(fā)市場(chǎng)還需要擠掉炒作的泡沫和市場(chǎng)的誤導(dǎo)。

這幾天和美國開發(fā)者的深度交流，讓我感受美國市場(chǎng)在不停談創(chuàng)新，但是并沒有太多空的概念和炒作。這種氛圍也造就了一批相當(dāng)有實(shí)力的前端程序員，甚至 full stack 全棧程序員。市場(chǎng)會(huì)發(fā)展，我相信中國的 HTML5 在未來 2年 也會(huì)進(jìn)入理性成熟階段，我們也會(huì)有更多有實(shí)力、有創(chuàng)新能力的 HTML5 甚至全棧程序員出現(xiàn)。當(dāng)然這首先需要的還是我們 HTML5 前端程序員們深度的積累和踏實(shí)不盲目追逐熱點(diǎn)的心態(tài)。