中国和美国的HTML5市场差距有多少?

标签: 专栏 | 发表时间:2015-10-22 10:47 | 作者:
出处:http://www.leiphone.com

【编者按】本文作者APICloud 创始人兼CEO刘鑫。

近日,我在旧金山和美国的HTML5开发者进行了一次近距离的接触,感受中美HTML5开发者的热度差别和不同市场阶段的中美表现巨大差异。

中国和美国的HTML5市场差距有多少?

首先,从下面两张趋势图我们很容易发现美国的HTML5公众关注度是从2009年底出现第一次的快速上涨,而将近2年后2011年下半年,中国的HTML5市场才出现了第一次的集中关注。

美国HTML5市场经过5年的长期发展之后,早进入理性的状态,不是炒作概念或者单纯的市场宣讲活动,甚至关注度出现了下降,已经变成了在web技术各个独立领域深度探索和创新。而中国HTML5市场在2015年的此刻虽然关注度火热,但是可能比美国市场出现了更进一步的延后。

图1:HTML5在美国的关注度数年的趋势

 

 图2:HTML5在中国的关注度趋势

美国HTML5开发者和公司在做什么?

1、 先总结:从创新到实用

此次见到了很多很“cool”的公司,其中有一家公司利用WebGL和Websocket技术,将一个方程式赛车场搬到了互联网上。

他们是这样做的,首先赛车上被安装的上千个传感器可以实时数据回传,通过Websocket技术和HTML5的结合在PC上做实时的跟踪模拟展示,并且可以以3D的形式呈现。这种方式的实现,除了感觉震撼,也让我感受到一个真正的程序员在创新和技术深度使用上所下的功夫。并且通过这种努力让创新的想法得以变成现实。虚拟现实、IoT物联网、3D是美国HTML5开发者目前所关注的焦点。

2、 美国的HTML5和移动

对于把Web App网页加壳直接打包成成一个iOS和Android App的模式,美国的开发者基本不再更多地提及。

通过和美国网页开发者的交流,我发现经过5、6年的发展,大家对于写一套代码可以直接在PC、手机浏览器、加壳成App(当然在中国还多了一个微信的发布渠道)这种模式的认识已经比较成熟,普遍认为这种理想主义状态下的模式并不能带来真正的用户体验。

他们对于纯前端框架的使用也比较谨慎。比如有一个开发者告诉我,因为Angular.js在重写 2.0并且会在1.0的版本上彻底重构,因此在很多美国开发者现在不会选择至少到新版本的发布。这段对话最重要的价值是让我明白美国HTML5开发者的成熟和理性。

因此,美国HTML5开发者在移动上也并不会抱着偷懒的心态写一套代码,希望在PC、手机等全部通用。这也能解释为什么Sencha等这种前端框架发展不愠不火的现状。

3、 在美国开发者的眼中,React JS/Native是什么样的?

让我出乎意外的是,React Native在此次美国交流中并没有那么火热。

我原以为,Facebook刚刚发布React Native会让美国开发者热情高涨。大家都很关注,但是只能说没那么让人激动。我和一个开发者沟通了对于ReactJS和React Native的经验,他告诉我,React JS更多被用在了PC端,而移动端使用React Native对于一般的前端工程师来说也并不简单。很多大公司非常高级的前端程序员会追求新技术,并且尝试使用。

另外,他们也相信,有Facebook站在后面背书会持续发展,但是对于大多数前端HTML5开发者来说还是太复杂了。因为使用React Native对前端程序员的要求不是单纯的Web技术,同样需要原生的开发经验和能力,想作出真正好用的App,可能需要的不仅仅是尝新的兴趣,更需要有多种技术跨领域使用的能力,否则只能当成程序员的一种学习。并且关于React在美国HTML5开发者中也存在着巨大的Hype(争议)。我总结此次交流,发现React的发展仍旧任重道远。

美国开发者眼中,React Native很酷,使用React Native主要用来解决移动端App的UI界面布局和交互的问题,App其他功能的实现需要开发团队独立解决。

但是,眼下存在的问题是,JavaScript开发者需要了解Native App技术,而Native App开发者需要精通JavaScript才能基于React Native开发App,这似乎有点矛盾。


其次,iOS与Android有组件代码可以重用,但是部分会存在区别。


最后,React Native开发需要彻底的搭建原生App开发环境支持,这对于很多开发者来说尤其是网页开发者来说也过于复杂了。

站在美国看中国HTML5市场

从概念到实用,这是和美国HTML5开发者交流最深刻的感受。反观中国HTML5开发者市场,我们需要的是沉淀而不是简单地追求热点。

对此我也进行了一些深入思考,结合此次的美国开发者交流活动,我发现很多思考和观点也得到了验证。

比如,响应式设计虽然能够带来一些在多终端开发的便利性,但是更多的还是被用在以PC网站为主体的业务上(也就是对于大部分用户仍旧使用PC端访问的服务),很多前端框架被用在改造老旧网站或者说遗产型网站上(Website as a legacy),这是为了保证这些老旧网站也可以被越来越多的移动端用户能访问(就好像云适配在中国所做的事情,一行代码将PC网站变成手机网站)。

但是,对于纯粹的移动端业务,PC和Mobile更多被独立地开发和认真对待。一套代码在手机浏览器、在微信公用号甚至变成App多个场景应用的模式在美国这个成熟的HTML5市场并不是主流。

这个观点,我想也能够很好地说明——

中国HTML5开发市场,还需要挤掉炒作的泡沫和市场的误导。

在这几天和美国开发者的深度交流中,我感受美国市场虽然也在不停地谈创新,但是并没有太多空的概念和炒作。这种氛围也造就了一批相当有实力的前端程序员,甚至full stack全栈程序员。

市场会发展,他相信中国的HTML5在未来2年也会进入理性成熟阶段,中国也会有更多有实力、有创新能力的HTML5甚至全栈程序员出现。当然这首先需要的还是中国HTML5前端程序员们深度的积累和踏实不盲目追逐热点的心态。

最后,附上我们在旧金山的现场:

【作者介绍】刘鑫,APICloud移动应用云服务创始人兼CEO。见证了中国移动互联网从SP梦网到智能机时代的全过程。专注于国内外移动应用开发平台领域的研究,系统的阐述过Web App的挑战与Hybrid App的发展。

相关 [中国 和美 html5] 推荐:

中国和美国的HTML5市场差距有多少?

- - 雷锋网
【编者按】本文作者APICloud 创始人兼CEO刘鑫. 近日,我在旧金山和美国的HTML5开发者进行了一次近距离的接触,感受中美HTML5开发者的热度差别和不同市场阶段的中美表现巨大差异. 中国和美国的HTML5市场差距有多少. 首先,从下面两张趋势图我们很容易发现美国的HTML5公众关注度是从2009年底出现第一次的快速上涨,而将近2年后2011年下半年,中国的HTML5市场才出现了第一次的集中关注.

HTML5热潮来袭 中国手机游戏市场面临转折‎

- - HTML5研究小组
种种迹象表,HTML5时代已经全面来袭,2012年成为HTML5元年. 近日,据外媒报道,美国社交网站Facebook将向移动领域过渡,并倡导HTML5成为移动应用开发标准,HTML5平台对于Facebook的未来至关重要. 一直以来,开发者往往会担心苹果App Store审核过程和Android的碎片化问题,而现在HTML5有望取得它们成为一个开发者所依赖的平台.

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验

- - HTML5研究小组
如今,HTML5 可谓如众星捧月一般,受到众多业内巨头的青睐. 很多 Web 开发者也尝试着用 HTML5 来制作各种 Web 应用. HTML5 规范引进了很多新特性,其中最令人期待的之一就是 Canvas 元素,HTML5 Canvas 提供了通过 JavaScript 绘制图形的方法,非常强大.

互动中国分享: 21款HTML5 开发框架和开发工具

- - DamnDigital
HTML5 在不同的领域让网页设计更强大的. 快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5. HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程序和网站,带给用户桌面应用程序的速度,性能和体验. 接下来的这些21款优秀的 HTML5 框架和开发工具可以帮助你开发项目更快,更容易.

HTML5 logo 发布

- Greyby - 酷壳 - CoolShell.cn
2011年1月19日,W3C发布了HTML5的log,打开W3C的页面,下在的图片印入眼前. 我的第一感觉,就像是看到了小时候看的八一电影制片产的电影. 这分明是号召全世界的无产Web程序员们团结起来,不畏艰难,不怕牺牲,一定要把HTML5的革命事业进行到底. 所以,请各位Web程序员不但在你们的HTML5的网页上加上下面的徽章(关于各个徽章的含义,请参看这里).

HTML5新特性

- - CSDN博客推荐文章
 通过fillStyle和strokeStyle 属性可以轻松的设置矩形的填充和线条. 颜色值使用方法和CSS 一样:十六进制数、rgb()、rgba() 和 hsla. 通过 fillRect可以绘制带填充的矩形. 使用 strokeRect 可以绘制只有边框没有填充的矩形. 如果想清除部分 canvas可以使用clearRect.

html5 canvas入门

- - Marshal's Blog
可以把canvas看做div,不过,它的长和宽不能通过css来定义,要使用标签属性:. 或者javascript对象属性设置:. 使用canvas,只有一种操作方式,使用javascript. 获得canvas对象的上下文对象,该对象是操作canvas的主要对象:. 使用canvas画最简单的线, 点击运行示例,结果看起来是这样:.

【转载】HTML5 Messaging

- - HTML5研究小组
HTML5 的Message API能够让HTML5页面之间传递消息,甚至这些页面可以不在同一样域名下. 为了让消息能从一个页面发送到另一个页面,主动发送消息的页面必须拥有另一个页面的窗口引用. 然后发送 页面针对接受页调用 postMessage() 方法. postMessage() 方法中 origin 参数的值必须与页面所在的iframe的域名相匹配.

HTML5漫谈(4)–HTML5应用平台:PhoneGAP

- - HTML5研究小组
(  程宝平 chengbp @gmail.com). http://phonegap.com)按官方说法,是HTML5移动应用平台,它包括两部分:. 1)       应用开发框架:采用Web/HTML5技术编写应用,支持设备能力(如GPS、重力感应等)调用;支持能力插件灵活扩展. 图1 PhoneGAP支持设备能力API列表.

Adobe、标准和HTML5 -HTML5 and CSS3 开发

- - HTML5研究小组
“[提供商之间的]最激烈的竞争将与 标准密切相关. 大部分聪明人的眼睛将紧盯着技术标准. 但在计算机行业,新标准既可能是无限财富的源泉,也可能导致企业帝国的毁灭. 尽管存在着如此多的风险,标准仍然点燃了无限激情”. —The Economist, 1993年2月23日. 在编写这段有关标准化的话时,计算领域的主要争议是Unix是否是一个可行的操作系统(以及是否为IBM、DEC和HP的更多专用操作系统带来了挑战),以及哪个视窗平台(SUN/AT&T还是IBM/DEC/HP)将成为标准.