SlideShare uma empresa Scribd logo
1 de 37
Baixar para ler offline
春日井良隆
日本マイクロソフト株式会社
UXエバンジェリスト
HTML5と
マイクロソフト
Microsoft Japan
Windows
iPhone
iPad
Kindle Fire HD
いま、なにが起きているのか?
① デバイスの多様化
② ローカルからクラウドへ
③ タッチインターフェイス
デバイス
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
IE Test Drive
Modern.IE
IE6 Countdown
来年4月9日にXPとIE6のサポートが終了
『ウェブ進化 最終形』から
Microsoft Research
Photosynth
IllumiRoom Kinect+プロジェクションマッピング
HTML5とマイクロソフト(会津)

Mais conteúdo relacionado

Semelhante a HTML5とマイクロソフト(会津)

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
 
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
 
スマートフォンアプリ開発小話(岡山WEBクリエイターズ)
スマートフォンアプリ開発小話(岡山WEBクリエイターズ)スマートフォンアプリ開発小話(岡山WEBクリエイターズ)
スマートフォンアプリ開発小話(岡山WEBクリエイターズ)
hamahama 34
 

Semelhante a HTML5とマイクロソフト(会津) (20)

HTML5とマイクロソフト(東京)
HTML5とマイクロソフト(東京)HTML5とマイクロソフト(東京)
HTML5とマイクロソフト(東京)
 
「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜
「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜
「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜
 
HTML5とIE11とWindows 8.1 -最新の Web トレンドとマイクロソフトの関係
HTML5とIE11とWindows 8.1 -最新の Web トレンドとマイクロソフトの関係HTML5とIE11とWindows 8.1 -最新の Web トレンドとマイクロソフトの関係
HTML5とIE11とWindows 8.1 -最新の Web トレンドとマイクロソフトの関係
 
2014年メディア工房勉強会 第3章「Webアプリ制作」
2014年メディア工房勉強会 第3章「Webアプリ制作」2014年メディア工房勉強会 第3章「Webアプリ制作」
2014年メディア工房勉強会 第3章「Webアプリ制作」
 
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
 
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンスHTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
 
Universal Appとは? -デバイスに依存しないアプリケーション開発-
Universal Appとは? -デバイスに依存しないアプリケーション開発-Universal Appとは? -デバイスに依存しないアプリケーション開発-
Universal Appとは? -デバイスに依存しないアプリケーション開発-
 
ゲーム、家電、自動車、新聞などへの影響
ゲーム、家電、自動車、新聞などへの影響ゲーム、家電、自動車、新聞などへの影響
ゲーム、家電、自動車、新聞などへの影響
 
20110824 android apps_endo
20110824 android apps_endo20110824 android apps_endo
20110824 android apps_endo
 
20110824 android apps_endo
20110824 android apps_endo20110824 android apps_endo
20110824 android apps_endo
 
Androidが変えたもの
Androidが変えたものAndroidが変えたもの
Androidが変えたもの
 
クリスマス直前! HTML5 で作る♥ はじめての iOS & Android アプリ開発
クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発クリスマス直前!HTML5 で作る♥はじめての iOS & Android アプリ開発
クリスマス直前! HTML5 で作る♥ はじめての iOS & Android アプリ開発
 
第4回.NET中心会議 基調講演「スマートフォン時代の到来と.NET開発」(高橋さま)
第4回.NET中心会議 基調講演「スマートフォン時代の到来と.NET開発」(高橋さま)第4回.NET中心会議 基調講演「スマートフォン時代の到来と.NET開発」(高橋さま)
第4回.NET中心会議 基調講演「スマートフォン時代の到来と.NET開発」(高橋さま)
 
デベロッパー視点での3大スマホの違い
デベロッパー視点での3大スマホの違いデベロッパー視点での3大スマホの違い
デベロッパー視点での3大スマホの違い
 
Android Push
Android PushAndroid Push
Android Push
 
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
 
スマートフォンアプリ開発小話(岡山WEBクリエイターズ)
スマートフォンアプリ開発小話(岡山WEBクリエイターズ)スマートフォンアプリ開発小話(岡山WEBクリエイターズ)
スマートフォンアプリ開発小話(岡山WEBクリエイターズ)
 
Creating the Future with Firefox OS
Creating the Future with Firefox OSCreating the Future with Firefox OS
Creating the Future with Firefox OS
 
20110824 android apps_tanaka
20110824 android apps_tanaka20110824 android apps_tanaka
20110824 android apps_tanaka
 
どうなる?Windows 8時代の業務アプリ開発
どうなる?Windows 8時代の業務アプリ開発どうなる?Windows 8時代の業務アプリ開発
どうなる?Windows 8時代の業務アプリ開発
 

Mais de Microsoft

Mais de 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 東京
 

Último

Último (12)

Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native IntegrationsUtilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
 
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
 
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 

HTML5とマイクロソフト(会津)