120829atechhills3flashfinal 120829215733-phpapp01

第3回テックヒルズ | 2012.08.29

Flashテクノロジーの今後とあなたの人生とのかかわりについて
太田禎一 | アドビシステムズ株式会社デジタルメディアビジネス開発部

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Photo: JD Hancock http://www.flickr.com/photos/jdhancock/

おまえダレ？

 デジタルメディア・ゲーム関連のビジネス開発を担当しています
 放送・出版・デジタルメディアを中心に、いろいろなお客様に最新
Adobeテクノロジーや、そのよさをお伝えする仕事
 イベント・カンファレンスでお話したりも、ときどきします

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2

きょうお話したいこと

① Flashテクノロジーが果たす
役割は確実にシフトしている
② Flashテクノロジーへの投資は
今後5~10年にわたって有効
③ Flash資産・ワークフローを
HTML5に繋げることが成功のカギ


おれら情強がポストPC時代とか未来予言してやんよ♡


Flashは死んだ (ドヤっ)


実際のとこどうなのかね？


Flashを含むWebページ比率の遷移

Source: http://trends.builtwith.com/javascript/SWFObject

着実に減ってますね！


その通り。
Flashの役割がシフトして
「適材適所」が進んでいる証拠。


「アンプラグド」vs. Flash適材適所の図 (2012年8月現在)

アニメーゲーム・高
表示エフェ RIA (業務プレミアム
ション・度なインタ
クト・スラアプリケーオンライン
モーションラクティブ
イドショーション) ビデオ
GFX コンテンツ


参考：HTML5 Video/Audioタグを含むWebページ比率の遷移

Source: http://trends.builtwith.com/docinfo/HTML-5-Video-Audio-Tags

（まぁ、あれでFlash死んでんなら
HTML5ビデオ始まってもいないってか？）


…気を取り直して
ざっくりマーケットのデータを
おさらいしてみよう


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

直近で
IE9: 35.77%
IE8: 16.92%
Chrome: 18.82%
Firefox 5+: 15.18%

Source: http://gs.statcounter.com/#browser_version_partially_combined-JP-monthly-200812-201208

モバイル vs. デスクトップインターネットアクセス推移 (国内)

直近で
Desktop: 92.05%
Mobile: 7.95%

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

スマートフォンOSインターネットアクセスシェア推移 (国内)

直近で
iOS: 48.58%
Android: 48.89%

Source: http://gs.statcounter.com/#mobile_os-JP-monthly-200812-201208

スマートフォン利用シェアは国内モバイルの25% (2012/06現在)

Source: http://www.comscore.com/jpn/Press_Events/Press_Releases/2012/8/Japan_Smartphone_Surge

2016年にはスマートフォン国内人口普及率が70%以上に (予測)

Source: http://www.seedplanning.co.jp/press/2012/2012072601.html

Flash Lite 1.1+搭載：フィーチャーフォンの99.8% (2012/03現在)

Source: http://web-tan.forum.impressrd.jp/e/2012/04/17/12546

Flash Playerの普及率

Millward Brown調べ1 (2011.06) RIASTATS調べ2 (2012.05)

Flash Player 10+ Flash Player 10+
98.9% (Japan) 88.06% (Japan)
※PCのみ ※スマホ・タブレット含む

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

マーケットのデータは現在
① デスクトップPC
② スマートフォン
③ フィーチャーフォン
すべてが重要だということを示している。

Flashが使えるPCとフィーチャーフォンは
今後数年にわたり重要なマーケットであり続ける。


じゃぁ「数年後」のその先は？
明らかにFlashの将来
先細りでしょ。


このまま何もしないでいたらそうなると
Adobeも思っている。


Adobeが考える今後5~10年にわたるFlashテクノロジーの将来

Source: http://www.adobe.com/jp/devnet/flashplayer/whitepapers/roadmap.html

Flashの将来：「Adobeが」フォーカスする2つの分野

プレミアムビデオ AAAゲーム

TV番組/映画/スポーツ/ 最高品質の3Dゲーム/
音楽/ライブ放送 etc., 軽快な2Dゲーム etc.,

堅牢なコンテンツ保護 GPUを最大限に活用

Photos: JD Hancock http://www.flickr.com/people/jdhancock/

合い言葉は
「Webブラウザのゲームコンソール化」


ゲームプラットフォームの規模 (2012年)

インストールベース (億)
*ゲームコンソールは累積販売台数 15
15
12.5

9.95
10

5.5
4.82
5 4 4

1.94
0.679 0.66 0.964
0.4
0

Source: Asymco http://www.asymco.com/ VGCharts http://www.vgchartz.com/ Wikipedia http://wikipedia.org/

GPU対応の高速描画エンジン「Stage 3D」と対応フレームワーク

The Starling Framework
http://gamua.com/starling/

Away3D
http://away3d.com/

Link: http://www.nissan-stagejuk3d.com/ https://apps.facebook.com/angrybirds/

高機能プロファイラ「Project Monocle」(開発中)

Video: http://vimeo.com/46917940

ActionScript “Next” (開発中)

次、来るってよ


フォーカス分野があるってことは
「やらない」分野もあるって
ことでしょ？


そのとおり。具体的に以下の分野に
Adobeは新規投資をしない：

① スマホアプリ以外のモバイルFlash開発
② Flash Lite対応 (Device Central含む)
③ ActionScript 2以前の言語
④ GPU対応しない従来のDisplay Listレンダリング


で、まぁ細かいこと抜きに結局
Flashモバイル撤退だよねメシウマ♫


あのねぇ撤退はモバイル
ブラウザプラグインだけ。

モバイルにおいて、Flashテクノロジーは
スマートフォンアプリ開発技術 (Adobe AIR) として
進化し続ける。パフォーマンスもばっちり！


MONPLA SMASH (アプリ) = Flash Pro → Adobe AIR + Native
Extension


Flashでモバイルアプリ開発、なるほどね。

でもでもでもスマホブラウザ向けの
コンテンツ開発するならもう全力で
HTML5対応しないとですね！


“HTML5”の世界に飛び出すぜいくぜオラァァァ！

Photo: US Army Africa http://www.flickr.com/people/usarmyafrica/

パラシュート？ごめんいま準備中だわ (by ブラウザベンダー各位)

Photo: Marine Corps Archives & Special Collections www.flickr.com/people/usmcarchives/

あ、ゴメンこっちもいま準備中だわ (by Adobe)

Photo: Marine Corps Archives & Special Collections www.flickr.com/people/usmcarchives/

問題は…

① PCとモバイルで別世界のHTML5 (WebGLとか)
② HTML5のモバイル実装が不安定 (Canvasとか)
③ Flashレベルで使いやすいHTMLツールが (まだ) ない
④ 決定的なワークフローが存在しない


でも行くしかないんだぜぇーっ！

Photo: Philip Leara www.flickr.com/people/philleara/

さまざまなFlash→HTML5変換の試み

プロジェクト対応方法デメリットメリット
Project Wallaby FLA→HTML5 (SVG) 互換性低い。開発が止正直あんまり…
(Adobe) まっているっぽい。
FalconJS (Adobe) AS3→JavaScript 未完成正直…
Flash Pro + Toolkit MovieClip→JS互換一発まるごと変換じゃなアニメーションの移植
for CreateJS スプライトアニい。100%互換でない。に特化 (JSerなら自由度
(Adobe) メーション AS一切変換しない (じぶ高い)。Adobeが継続し
(Canvas) んでJS書く) て開発中
Swiffy (Google) SWF→HTML5 100%互換でない。AS3 まるごと変換。Flash
(SVG) 非対応。サイズ制限。ホ Lite案件やバナーなら
ステッド。クローズド OK。互換性そこそこ高
ソースい。開発継続中
ExGame (DeNA) SWF→JSランタイム 100%互換でない。AS3 まるごと変換。Flash
で実行 (Canvas) 非対応。パートナー限定 Lite案件ならOK。互換
性高い。開発継続中
(後継プロジェクトPex)
Reel (GREE) SWF→JSランタイム 100%互換でない。AS3 まるごと変換。Flash
で実行 (Canvas) 非対応。パートナー限定 Lite案件ならOK。互換
性高い。開発継続中

「銀の弾丸」なさげ…


これから1~2年はさまざまな
ソリューションのなかから
最適なものをピックアップして使う
「自己責任」フェーズといえるかも。


それよかFlashとか
変換にこだわらないで
始めっからHTML5 + JS
でいいんじゃね？


それもひとつの知見。
ただ、それじゃ解決できない根本的な問題が
あるんだけどあんまり理解してる人いないんだよね…


Flashのキモ：世界中の才能あるクリエイターとコミュニティ

Photo: Sungsil Hwang http://www.flickr.com/photos/s2iri/

デジタルクリエイティブの「人の」ながれ

JavaScriptプログラマ
& HTMLマークアッパー
インタラクティブ
デザイナーグラフィック
アニメーターデザイナー
こちら側だけだと
グラフィックスや
C++/Java イラストインタラクションが
レーターもともと不得手なので
面白いことはあん
まり起きない

LAMP系
Director Flash & Flash Lite ゲーム開発者
(Shockwave) クリエイター
(Timeline & ActionScript)
Ajax
開発者

有能なクリエイ
ティブプールを HTML5
どうやってHTML5に &
移行するのかが JavaScript
大きな課題


Flashクリエイターがとるべき戦略

Flasherとしてのアドバンテージを
保ちながら新しい技術についても学ぶ


将来にむけ、いまFlasherがFlashのほかに学ぶべきこと

① モバイルでも60fpsを安定して出すためのAS3フレームワーク
「Starling」
② Flash Proで作成したアニメーションをHTML5 (Canvas)とJSで動かす
「CreateJS」
③ Flashと似たタイムラインでアニメーションが作成できる
「Adobe Edge Animate」

The Starling Framework CreateJS Adobe Edge Animate
http://gamua.com/starling/ http://createjs.com/ http://edge.adobe.com/


Link: Adobe Creative Cloud製品ページ http://www.adobe.com/jp/products/creativecloud.html

結論

立ち止まらなければ、Flasherの未来は明るい。


Have a Happy Landing!

Photo: Muddy Funkster www.flickr.com/people/memmett/

120829atechhills3flashfinal 120829215733-phpapp01

Recommended

Recommended

More Related Content

What's hot

What's hot (12)

Viewers also liked

Viewers also liked (20)

Similar to 120829atechhills3flashfinal 120829215733-phpapp01

Similar to 120829atechhills3flashfinal 120829215733-phpapp01 (20)

More from Chris Brownlee

More from Chris Brownlee (7)

120829atechhills3flashfinal 120829215733-phpapp01