第三回 東北セミボラに登壇した際の資料

2. 「広告」とHTML5
2012.10.19 面白法人KAYAC

3. い ち ご い ち え
「広告」は一期一会

4. ユーザーとの接点を最大化するには

5. PC & スマートフォン

6. スマートフォンとモダンブラウザの普及

7. スマートフォンとモダンブラウザの普及
[参考: スマートフォン普及動向調査 - http://www.d2c.co.jp/news/2012/20120418-1340.html
[参考: StatCounter - http://gs.statcounter.com/#browser-JP-monthly-201109-201209

8. ソーシャルメディア、インターフェイスの進化

9. ソーシャルメディア、インターフェイスの進化
ソーシャルメディアの進化により、
主なネット活動がモバイルに広がり
広告的なコミュニケーションも
モバイルで接することが増えた。

10. HTML5とFlash

11. HTML5のいいところ・悪いところ
• 軽量で単純なところ
• 複雑なことをやると重い
(Google Chromeでもまだまだ重い)

12. Flashのいいところ・悪いところ
• 表現も操作も複雑な体験ができる
• クロスブラウザ対応（IE6もいける）
• 簡単なものも複雑で重量になりがち

13. Webアプリと
ネイティブアプリ

14. Webアプリのいいところ・悪いところ
• インストール不要で更新が手軽。容量動
作ともに軽量。
• 複雑な表現をすると重い・遅い。
• ブラウザとアプリ内ブラウザ(WebView)
• 応答性に関する性能が上がり、ネイティ
ブに近づいきつつある

15. ネイティブアプリのいいところ・悪いところ
• 複雑な表現やアプリ間の連携が可能。
複雑な描画処理なども高速。
• ダウンロードやインストールが煩わし
い。

16. 事例紹介

17. Facebook・Twitter
• CSS3で軽量だけどア
プリっぽいUIを実現
• レイアウトの変更にア
プリの再申請は不要

18. UTGP2013
• スマホはHTML5、PC
はFlash
• リアルタイムに体験を
共有できる
[公開終了]

19. ポッキーグランプリ
• 加速度センサーを使っ
たリッチな広告
• ブラウザ上でそのまま
体験できる
http://web.pocky.jp/sp/web/

20. ROME
• WebGLを利用して、
ブラウザ単体で3D表現
http://www.ro.me/

21. ジオプリ島
• がんばれば、Flashの
ような演出も可能
http://www.geoprint.jp/promo/

22. まとめ

23. • 広告的にも技術的にも目的は同じ
• 今まで以上に体験する広告へ

24. ご清聴ありがとうございました。