ブラウザの未来:HTML5の先には?

Daniel Davis (@ourmaninjapan), Opera Software

未来:2000年

(1899年だったら)

2000年の街の風景

2000年の街の風景 http://expositions.bnf.fr/utopie/feuill/index.htm

2000年のDrive Thru

2000年のDrive Thru http://expositions.bnf.fr/utopie/feuill/index.htm

2000年の警察

2000年の警察 http://expositions.bnf.fr/utopie/feuill/index.htm

2000年の消防士

2000年の消防士 http://expositions.bnf.fr/utopie/feuill/index.htm

2000年の建設

2000年の建設 http://expositions.bnf.fr/utopie/feuill/index.htm

2000年の散髪屋さん

2000年の散髪屋さん http://expositions.bnf.fr/utopie/feuill/index.htm

2000年のお風呂(女性用)

2000年のお風呂(女性用) http://expositions.bnf.fr/utopie/feuill/index.htm

2000年の学校

2000年の学校 http://expositions.bnf.fr/utopie/feuill/index.htm

2000年のSkypeビデオチャット

2000年のSkypeビデオチャット http://expositions.bnf.fr/utopie/feuill/index.htm

目次

ブラウザの役割:

ブラウザの役割:
More than HTML5

Device APIs

Device APIの現状

事例:カメラ取得でAR(1)

事例:カメラ取得でAR(2)

まさか携帯電話にブラウザが?

昔の携帯電話 http://www.flickr.com/photos/mrbeck/2715565881/

他にも…

ビデオカメラ

ブラウザの役割:
More like a platform

Web on TV

テレビでウェブを使う http://www.opera.com/business/newsletter/2010/03/roadmap/

ただ…

テレビのリモコン

Ford F150トラック http://media.ford.com/press_kits.cfm?presskit_id=1687

プリンター

インターホーン

シール型の腕時計 http://www.solovyovdesign.com/

ブラウザの役割:
More interactive

ブラウザの進化:静的から動的へ

Operaのスピードダイヤル

ブラウザの進化:
動的からインテラクティブへ?

紙媒体 → いわゆる「paperless」 → マルチメディア

事例:履歴書

David Pedersen

年齢:30歳

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.

Vivamus fermentum semper porta. Nunc diam velit, adipiscing ut tristique vitae, sagittis vel odio. Maecenas convallis ullamcorper ultricies. Curabitur ornare, ligula semper consectetur sagittis, nisi diam iaculis velit, id fringilla sem nunc vel mi. Nam dictum, odio nec pretium volutpat, arcu ante placerat erat, non tristique elit urna et turpis. Quisque mi metus, ornare sit amet fermentum et, tincidunt et orci. Fusce eget orci a orci congue vestibulum. Ut dolor diam, elementum et vestibulum eu, porttitor vel elit. Curabitur venenatis pulvinar tellus gravida ornare. Sed et erat faucibus nunc euismod ultricies ut id justo. Nullam cursus suscipit nisi, et ultrices justo sodales nec. Fusce venenatis facilisis lectus ac semper. Aliquam at massa ipsum. Quisque bibendum purus convallis nulla ultrices ultricies. Nullam aliquam, mi eu aliquam tincidunt, purus velit laoreet tortor, viverra pretium nisi quam vitae mi. Fusce vel volutpat elit. Nam sagittis nisi dui.

事例:履歴書

Barney

年齢:秘密

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.

Vivamus fermentum semper porta. Nunc diam velit, adipiscing ut tristique vitae, sagittis vel odio. Maecenas convallis ullamcorper ultricies. Curabitur ornare, ligula semper consectetur sagittis, nisi diam iaculis velit, id fringilla sem nunc vel mi. Nam dictum, odio nec pretium volutpat, arcu ante placerat erat, non tristique elit urna et turpis. Quisque mi metus, ornare sit amet fermentum et, tincidunt et orci. Fusce eget orci a orci congue vestibulum. Ut dolor diam, elementum et vestibulum eu, porttitor vel elit. Curabitur venenatis pulvinar tellus gravida ornare. Sed et erat faucibus nunc euismod ultricies ut id justo. Nullam cursus suscipit nisi, et ultrices justo sodales nec. Fusce venenatis facilisis lectus ac semper. Aliquam at massa ipsum. Quisque bibendum purus convallis nulla ultrices ultricies. Nullam aliquam, mi eu aliquam tincidunt, purus velit laoreet tortor, viverra pretium nisi quam vitae mi. Fusce vel volutpat elit. Nam sagittis nisi dui.

再生だけではなく、作成もブラウザで?

鉛筆

ブラウザベンダーにとってのチャレンジ…

UI

Touch、音声など

Device APIs

Device APIの現状

なぜネーティブよりウェブ?

未来の予想は人によって違う

Thank you!

Daniel Davis (@ourmaninjapan), Opera Software

2000年の「車靴」 http://expositions.bnf.fr/utopie/feuill/index.htm