html5は本当にflashの代替になり得るのか？～webテクノロジー進化論

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

太田禎一 | アドビシステムズ株式会社テクニカルエバンジェリスト

HTML5は本当にFlashの代替になり得るのか？〜Webテクノロジー進化論

RIAコンソーシアム [B]セミ | 2012.02.20

Photo: C. G. P. Grey http://www.cgpgrey.com/

ちなみにわしダーウィンだから

よろしく

http://www.cgpgrey.com/


おまえダレ？

テクニカルエバンジェリストです。正式な肩書きなのですごめんなさい

放送・出版・デジタルメディアを中心に、いろいろなお客様に最新Adobeテクノロジーや、そのよさをお伝えする仕事

直接お伺いしたり、イベント・カンファレンスでお話したり

2


はじめに…

3


大事なことなので何度でも言います

普及率なめんな。

4


Flash Playerの普及率

5

Millward Brown調べ1 (2011.06)

Flash Player 10+

98.9% (Japan)

※PCのみ

RIASTATS調べ2 (2012.02)

Flash Player 10+

86.37% (Japan)

※スマホ・タブレット含む

Source: 1http://www.adobe.com/products/flashplatformruntimes/statistics.displayTab3.html 2http://riastats.com/

http://www.adobe.com/products/flashplatformruntimes/statistics.displayTab3.html

http://riastats.com/


ダーウィン＆ウォレスの自然選択説

自然選択説（しぜんせんたくせつ、英: natural selection）とは、進化を説明するうえでの根幹をなす理論。厳しい自然環境が、生物に無目的に起きる変異（突然変異）を選別し、進化に方向性を与えるという説。1859年にチャールズ・ダーウィンとアルフレッド・ウォレスによってはじめて体系化された。自然淘汰説（しぜんとうたせつ）ともいう。

6 Link: http://ja.wikipedia.org/wiki/%E8%87%AA%E7%84%B6%E9%81%B8%E6%8A%9E%E8%AA%AC

http://ja.wikipedia.org/wiki/%E8%87%AA%E7%84%B6%E9%81%B8%E6%8A%9E%E8%AA%AC


ダーウィンフィンチ

1970年 - 80年代に観察された自然選択の例。長い乾期によってダーウィンフィンチが主食にしていた木の実が少なくなると、堅い実を食べるのに適した大きな嘴を持った個体が選択的に生き残った。その後、大雨で食料が増えると、大きな嘴を持つ個体は（体の維持などの点で）不利となり、全体の平均的な体格は縮小する傾向を示した。単純に体格や嘴の平均値が変化するだけではなく、性選択の影響も同時に受け、複数の小グループに収斂する様子も観察されている。




選択圧

自然環境は急激に変化することはまれであるため、特定の方向に選択を偏らせることがある。例えば砂漠では砂色の体が保護色となる、発汗が抑えられわずかな水分を有効利用する、あるいは夜行性となるなどが生存に有利に働く。このように実際に生存率に差をもたらす自然環境の力を選択圧と言う。生息する環境が異なれば、生物は異なる選択圧を受ける。生物は常に様々な選択圧に晒されており、また一つの性質に対して複数の選択圧が働くのが普通である。




なんでダーウィン？

Webテクノロジーが生息する環境に注目し

そこにどのような選択圧が存在するのかを理解すると、今後なにが生き残るのかが

見えてくるはず、きっと。

9


Webテクノロジーの選択圧とは？

1. 普及率＝リーチ！ 2. 機能・性能

3. ユニークな価値

10


「Webテクノロジー進化論」

以下の選択圧に適応したWebテクノロジーはその環境で生き残り、進化をつづける 1. 少しでも広くリーチできるテクノロジーが生き残る (機能の優劣は決定打ではない) 2. もしも同程度のリーチなら機能・性能が高いテクノロジーが生き残る 3. ただし、他では得られないユニークな価値を提供できるテクノロジーはニッチとして、あるいは住処を変えて長く生き残る

11


たとえばオンラインビデオ

12


たとえば「マルチメディア」

13


で、今日のお題「HTML5は本当にFlashの代替になり得るのか？」

14


HTMLテクノロジーのザックリとした進化とその現状

15

PC ブラウザ

スマートフォンブラウザ

スマートフォンアプリ


Flashテクノロジーのザックリとした進化とその現状

16

PC ブラウザ

スマートフォンブラウザ

スマートフォンアプリ

最初からiOS出禁な Flash Playerは充分なリーチを達成できず

選択圧に屈して終了。ごめんなさい普及率

なめてましたw


Flashやばいじゃん！

17

PCブラウザでも Flashはぜ〜んぶ

HTML5に置き換えられて絶滅するね！


次にくるのは PCブラウザにおける

HTML5の隆盛にともなう Flashの終焉ですね？

ktkrワクテカ！

18


…まずはじめにちょっと整理が必要

「HTML5」って便利なコトバなんだけど、それが指し示すものは

人や文脈によって違う。

19


「HTML5」の定義

HTML5＝Flash不要という意味だと仮定して

もっとわかりやすく「アンプラグド」と呼んでみる。

20

にょろ〜ん！


アンプラグドを構成するもの

21

Audio/Video

HTML5 Video HTML5 Audio

H.264 WebM Theora

グラフィック

SVG HTML5 Canvas

WebGL Web Fonts

UI

HTML5 Forms Drag and Drop Touch Events

アニメーション

DOM＋JavaScript DOM＋CSS3 Transforms

HTML5 Canvas

アプリケーション

Web Storage Web Sockets

File API Offline Web Apps

ブラウザ内蔵の機能のみですべてを実現


アンプラグドを構成するもの

22

Audio/Video

HTML5 Video HTML5 Audio

H.264 WebM Theora

グラフィック

SVG HTML5 Canvas

WebGL Web Fonts

UI

HTML5 Forms Drag and Drop Touch Events

アニメーション

DOM＋JavaScript DOM＋CSS3 Transforms

HTML5 Canvas

アプリケーション

Web Storage Web Sockets

File API Offline Web Apps

HTML5だけじゃなくていろんな技術の組み合わせ♡

ブラウザ内蔵の機能のみですべてを実現


これらがバラバラにブラウザ実装されているのがいま (＆未来永劫)

23

各々普及率が異なる

Link: http://html5readiness.com/

http://html5readiness.com/


とりあえずノリで実装しちゃわれてる機能も♡

CSS3 Vendor Prefixes

-moz- -webkit-

-ms- -o-

24


caniuse.com

25 Link: http://caniuse.com/

http://caniuse.com/


html5please.us

26 Link: http://html5please.us/

http://html5please.us/


ちなみに…

HTML5の実装状況を知るには caniuse.com

html5please.us この2つを絶対押さえておくべき。

27


はいはい、アンプラグドがいろんなものの集合体だってことは

わかった。そんで？

28


…もういっこ整理

もうひとつ、「Flash」ってひとことで言って

もPCブラウザではさまざまな用途で使われている。

用途＝Webテクノロジーが棲む環境

ととらえ、ザックリ区分してみよう。

29


PCブラウザにおけるFlashの用途。ザックリと

30

表示エフェクト・スライドショー

アニメーション・

モーションGFX

RIA (業務アプリケー

ション)

ゲーム・高度なインタラクティブコンテンツ

オンラインビデオ

http://www.pentax.jp/japan/products/k-01/

http://www.enfantsterrible.com/

http://dev.sencha.com/deploy/ext-4.0.0/examples/desktop/desktop.html

http://www.cuttherope.ie/

http://vimeo.com/18667898


他にもあるだろうけど… まぁ、ザックリ理解。

31


アンプラグド vs. Flash検証

5つの環境それぞれで Webの選択圧をふまえ、

アンプラグドとFlashのどちらが生存に適しているのかを検証

してみるっていうのがこのプレゼンの主旨。

じゃぁいってみよう。

32



アンプラグド vs. Flash：表示エフェクト

アンプラグド実現方法 DOM＋JavaScript (jQueryなど)

リーチ機能を抑えればほぼ100%

機能 JavaScriptによるDOMアニメーションで、従来Flashに頼っていた単純な画像の移動や切り替え効果はすべて実現できる。旧バージョンのIEで適切に表示されない画像（透過PNG）・CSS効果も一部あるがその場合でもコンテンツはなんとか表示される (graceful degradation)し、Polyfillsが使える場面もある

33 Link: http://www.pentax.jp/japan/products/k-01/




PNG alpha transparency普及率：93.3%

34 Link: http://caniuse.com/png-alpha

http://caniuse.com/png-alpha


CSS3 Opacity普及率：70.93%

35 Link: http://caniuse.com/css-opacity

http://caniuse.com/css-opacity


HTML5エフェクトライブラリ (ごく一部)

36

jQuery & Plugins

Link: http://djdesignerlab.com/2011/09/02/20-fresh-jquery-animation-plugin-and-tutorials/

http://djdesignerlab.com/2011/09/02/20-fresh-jquery-animation-plugin-and-tutorials/



アンプラグド vs. Flash：アニメーション

アンプラグド実現方法 JavaScript (jQueryなど) 、SVG、およびCSS3アニメーション (Adobe Edgeなど)

リーチ SVGや、CSS3 transformsをはじめとする高度なアニメーションに必須な機能がIE6/7/8で使えない

機能 SVGならびにCSS3プロパティとエフェクトのすべてが使えれば、Flash 8レベルのアニメーションはだいたい実現可能。コマアニメにはスプライトシートを使う

37


モーションGFX

Link: http://www.enfantsterrible.com/




CSS3 Transforms普及率：68.49%

38 Link: http://caniuse.com/transforms2d

http://caniuse.com/transforms2d


SVG普及率：69.09%

39 Link: http://caniuse.com/svg

http://caniuse.com/svg


HTML5アニメーションライブラリ (ごく一部)

40

jQuery & Plugins

Easel.js

Processing.js Paper.js

Raphael.js

http://easeljs.com/

http://processingjs.org/

http://raphaeljs.com/

http://paperjs.org/



アンプラグド vs. Flash：RIA

アンプラグド実現方法 JavaScriptライブラリ (jQuery/Backbone.jsなど)、HTML5 RIAフレームワーク (Ext JS/SproutCore/Dojo/YUIなど)

リーチ canvas/CSS3/File API等に依存するためIE6/7/8非対応であったり、対応していてもPolyfillsに頼る局面では動作速度が実用的でないHTML5 RIAフレームワークが多い

機能データグリッドやフォーム等基本的な機能は揃っているが、Flexと同レベルの機能セット・動作一貫性・(IDE/デバッグ環境を含めた) 開発生産性は実現できていない

41


ション)

Link: http://dev.sencha.com/deploy/ext-4.0.0/examples/desktop/desktop.html




HTML5 form普及率：2.92%

42 Link: http://caniuse.com/forms

http://caniuse.com/forms


File API普及率：24.93%

43 Link: http://caniuse.com/fileapi

http://caniuse.com/fileapi


Offline web applications普及率：57.98%

44 Link: http://caniuse.com/offline-apps

http://caniuse.com/offline-apps


Web Sockets普及率：41.86%

45 Link: http://caniuse.com/websockets

http://caniuse.com/websockets


JavaScriptライブラリ＆HTML5 RIAフレームワーク (ごく一部)

46

http://www.sencha.com/

http://www.kendoui.com/

http://sproutcore.com/

http://dojotoolkit.org/

http://documentcloud.github.com/backbone/

http://developer.yahoo.com/yui/

http://jqueryui.com/


Flex to Sencha

47 Link: http://www.sencha.com/blog/flex-to-sencha-the-opportunity/

ちなみに Adobeの元エバン

ジェリストTedがFlex ユーザーにオススメしてるのは Sencha

(Ext JS/Sencha Touch)

http://www.sencha.com/blog/flex-to-sencha-the-opportunity/


アンプラグド vs. Flash：ゲームなど

アンプラグド実現方法 HTML5ゲームライブラリ (DOMベース：enchant.jsなど、canvasベース：IMPACT/Easel.jsなど)

リーチ HTML5ゲームライブラリはIE6/7/8非対応

機能 Flash 2Dでできること (カジュアルゲームレベル) はHTML5ゲームライブラリでほぼすべて再現可能 (サウンドとビデオを除く)。WebGL (ハードウェア対応3D) はIE非対応

48


Link: http://www.cuttherope.ie/




Canvas普及率：68.99%

49 Link: http://caniuse.com/canvas

http://caniuse.com/canvas


WebGL普及率：46.82%* (マシンのハードウェア環境とドライバに依存)

50 Link: http://caniuse.com/webgl

http://caniuse.com/webgl


Audio API普及率：0%

51 Link: http://caniuse.com/audio-api

http://caniuse.com/audio-api


HTML5ゲームライブラリ (ごく一部)

52

Easel.js

Processing.js Raphael.js

enchant.js

Cocos2d-javascript

IMPACT

http://easeljs.com/

http://processingjs.org/

http://raphaeljs.com/

http://enchantjs.com/

http://cocos2d-javascript.org/

http://impactjs.com/


Flashの優位性は、なにより実績が物語る

53 Source: http://www.onemorelevel.com/html-5-vs-flash-games/

http://www.onemorelevel.com/html-5-vs-flash-games/


Facebook版Angry Birds

54 Link: https://apps.facebook.com/angrybirds/

スマホアプリ版累計ダウンロード数は5億。

Facebook対応とアプリ内

課金で新たな(巨大な) 収益源を得ることに。

https://apps.facebook.com/angrybirds/



アンプラグド vs. Flash：ビデオ

アンプラグド実現方法 HTML5 video要素

リーチ 67.75% (H.264＝42.65% WebM＝46.86%) ※Flashへのフォールバックが必須

機能ストリーミング (Live/VoD) 不可能 (ただしHTTP range requestあり)、コンテンツ保護不可能、フルスクリーンは一部ブラウザでのみ対応

55


Link: http://vimeo.com/18667898




HTML5 video普及率：67.75%

56 Link: http://caniuse.com/video

http://caniuse.com/video


H.264普及率：42.65%

57 Link: http://caniuse.com/mpeg4

http://caniuse.com/mpeg4


WebM普及率：46.86%

58 Link: http://caniuse.com/webm

http://caniuse.com/webm


HTML5ビデオプレーヤー＆フレームワーク (ごく一部)

59

http://videojs.com/

http://www.longtailvideo.com/players/

http://sublimevideo.net/

http://popcornjs.org/

http://openvideoplayer.sourceforge.net/html5video/

http://flarevideo.com/




モーションGFX


ション)



まとめ：アンプラグド vs. Flash勢力図 (2012年2月現在)

60







ポイント

Webテクノロジーの選択圧 (普及率＆機能) が、一部の

環境でFlashがアンプラグドに道を譲る結果につながった。

具体的には (厳密にHTML5ではない) jQueryによる

表示エフェクトとかスライドショー。

61

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 62

なのでレストランの

メニューがFlashとかもうマジやめてね


ポイント

いっぽう、高機能なHTML5に依存した IE6/7/8非対応なアンプラグドは

その時点でリーチがFlashより低くなり、選択圧が不利に作用している。

63


…だったら無理してHTML5とかじゃなくて PCはぜんぶFlashでよくね？

64


実際問題Flash利用してるWebページ大幅に減ったりしてないし…

65


WebページにおけるFlashの利用率推移 (HTTP Archive)

0%

10%

20%

30%

40%

50%

60%

2011.01.20 2011.05.16 2011.09.15 2012.01.15

Top 100

Top 1000

All

66 Source: http://httparchive.org/trends.php

http://httparchive.org/trends.php


まとめ

河川・海洋では水棲動物、陸上では陸生動物が

それぞれ繁栄している。

これは棲む場所によって異なる選択圧が

適用されるから。

じゃなかったら世界中カエル (両生類) だらけでしょ？

67


でも結局さ、IE6/7/8対応しなきゃHTML5使えるわけでしょ？

いいじゃんそれで♡

68


はい、おっしゃるとおり IE6/7/8ガン無視すれば

HTML5使いたい放題です。

マジするどいそのとおり！

69


直近のブラウザバージョン別インターネット利用シェア (国内)

70 Source: http://gs.statcounter.com/#browser_version-JP-monthly-201201-201202-bar

26.23% 19.92%

16.45% 9.93%

4.2% 3.87%

2.97% 2.33%

IE6/7/8 32.76%

http://gs.statcounter.com/


ポイント

3割のユーザーを問答無用で切り捨てるリスク

を上回るなんらかのメリットがあれば HTML5によるFlash置き換えは

いますぐ始めてオッケー。 RIAでもなんでも。

71


いや、リスクとか脅しかよw ゆっても時間の問題でしょ？

72


そうね、IE6/7/8絶滅までどれぐらいの時間がかかるか

考えてみよう。

73


ブラウザの世代交代スピード

74 Source: http://arstechnica.com/web/news/2011/08/july-browser-stats-windows-xp-loses-its-majority-share-of-web-users.ars

IEの世代交代遅すぎ！

http://arstechnica.com/web/news/2011/08/july-browser-stats-windows-xp-loses-its-majority-share-of-web-users.ars


ブラウザバージョン別インターネット利用シェア推移 (国内)

75 Source: http://gs.statcounter.com/#browser_version-JP-monthly-200812-201202

この推移を見てると IE8が5%以下に

なるのにあと2年近くかかりそう

IE8 26.23%



Good News！

76

XP以下はIE9以上にアップデート

できないけどね…

Source: http://www.itmedia.co.jp/news/articles/1112/16/news030.html

http://www.itmedia.co.jp/news/articles/1112/16/news030.html


ポイント

一般ユーザー向けの PC Webサイトで本当に

IE6/7/8を捨てられるようになるまではあと2年の辛抱かも。

いっぽう企業内に目を向けると…

77


企業内におけるIE6/7/8ユーザーむちゃむちゃ多い

5.9%

24.2%

13.7% 38.6%

2.6%

0.7%

4.6% 9.8%

社内でもっとも多く利用されているブラウザ

Webページ閲覧可能企業ベース（n=153）

IE9.xIE8.xIE7.xIE6.x以前 FirefoxSafariNetscapeOperaChrome

78 Source: Web広告研究会による第4回企業内Web閲覧環境調査 https://www.wab.ne.jp/wab_sites/contents/1449

ちなみにFlashが閲覧できない企業は

1割

https://www.wab.ne.jp/wab_sites/contents/1449


ポイント

企業からのIE6/7/8駆逐にはもうちょっと時間がかかりそう…

79


あきらめないで！

でもじつは情シスがきちんと取り組めば、一社ずつHTML5対応の

モダンブラウザにきっと統一できる！

一般向けサイトよりコントロールしやすいはずなのでそこは頑張りましょう！

80


じゃあIE6/7/8がこの世からすっきりしゃっきり

退場したらFlashもご退場？

81


あのさぁ…人の話ちゃんと聞いてる？

82


以下の選択圧に適応したWebテクノロジーはその環境で生き残り、進化をつづける 1. 少しでも広くリーチできるテクノロジーが生き残る (機能の優劣は決定打ではない) 2. もしも同程度のリーチなら機能・性能が高いテクノロジーが生き残る 3. ただし、他では得られないユニークな価値を提供できるテクノロジーはニッチとして、あるいは住処を変えて長く生き残る

「Webテクノロジー進化論」ふたたび

83


Flashが今後ユニークな価値を提供できる分野

84

RIA (業務アプリケーション)



http://biz.adobe-ria.jp/application/7


http://www.hulu.com/


RIA (業務アプリケーション) におけるFlashのユニークな価値

85


ション)

大規模開発に適したOOP言語AS3と単一ランタイム RIAが複雑になるにつれてJSの言語としてのスケール性やブラウザAPIの互換性が問題になってくる

堅牢なUIコンポーネント・アプリケーションフレームワークとプログラマーのタレントプール FlexフレームワークはApacheに居を移し進化を継続

UIデザインのスキニング HTML5でFlexと同等のスキニングは実現できていない

バイナリ通信およびP2P WebSocketでブラウザ同士のP2Pはできない

Alchemy (高速なC/C++コードの利用) HTML5には存在しない機能 (NaCl/Emscriptenが辛うじて？)

ブラウザに依存しない一斉自動更新 (新機能追加など) HTML5と違い、全ユーザーを一斉にアップデート可能

Link: http://biz.adobe-ria.jp/application/7




AdobeのFlexに対するスタンスとApache Flex

86 Link: http://www.adobe.com/devnet/flex/whitepapers/roadmap.html Apache Flex http://incubator.apache.org/flex/

http://www.adobe.com/devnet/flex/whitepapers/roadmap.html

http://incubator.apache.org/flex/


Flashの将来に向けてAdobeがフォーカスしていく分野

87

ゲームプレミアムビデオ




ゲームにおけるFlashのユニークな価値

13.3億の既存インストールベース (PCユーザー) PCブラウザの巨大マーケット＋モバイルアプリ

Flashデザイナー・プログラマーのタレントプール結局は人

高性能なオーディオコントロール Audio APIの規格統一・普及までは時間がかかる

バラつきなく高速なアニメーション表示ブラウザによるバラつきがHTML5より少ない

Stage 3D WebGLの規格統一・普及まではかなり時間がかかる

Alchemy (高速なC/C++コードの利用) HTML5には存在しない機能 (NaCl/Emscriptenが辛うじて？)


88

ゲーム

Link: https://apps.facebook.com/angrybirds/




【参考】Mobile Performance Tests: HTML5 vs. AIR

44%

54%

36% 31%

43%

3%

0%

10%

20%

30%

40%

50%

60%

iPhone 4S iPad 2 XOOM

Adobe AIRCanvas 2D

89 Source: http://esdot.ca/site/2011/mobile-performance-tests-html5-vs-air

FPS for 350 sprites

Flash (Adobe AIR) はモバイルアプリ

になってもHTML5 より安定して高速

http://esdot.ca/site/2011/mobile-performance-tests-html5-vs-air


プレミアムビデオにおけるFlashの強み

単一のコーデック (H.264) 実装ブラウザベンダーがコーデックで合意することはない

単一のビデオストリーミング実装 MPEG-DASH等のストリーミング規格統一・普及までは時間がかかる

単一のDRM実装 W3CでDRMの統一は不可能

Stage Video GPUで高速化されたビデオ表示

P2P W3CでP2Pの規格統一・普及までかなり時間がかかる

Webカメラ入力対応 getUserMediaの規格統一・普及までかなり時間がかかる


90

プレミアムビデオ

Link: http://www.hulu.com/




getUserMedia/Stream API：0.02%

91 Link: http://caniuse.com/#search=getuse

http://caniuse.com/


でもね、PCオワテルの！未来はスマホ・タブレットなの

PC無くなるんだぜ？

92


そうかなぁ… 基本的な数字から見ていきましょう

93


スマートフォンが年間出荷台数で初めてPC・タブレット合計を抜く

94 Source: http://www.asahi.com/digital/cnet/CNT201202060023.html

http://www.asahi.com/digital/cnet/CNT201202060023.html


年間出荷台数シェア≠インストールベース

95


世帯が保有する主な情報通信機器の保有率 (普及率) 2010年末

96

85.8% 93.2%

43.0%

9.7% 7.2%

83.4%

14.9%

43.8% 46.9% 47.6%

26.8% 23.3% 17.0%

3.5% 0.4%

Source: 平成23年通信利用動向調査 http://www.soumu.go.jp/johotsusintokei/statistics/statistics05.html

http://www.soumu.go.jp/johotsusintokei/statistics/statistics05.html


世帯が保有する主な情報通信機器の保有率 (普及率) 推移

97 Source: 平成23年通信利用動向調査 http://www.soumu.go.jp/johotsusintokei/statistics/statistics05.html

パソコンちょっと減ってる

今回の調査で初登場



スマホ・タブレット vs. PCのインターネット利用シェア (世界)

98 Source: http://gs.statcounter.com/#mobile_vs_desktop-ww-monthly-200812-201202

8.52%



スマホ・タブレット vs. PCのインターネット利用シェア (米国)

99 Source: http://gs.statcounter.com/#mobile_vs_desktop-US-monthly-200812-201202

8.64%



スマホ・タブレット vs. PCのインターネット利用シェア (国内)

100 Source: http://gs.statcounter.com/#mobile_vs_desktop-JP-monthly-200812-201202

6.21%



スマホ・タブレット vs. PCのインターネット利用シェア (韓国)

101 Source: http://gs.statcounter.com/#mobile_vs_desktop-KR-monthly-200812-201202

23.37%

うち9割 Android



スマホ・タブレット vs. PCのインターネット利用シェア (インド)

102 Source: http://gs.statcounter.com/#mobile_vs_desktop-IN-monthly-200812-201202

41.12%

うち6割 Symbian



ほらね。何年後かスマホ・タブレットが

す〜んごく普及したらPCからのアクセスは激減するでしょきっと？

インドみたいに？

103


いや…インドみたいにはなりたくてもなれないと思うぞ。

104

人口12億人に対する普及率

携帯電話 80% パソコン 3%

Source: http://www.thehindubusinessline.com/industry-and-economy/info-tech/article2415307.ece

http://www.thehindubusinessline.com/industry-and-economy/info-tech/article2415307.ece


マルチスクリーンを使い分ける生活者

105 Link: “The Habits of Online Newspaper Readers”, WSJ (2010.11.15) http://on.wsj.com/xcwPYN

http://on.wsj.com/xcwPYN


米国では生活者のインターネット利用パターンとしてPC含めた複数端末の

取っ替え引っ替えがすでに

あたり前になっている。

実は国内も…

106


機器別インターネットの利用人口 (2009年末)

107

携帯端末・PHS、携帯情報端末から計8,010万人 (85.1%)

PCから計8,514万人 (90.5%)

ゲーム機・TV等から計739万人 (7.9%)

PCのみ 1,292万人 (13.7%)

インターネット利用総人口：9,408万人 (人口普及率78.0%)

PC・モバイル併用 6,492万人 (69.0%)

モバイルのみ 885万人 (9.4%)

627万人 (6.7%)

2万人 (0.0%)

103万人 (1.1%)

6万人 (0.1%)




機器別インターネットの利用人口 (2010年末)

108

携帯端末・PHS、携帯情報端末から計7,878万人 (83.3%)

PCから計8,706万人 (92.0%)

ゲーム機・TV等から計715万人 (7.6%)

PCのみ 1,509万人 (15.9%)

インターネット利用総人口：9,462万人 (人口普及率78.2%)

PC・モバイル併用 6,495万人 (68.6%)

モバイルのみ 744万人 (7.9%)

630万人 (6.7%)

3万人 (0.0%)

73万人 (0.8%)

9万人 (0.1%)


この数字、ほぼ横ばい



国内でも、PCとモバイルはいまもガチ併用されているし、それが

今後おおきく変わるとは考えにくい。

PCがどっかに消え去るわけではないので。

109


PCのWebは今後も重要であり続け、そこでFlashは (必要とされる場所で) 生き残り

進化し続ける。

110


そろそろまとめましょうか。

111


結論

HTML5は本当にFlashの代替になり得るのか？答えは半分YES、IE6/7/8を無視すれば。

112


もいっこ結論

Flashはその役割を終えたのか？答えは半分YES、広いWeb世界の一部では。

113


大事なことなのでもういちど言います

…というわけで普及率なめんな。

114


さいごに…

HTML5の未来を考えたり Flashの今後を憂いたり

する前にいますぐIE6/7/8をどうやって

なくすかを考えたほうが(ry

115

html5は本当にflashの代替になり得るのか？～webテクノロジー進化論

Technology

mobilevsdesktop

browserversion

rights reserved

adobe confidential

web web 1

jquery amp

adobe

web