Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Flashテクノロジーの今後とあなたの人生とのかかわりについて

22,284 views

Published on

2012年8月29日に開催された第3回テックヒルズ 2012「Flashの終焉!?~Flashの今後を見抜く~」でつかった資料です。

Published in: Technology
  • Be the first to comment

Flashテクノロジーの今後とあなたの人生とのかかわりについて

  1. 1. 第3回テックヒルズ | 2012.08.29 Flashテクノロジーの今後とあなたの人生とのかかわりについて 太田禎一 | アドビ システムズ 株式会社 デジタルメディア ビジネス開発部© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.Photo: JD Hancock http://www.flickr.com/photos/jdhancock/
  2. 2. おまえダレ?  デジタルメディア・ゲーム関連のビジネス開発を担当しています  放送・出版・デジタルメディアを中心に、いろいろなお客様に最新 Adobeテクノロジーや、そのよさをお伝えする仕事  イベント・カンファレンスでお話したりも、ときどきします© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2
  3. 3. きょうお話したいこと ① Flashテクノロジーが果たす 役割は確実にシフトしている ② Flashテクノロジーへの投資は 今後5~10年にわたって有効 ③ Flash資産・ワークフローを HTML5に繋げることが成功のカギ© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 3
  4. 4. おれら情強がポストPC時代とか未来予言してやんよ♡© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 4
  5. 5. Flashは死んだ (ドヤっ)© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 5
  6. 6. 実際のとこどうなのかね?© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 6
  7. 7. Flashを含むWebページ比率の遷移© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 7Source: http://trends.builtwith.com/javascript/SWFObject
  8. 8. 着実に減ってますね!© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 8
  9. 9. その通り。 Flashの役割がシフトして 「適材適所」が進んでいる証拠。© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 9
  10. 10. 「アンプラグド」vs. Flash適材適所の図 (2012年8月現在) アニメー ゲーム・高 表示エフェ RIA (業務 プレミアム ション・ 度なインタ クト・スラ アプリケー オンライン モーション ラクティブ イドショー ション) ビデオ GFX コンテンツ© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 10
  11. 11. 参考:HTML5 Video/Audioタグを含むWebページ比率の遷移© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 11Source: http://trends.builtwith.com/docinfo/HTML-5-Video-Audio-Tags
  12. 12. (まぁ、あれでFlash死んでんなら HTML5ビデオ始まってもいないってか?)© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 12
  13. 13. …気を取り直して ざっくりマーケットのデータを おさらいしてみよう© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 13
  14. 14. バージョン別PCブラウザインターネットアクセスシェア推移 (国内) 直近で IE9: 35.77% IE8: 16.92% Chrome: 18.82% Firefox 5+: 15.18%© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 14Source: http://gs.statcounter.com/#browser_version_partially_combined-JP-monthly-200812-201208
  15. 15. モバイル vs. デスクトップインターネットアクセス推移 (国内) 直近で Desktop: 92.05% Mobile: 7.95%© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 15Source: http://gs.statcounter.com/#mobile_vs_desktop-JP-monthly-200812-201208
  16. 16. スマートフォンOSインターネットアクセスシェア推移 (国内) 直近で iOS: 48.58% Android: 48.89%© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 16Source: http://gs.statcounter.com/#mobile_os-JP-monthly-200812-201208
  17. 17. スマートフォン利用シェアは国内モバイルの25% (2012/06現在)© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 17Source: http://www.comscore.com/jpn/Press_Events/Press_Releases/2012/8/Japan_Smartphone_Surge
  18. 18. 2016年にはスマートフォン国内人口普及率が70%以上に (予測)© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 18Source: http://www.seedplanning.co.jp/press/2012/2012072601.html
  19. 19. Flash Lite 1.1+搭載:フィーチャーフォンの99.8% (2012/03現在)© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 19Source: http://web-tan.forum.impressrd.jp/e/2012/04/17/12546
  20. 20. 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© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.Source: 1http://www.adobe.com/products/flashplatformruntimes/statistics.displayTab3.html 2http://riastats.com/
  21. 21. マーケットのデータは現在 ① デスクトップPC ② スマートフォン ③ フィーチャーフォン すべてが重要だということを示している。 Flashが使えるPCとフィーチャーフォンは 今後数年にわたり重要なマーケットであり続ける。© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 21
  22. 22. じゃぁ「数年後」のその先は? 明らかにFlashの将来 先細りでしょ。© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 22
  23. 23. このまま何もしないでいたらそうなると Adobeも思っている。© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 23
  24. 24. Adobeが考える今後5~10年にわたるFlashテクノロジーの将来© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 24Source: http://www.adobe.com/jp/devnet/flashplayer/whitepapers/roadmap.html
  25. 25. Flashの将来:「Adobeが」フォーカスする2つの分野 プレミアムビデオ AAAゲーム TV番組/映画/スポーツ/ 最高品質の3Dゲーム/ 音楽/ライブ放送 etc., 軽快な2Dゲーム etc., 堅牢なコンテンツ保護 GPUを最大限に活用© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 25Photos: JD Hancock http://www.flickr.com/people/jdhancock/
  26. 26. 合い言葉は 「Webブラウザのゲームコンソール化」© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 26
  27. 27. ゲームプラットフォームの規模 (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© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 27Source: Asymco http://www.asymco.com/ VGCharts http://www.vgchartz.com/ Wikipedia http://wikipedia.org/
  28. 28. GPU対応の高速描画エンジン「Stage 3D」と対応フレームワーク The Starling Framework http://gamua.com/starling/ Away3D http://away3d.com/© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 28Link: http://www.nissan-stagejuk3d.com/ https://apps.facebook.com/angrybirds/
  29. 29. 高機能プロファイラ「Project Monocle」(開発中)© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 29Video: http://vimeo.com/46917940
  30. 30. ActionScript “Next” (開発中) 次、来るってよ© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 30
  31. 31. フォーカス分野があるってことは 「やらない」分野もあるって ことでしょ?© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 31
  32. 32. そのとおり。具体的に以下の分野に Adobeは新規投資をしない: ① スマホアプリ以外のモバイルFlash開発 ② Flash Lite対応 (Device Central含む) ③ ActionScript 2以前の言語 ④ GPU対応しない従来のDisplay Listレンダリング© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 32
  33. 33. で、まぁ細かいこと抜きに結局 Flashモバイル撤退だよねメシウマ♫© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 33
  34. 34. あのねぇ撤退はモバイル ブラウザプラグインだけ。 モバイルにおいて、Flashテクノロジーは スマートフォンアプリ開発技術 (Adobe AIR) として 進化し続ける。パフォーマンスもばっちり!© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 34
  35. 35. MONPLA SMASH (アプリ) = Flash Pro → Adobe AIR + Native Extension© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 35
  36. 36. Flashでモバイルアプリ開発、なるほどね。 でもでもでもスマホブラウザ向けの コンテンツ開発するならもう全力で HTML5対応しないとですね!© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 36
  37. 37. “HTML5”の世界に飛び出すぜいくぜオラァァァ!© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 37Photo: US Army Africa http://www.flickr.com/people/usarmyafrica/
  38. 38. パラシュート?ごめんいま準備中だわ (by ブラウザベンダー各位)© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 38Photo: Marine Corps Archives & Special Collections www.flickr.com/people/usmcarchives/
  39. 39. あ、ゴメンこっちもいま準備中だわ (by Adobe)© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 39Photo: Marine Corps Archives & Special Collections www.flickr.com/people/usmcarchives/
  40. 40. 問題は… ① PCとモバイルで別世界のHTML5 (WebGLとか) ② HTML5のモバイル実装が不安定 (Canvasとか) ③ Flashレベルで使いやすいHTMLツールが (まだ) ない ④ 決定的なワークフローが存在しない© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 40
  41. 41. でも行くしかないんだぜぇーっ!© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 41Photo: Philip Leara www.flickr.com/people/philleara/
  42. 42. さまざまな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。互換 性高い。開発継続中© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 42
  43. 43. 「銀の弾丸」なさげ…© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 43
  44. 44. これから1~2年はさまざまな ソリューションのなかから 最適なものをピックアップして使う 「自己責任」フェーズといえるかも。© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 44
  45. 45. それよかFlashとか 変換にこだわらないで 始めっからHTML5 + JS でいいんじゃね?© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 45
  46. 46. それもひとつの知見。 ただ、それじゃ解決できない根本的な問題が あるんだけどあんまり理解してる人いないんだよね…© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 46
  47. 47. Flashのキモ:世界中の才能あるクリエイターとコミュニティ© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 47Photo: Sungsil Hwang http://www.flickr.com/photos/s2iri/
  48. 48. デジタルクリエイティブの「人の」ながれ JavaScriptプログラマ & HTMLマークアッパーインタラクティブ デザイナー グラフィック アニメーター デザイナー こちら側だけだと グラフィックスや C++/Java イラスト インタラクションが レーター もともと不得手なので 面白いことはあん まり起きない LAMP系 Director Flash & Flash Lite ゲーム 開発者 (Shockwave) クリエイター (Timeline & ActionScript) Ajax 開発者 有能なクリエイ ティブプールを HTML5 どうやってHTML5に & 移行するのかが JavaScript 大きな課題© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 48
  49. 49. Flashクリエイターがとるべき戦略 Flasherとしてのアドバンテージを 保ちながら新しい技術についても学ぶ© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 49
  50. 50. 将来にむけ、いま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/© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 50
  51. 51. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.Link: Adobe Creative Cloud製品ページ http://www.adobe.com/jp/products/creativecloud.html
  52. 52. 結論 立ち止まらなければ、Flasherの未来は明るい。© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 52
  53. 53. Have a Happy Landing!© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 53Photo: Muddy Funkster www.flickr.com/people/memmett/
  54. 54. © 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

×