SlideShare ist ein Scribd-Unternehmen logo
1 von 38
Downloaden Sie, um offline zu lesen
春日井良隆
日本マイクロソフト株式会社
UXエバンジェリスト
HTML5と
マイクロソフト
Microsoft Japan
Windows 8 with Touch Display
iPhone 5 & Windows Phone 8
iPad mini & Surface
Kindle Fire HD
Kindle Fire HD & iPhone 5
いま、なにが起きているのか?
① デバイスの多様化
② ローカルからクラウドへ
③ タッチインターフェイス
デバイス
Web Applications 1.0と呼ばれていたHTML5
HTML5 : Native to Windows
iOSアプリの開発言語
Androidアプリの開発言語
Windows アプリの開発言語
Windows アプリの開発言語
クロスプラットフォーム フレームワーク
Windows 8
Office 2013の小話
Windows ストア
スマートフォンの購入理由
25.5%
27.6%
30.5%
51.6%
64.1%
メールを利用したかった
大きな液晶が魅力的だった
タッチパネルが魅力的だった
アプリを利用したかった
PCのWebサイトを見たかった
スマートフォンに関する調査@リサーチバンク (2012年4月11日)
http://research.lifemedia.jp/2012/04/120411_smartphone.html
タブレットの購入理由
23.1%
30.5%
45.8%
47.1%
48.4%
画面が大きくて見やすい
スマホや携帯より画面が大きい
PCのように使える
手軽にインターネットができる
持ち運びに便利そう
タブレット端末に関する調査@リサーチバンク (2013年1月16日)
http://research.lifemedia.jp/2013/01/130116_tabletpc.html
ブラウザのHTML5対応を確認する
ブラウザのシェアを調べる
IE10は 速い
IE10は 省電力
0 10 20 30 40 50 60
Windows XP + IE6
Windows Vista + IE7
Windows 7 + IE9
Windows 8 + IE10
Windows 8 + Chrome 21
Windows 8 + Firefox 15
バッテリー持続時間 (分)
IE10は 安全
70.40%
4.20%
99.10%
4.30%
0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100%
Chrome 21
Firefox 15
IE10
Safari 5
ソーシャルエンジニアを使ったマルウェアのブロック率
https://www.nsslabs.com/reports/browser-security-comparative-analysis-socially-engineered-malware
Modern.IE
IE6 Countdown
来年4月9日にXPとIE6のサポートが終了
CSS Nite in Sapporo で頂いたお言葉
『ウェブ進化 最終形』から
Microsoft Research
Bing Translator
IllumiRoom Kinect+プロジェクションマッピング
HTML5とマイクロソフト(広島)

Weitere ähnliche Inhalte

Ähnlich wie HTML5とマイクロソフト(広島)

HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンスHTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンスアシアル株式会社
 
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発Osamu Monoe
 
2014年メディア工房勉強会 第3章「Webアプリ制作」
2014年メディア工房勉強会 第3章「Webアプリ制作」2014年メディア工房勉強会 第3章「Webアプリ制作」
2014年メディア工房勉強会 第3章「Webアプリ制作」Takashi Endo
 
ゲーム、家電、自動車、新聞などへの影響
ゲーム、家電、自動車、新聞などへの影響ゲーム、家電、自動車、新聞などへの影響
ゲーム、家電、自動車、新聞などへの影響html5j
 
第4回.NET中心会議 基調講演「スマートフォン時代の到来と.NET開発」(高橋さま)
第4回.NET中心会議 基調講演「スマートフォン時代の到来と.NET開発」(高橋さま)第4回.NET中心会議 基調講演「スマートフォン時代の到来と.NET開発」(高橋さま)
第4回.NET中心会議 基調講演「スマートフォン時代の到来と.NET開発」(高橋さま)Masahiko Isshiki
 
どうなる?Windows 8時代の業務アプリ開発
どうなる?Windows 8時代の業務アプリ開発どうなる?Windows 8時代の業務アプリ開発
どうなる?Windows 8時代の業務アプリ開発Yuya Yamaki
 
Androidのいろはにほへと
AndroidのいろはにほへとAndroidのいろはにほへと
Androidのいろはにほへと高見 知英
 
デベロッパー視点での3大スマホの違い
デベロッパー視点での3大スマホの違いデベロッパー視点での3大スマホの違い
デベロッパー視点での3大スマホの違いMakoto Kubota
 
Androidが変えたもの
Androidが変えたものAndroidが変えたもの
Androidが変えたものYuki Yamakido
 
Universal Appとは? -デバイスに依存しないアプリケーション開発-
Universal Appとは? -デバイスに依存しないアプリケーション開発-Universal Appとは? -デバイスに依存しないアプリケーション開発-
Universal Appとは? -デバイスに依存しないアプリケーション開発-Takaaki Suzuki
 
Metrostyleappに挑戦してみた
Metrostyleappに挑戦してみたMetrostyleappに挑戦してみた
Metrostyleappに挑戦してみたNobuaki Aoki
 
Creating the Future with Firefox OS
Creating the Future with Firefox OSCreating the Future with Firefox OS
Creating the Future with Firefox OSdynamis
 
Androidとは。ちょっと変った視点から
Androidとは。ちょっと変った視点からAndroidとは。ちょっと変った視点から
Androidとは。ちょっと変った視点からdemuyan
 
Windows 10 対応のデスクトップアプリを 作る技術(事前公開版)
Windows 10 対応のデスクトップアプリを 作る技術(事前公開版)Windows 10 対応のデスクトップアプリを 作る技術(事前公開版)
Windows 10 対応のデスクトップアプリを 作る技術(事前公開版)一希 大田
 
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu TouchHonma Masashi
 
コンテンツプラットフォームとしてのAndroidの将来性
コンテンツプラットフォームとしてのAndroidの将来性コンテンツプラットフォームとしてのAndroidの将来性
コンテンツプラットフォームとしてのAndroidの将来性Teiichi Ota
 
スマートフォンアプリ開発小話(岡山WEBクリエイターズ)
スマートフォンアプリ開発小話(岡山WEBクリエイターズ)スマートフォンアプリ開発小話(岡山WEBクリエイターズ)
スマートフォンアプリ開発小話(岡山WEBクリエイターズ)hamahama 34
 
Flashまわりのでっかいゆめを見る
Flashまわりのでっかいゆめを見るFlashまわりのでっかいゆめを見る
Flashまわりのでっかいゆめを見るAndy Hall
 

Ähnlich wie HTML5とマイクロソフト(広島) (20)

HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンスHTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
 
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
 
2014年メディア工房勉強会 第3章「Webアプリ制作」
2014年メディア工房勉強会 第3章「Webアプリ制作」2014年メディア工房勉強会 第3章「Webアプリ制作」
2014年メディア工房勉強会 第3章「Webアプリ制作」
 
ゲーム、家電、自動車、新聞などへの影響
ゲーム、家電、自動車、新聞などへの影響ゲーム、家電、自動車、新聞などへの影響
ゲーム、家電、自動車、新聞などへの影響
 
第4回.NET中心会議 基調講演「スマートフォン時代の到来と.NET開発」(高橋さま)
第4回.NET中心会議 基調講演「スマートフォン時代の到来と.NET開発」(高橋さま)第4回.NET中心会議 基調講演「スマートフォン時代の到来と.NET開発」(高橋さま)
第4回.NET中心会議 基調講演「スマートフォン時代の到来と.NET開発」(高橋さま)
 
20110824 android apps_endo
20110824 android apps_endo20110824 android apps_endo
20110824 android apps_endo
 
どうなる?Windows 8時代の業務アプリ開発
どうなる?Windows 8時代の業務アプリ開発どうなる?Windows 8時代の業務アプリ開発
どうなる?Windows 8時代の業務アプリ開発
 
Androidのいろはにほへと
AndroidのいろはにほへとAndroidのいろはにほへと
Androidのいろはにほへと
 
20110824 android apps_endo
20110824 android apps_endo20110824 android apps_endo
20110824 android apps_endo
 
デベロッパー視点での3大スマホの違い
デベロッパー視点での3大スマホの違いデベロッパー視点での3大スマホの違い
デベロッパー視点での3大スマホの違い
 
Androidが変えたもの
Androidが変えたものAndroidが変えたもの
Androidが変えたもの
 
Universal Appとは? -デバイスに依存しないアプリケーション開発-
Universal Appとは? -デバイスに依存しないアプリケーション開発-Universal Appとは? -デバイスに依存しないアプリケーション開発-
Universal Appとは? -デバイスに依存しないアプリケーション開発-
 
Metrostyleappに挑戦してみた
Metrostyleappに挑戦してみたMetrostyleappに挑戦してみた
Metrostyleappに挑戦してみた
 
Creating the Future with Firefox OS
Creating the Future with Firefox OSCreating the Future with Firefox OS
Creating the Future with Firefox OS
 
Androidとは。ちょっと変った視点から
Androidとは。ちょっと変った視点からAndroidとは。ちょっと変った視点から
Androidとは。ちょっと変った視点から
 
Windows 10 対応のデスクトップアプリを 作る技術(事前公開版)
Windows 10 対応のデスクトップアプリを 作る技術(事前公開版)Windows 10 対応のデスクトップアプリを 作る技術(事前公開版)
Windows 10 対応のデスクトップアプリを 作る技術(事前公開版)
 
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
 
コンテンツプラットフォームとしてのAndroidの将来性
コンテンツプラットフォームとしてのAndroidの将来性コンテンツプラットフォームとしてのAndroidの将来性
コンテンツプラットフォームとしてのAndroidの将来性
 
スマートフォンアプリ開発小話(岡山WEBクリエイターズ)
スマートフォンアプリ開発小話(岡山WEBクリエイターズ)スマートフォンアプリ開発小話(岡山WEBクリエイターズ)
スマートフォンアプリ開発小話(岡山WEBクリエイターズ)
 
Flashまわりのでっかいゆめを見る
Flashまわりのでっかいゆめを見るFlashまわりのでっかいゆめを見る
Flashまわりのでっかいゆめを見る
 

Mehr von Microsoft

Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11
Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11
Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11Microsoft
 
Windows 8とその開発環境について
 Windows 8とその開発環境について Windows 8とその開発環境について
Windows 8とその開発環境についてMicrosoft
 
Windows 8/Windows Phone アプリのプロモーション ~初めてガイド~
Windows 8/Windows Phone アプリのプロモーション ~初めてガイド~Windows 8/Windows Phone アプリのプロモーション ~初めてガイド~
Windows 8/Windows Phone アプリのプロモーション ~初めてガイド~Microsoft
 
Windows 8.1 ユーザー エクスペリエンス ガイドライン
Windows 8.1 ユーザー エクスペリエンス ガイドラインWindows 8.1 ユーザー エクスペリエンス ガイドライン
Windows 8.1 ユーザー エクスペリエンス ガイドラインMicrosoft
 
OSのフラットデザインを考えてみる
OSのフラットデザインを考えてみるOSのフラットデザインを考えてみる
OSのフラットデザインを考えてみるMicrosoft
 
HTML5とマイクロソフト(沖縄)
 HTML5とマイクロソフト(沖縄) HTML5とマイクロソフト(沖縄)
HTML5とマイクロソフト(沖縄)Microsoft
 
だから、IEは業務システムで使われている。いままでもこれからも
だから、IEは業務システムで使われている。いままでもこれからもだから、IEは業務システムで使われている。いままでもこれからも
だから、IEは業務システムで使われている。いままでもこれからもMicrosoft
 
OSのフラットデザインを考えてみる_Hokuriku.NET vol.12
OSのフラットデザインを考えてみる_Hokuriku.NET vol.12OSのフラットデザインを考えてみる_Hokuriku.NET vol.12
OSのフラットデザインを考えてみる_Hokuriku.NET vol.12Microsoft
 
HTML5とマイクロソフト(札幌)
HTML5とマイクロソフト(札幌)HTML5とマイクロソフト(札幌)
HTML5とマイクロソフト(札幌)Microsoft
 
IE10とWindows 8とHTML5
IE10とWindows 8とHTML5IE10とWindows 8とHTML5
IE10とWindows 8とHTML5Microsoft
 
WebとIE10とWindows 8
WebとIE10とWindows 8WebとIE10とWindows 8
WebとIE10とWindows 8Microsoft
 
【14-E-3】Windows 8デザインガイド ~魅力的なWindowsストアアプリとデスクトップアプリを作るために~
【14-E-3】Windows 8デザインガイド  ~魅力的なWindowsストアアプリとデスクトップアプリを作るために~【14-E-3】Windows 8デザインガイド  ~魅力的なWindowsストアアプリとデスクトップアプリを作るために~
【14-E-3】Windows 8デザインガイド ~魅力的なWindowsストアアプリとデスクトップアプリを作るために~Microsoft
 
WebのスキルをWindows 8で活かそう
WebのスキルをWindows 8で活かそうWebのスキルをWindows 8で活かそう
WebのスキルをWindows 8で活かそうMicrosoft
 
HTML5の振り返りとHTML5のこれから
HTML5の振り返りとHTML5のこれからHTML5の振り返りとHTML5のこれから
HTML5の振り返りとHTML5のこれからMicrosoft
 
マーケティングデータで紐解くHTML5
マーケティングデータで紐解くHTML5マーケティングデータで紐解くHTML5
マーケティングデータで紐解くHTML5Microsoft
 
HTML5とIE10とWindows 8 in OSC2012会津
HTML5とIE10とWindows 8 in OSC2012会津HTML5とIE10とWindows 8 in OSC2012会津
HTML5とIE10とWindows 8 in OSC2012会津Microsoft
 
HTML5がIE10/Windows 8にもたらすもの
HTML5がIE10/Windows 8にもたらすものHTML5がIE10/Windows 8にもたらすもの
HTML5がIE10/Windows 8にもたらすものMicrosoft
 
Internet Explorer 10とマイクロソフトにとってのHTML5
Internet Explorer 10とマイクロソフトにとってのHTML5Internet Explorer 10とマイクロソフトにとってのHTML5
Internet Explorer 10とマイクロソフトにとってのHTML5Microsoft
 
HTML5とIE10とWindows 8
HTML5とIE10とWindows 8HTML5とIE10とWindows 8
HTML5とIE10とWindows 8Microsoft
 
Internet Explorer 10とマイクロソフトにとってのHTML5 in 東京
Internet Explorer 10とマイクロソフトにとってのHTML5 in 東京Internet Explorer 10とマイクロソフトにとってのHTML5 in 東京
Internet Explorer 10とマイクロソフトにとってのHTML5 in 東京Microsoft
 

Mehr von Microsoft (20)

Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11
Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11
Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11
 
Windows 8とその開発環境について
 Windows 8とその開発環境について Windows 8とその開発環境について
Windows 8とその開発環境について
 
Windows 8/Windows Phone アプリのプロモーション ~初めてガイド~
Windows 8/Windows Phone アプリのプロモーション ~初めてガイド~Windows 8/Windows Phone アプリのプロモーション ~初めてガイド~
Windows 8/Windows Phone アプリのプロモーション ~初めてガイド~
 
Windows 8.1 ユーザー エクスペリエンス ガイドライン
Windows 8.1 ユーザー エクスペリエンス ガイドラインWindows 8.1 ユーザー エクスペリエンス ガイドライン
Windows 8.1 ユーザー エクスペリエンス ガイドライン
 
OSのフラットデザインを考えてみる
OSのフラットデザインを考えてみるOSのフラットデザインを考えてみる
OSのフラットデザインを考えてみる
 
HTML5とマイクロソフト(沖縄)
 HTML5とマイクロソフト(沖縄) HTML5とマイクロソフト(沖縄)
HTML5とマイクロソフト(沖縄)
 
だから、IEは業務システムで使われている。いままでもこれからも
だから、IEは業務システムで使われている。いままでもこれからもだから、IEは業務システムで使われている。いままでもこれからも
だから、IEは業務システムで使われている。いままでもこれからも
 
OSのフラットデザインを考えてみる_Hokuriku.NET vol.12
OSのフラットデザインを考えてみる_Hokuriku.NET vol.12OSのフラットデザインを考えてみる_Hokuriku.NET vol.12
OSのフラットデザインを考えてみる_Hokuriku.NET vol.12
 
HTML5とマイクロソフト(札幌)
HTML5とマイクロソフト(札幌)HTML5とマイクロソフト(札幌)
HTML5とマイクロソフト(札幌)
 
IE10とWindows 8とHTML5
IE10とWindows 8とHTML5IE10とWindows 8とHTML5
IE10とWindows 8とHTML5
 
WebとIE10とWindows 8
WebとIE10とWindows 8WebとIE10とWindows 8
WebとIE10とWindows 8
 
【14-E-3】Windows 8デザインガイド ~魅力的なWindowsストアアプリとデスクトップアプリを作るために~
【14-E-3】Windows 8デザインガイド  ~魅力的なWindowsストアアプリとデスクトップアプリを作るために~【14-E-3】Windows 8デザインガイド  ~魅力的なWindowsストアアプリとデスクトップアプリを作るために~
【14-E-3】Windows 8デザインガイド ~魅力的なWindowsストアアプリとデスクトップアプリを作るために~
 
WebのスキルをWindows 8で活かそう
WebのスキルをWindows 8で活かそうWebのスキルをWindows 8で活かそう
WebのスキルをWindows 8で活かそう
 
HTML5の振り返りとHTML5のこれから
HTML5の振り返りとHTML5のこれからHTML5の振り返りとHTML5のこれから
HTML5の振り返りとHTML5のこれから
 
マーケティングデータで紐解くHTML5
マーケティングデータで紐解くHTML5マーケティングデータで紐解くHTML5
マーケティングデータで紐解くHTML5
 
HTML5とIE10とWindows 8 in OSC2012会津
HTML5とIE10とWindows 8 in OSC2012会津HTML5とIE10とWindows 8 in OSC2012会津
HTML5とIE10とWindows 8 in OSC2012会津
 
HTML5がIE10/Windows 8にもたらすもの
HTML5がIE10/Windows 8にもたらすものHTML5がIE10/Windows 8にもたらすもの
HTML5がIE10/Windows 8にもたらすもの
 
Internet Explorer 10とマイクロソフトにとってのHTML5
Internet Explorer 10とマイクロソフトにとってのHTML5Internet Explorer 10とマイクロソフトにとってのHTML5
Internet Explorer 10とマイクロソフトにとってのHTML5
 
HTML5とIE10とWindows 8
HTML5とIE10とWindows 8HTML5とIE10とWindows 8
HTML5とIE10とWindows 8
 
Internet Explorer 10とマイクロソフトにとってのHTML5 in 東京
Internet Explorer 10とマイクロソフトにとってのHTML5 in 東京Internet Explorer 10とマイクロソフトにとってのHTML5 in 東京
Internet Explorer 10とマイクロソフトにとってのHTML5 in 東京
 

HTML5とマイクロソフト(広島)