SlideShare a Scribd company logo
1 of 38
Download to read offline
2
HTML5
4
Geolocation
HTML   CSS   Web Apps   SVG




                              5
6
7
8
http://www.beautyoftheweb.jp/




                                9
http://ie.microsoft.com/testdrive




                                    10
11
http://html5labs.com




               12
http://samples.msdn.microsoft.com/ietestcenter/
default-JA.htm




                                            13
14
context.arc   context.fill context. drawImage   context.putImageData




                                                                       15
<video poster="images/about/trailers_tgs2011_cap.jpg" width="640" height="360" controls>
           <source src="http://az83920.vo.msecnd.net/ff132ie9trailer/1112021845a.mp4" type="video/mp4">
           <source src="http://az83920.vo.msecnd.net/ff132ie9trailer/1112012125a.ogv" type="video/ogg">
         </video>




                                                                                                          16
<svg width="1000" height="820" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">




                                                                                   17
border-radius: 8px;   background-image   Transform
box-shadow                               Pointer-events




                                                          18
<script type="text/javascript"
src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0&amp;mkt=ja-jp"></script>




                                                                                                 19
20
Windows Azure User Group
      (JAZご案内)
JAZUGのご紹介
 Japan Windows Azure User Group
  略称:JAZUG(じゃずゆーじー)

 コミュニティ活動概要:
  「Windows Azureを通じて、技術、交流、実ビジネスを
  楽しむ。」
  “ちょっと興味がある=ゆるふわな方”から“実ビジネスで使
  うんだよね”
  な方まで大歓迎!ゆるふわコミュニティです。
  ※プログラマ~企画者、デザイナ大歓迎です!

 HP:http://r.jazug.jp
 ML:http://jazug.groups.live.com/
 Twitter: #jazug
結成は船上パーティでした
2010.08.26:コミュニティの決起集会!
 横浜港を周遊しつつ、貸切船上パーティー
 フレアバーテンダーさんのショーあり、LTあり、美味しいごはんあ
  り!
JAZUG女子部のご紹介
 Japan Windows Azure User Group女子部
  略称:JAZUG(じゃずゆーじー)女子部

 JAZUG女子部とは:
  「IT業界の女子と仲良くなりたい♡」
  「男性ばっかりのところに入っていくのは勇気が…」
  「でもAzureには興味があるの!!!」
  というお嬢様方からのご参加をお待ちしています♫

 HP:http://r.jazug.jp/wiki/jaz/girls
 女子部ML:http://jazug-girls.groups.live.com/
 Twitter: #jazug_girls
女子部が盛り上がっています
2011.07.09:JAZUG女子部 初の勉強会単独開催
 「Azureって何だっけ?」をメインテーマに、ガンダム
  あり、事例紹介あり、初心者指南あり、今後のキャリア
  を考えるセッションあり!
 IT女子の輪を広げるための懇親会では特設WP7講座も!
http://r.jazug.jp
でお待ちしております。
この後のLTもよろしくです。




                    26
27
HTML5:
Native to
Windows



            28
29
30
JavaScript




             31











    32
•
  •


http://www.microsoft.com/downloads/ja-
jp/details.aspx?FamilyID=e6cc9b3e-7eab-4525-
8322-14d7e267eb2c




                                          33
34
Microsoft
http://msdn.microsoft.com/ja-jp/ie/ff468705.aspx




                                             36
http://msdn.microsoft.com/ja-jp/ie/gg192966.aspx




                                             37
38

More Related Content

What's hot

これから始める人のためのjQuery入門 先生:大竹 孔明
これから始める人のためのjQuery入門 先生:大竹 孔明これから始める人のためのjQuery入門 先生:大竹 孔明
これから始める人のためのjQuery入門 先生:大竹 孔明schoowebcampus
 
VEGAS jQuery Plugin を使ってみた ~背景画像やスライドショーを画面いっぱいに表示~
VEGAS jQuery Plugin を使ってみた ~背景画像やスライドショーを画面いっぱいに表示~VEGAS jQuery Plugin を使ってみた ~背景画像やスライドショーを画面いっぱいに表示~
VEGAS jQuery Plugin を使ってみた ~背景画像やスライドショーを画面いっぱいに表示~Yoshinori Kobayashi
 
Test::QUnit ( YAPC::Asia 2010 zentooo )
Test::QUnit ( YAPC::Asia 2010 zentooo )Test::QUnit ( YAPC::Asia 2010 zentooo )
Test::QUnit ( YAPC::Asia 2010 zentooo )Naosuke Yokoe
 
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話Yutaro Miyazaki
 
GR-CITRUS リファレンス
GR-CITRUS リファレンスGR-CITRUS リファレンス
GR-CITRUS リファレンス三七男 山本
 
Mozapps installがなくなったことへの不平不満
Mozapps installがなくなったことへの不平不満Mozapps installがなくなったことへの不平不満
Mozapps installがなくなったことへの不平不満Masakazu Muraoka
 
Brush up your Coding! 2013 winter
Brush up your Coding! 2013 winterBrush up your Coding! 2013 winter
Brush up your Coding! 2013 winterShogo Sensui
 
AngularJS2でつまづいたこと
AngularJS2でつまづいたことAngularJS2でつまづいたこと
AngularJS2でつまづいたことTakehiro Takahashi
 
AngularJSの高速化
AngularJSの高速化AngularJSの高速化
AngularJSの高速化Kon Yuichi
 
Maniaxセミナー
ManiaxセミナーManiaxセミナー
Maniaxセミナーbird 982000
 
JavaユーザのためのVSCodeのススメ
JavaユーザのためのVSCodeのススメJavaユーザのためのVSCodeのススメ
JavaユーザのためのVSCodeのススメSatoshi Takami
 
配布用Supervisordによるnode.jsの運用
配布用Supervisordによるnode.jsの運用配布用Supervisordによるnode.jsの運用
配布用Supervisordによるnode.jsの運用yut148atgmaildotcom
 
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? - なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? - 健人 井関
 
デベロッパーサミット2012 JAZUG LT
デベロッパーサミット2012 JAZUG LTデベロッパーサミット2012 JAZUG LT
デベロッパーサミット2012 JAZUG LTnormalian
 
JS開発環境を晒す。
JS開発環境を晒す。JS開発環境を晒す。
JS開発環境を晒す。Eiji Kuroda
 
Cloud garage使って ECサイトの構築
Cloud garage使って ECサイトの構築Cloud garage使って ECサイトの構築
Cloud garage使って ECサイトの構築毅 佐藤
 

What's hot (18)

これから始める人のためのjQuery入門 先生:大竹 孔明
これから始める人のためのjQuery入門 先生:大竹 孔明これから始める人のためのjQuery入門 先生:大竹 孔明
これから始める人のためのjQuery入門 先生:大竹 孔明
 
VEGAS jQuery Plugin を使ってみた ~背景画像やスライドショーを画面いっぱいに表示~
VEGAS jQuery Plugin を使ってみた ~背景画像やスライドショーを画面いっぱいに表示~VEGAS jQuery Plugin を使ってみた ~背景画像やスライドショーを画面いっぱいに表示~
VEGAS jQuery Plugin を使ってみた ~背景画像やスライドショーを画面いっぱいに表示~
 
Test::QUnit ( YAPC::Asia 2010 zentooo )
Test::QUnit ( YAPC::Asia 2010 zentooo )Test::QUnit ( YAPC::Asia 2010 zentooo )
Test::QUnit ( YAPC::Asia 2010 zentooo )
 
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
Vue.js 2.0 で自社プロダクトを SPA + SSR 化した話
 
GR-CITRUS リファレンス
GR-CITRUS リファレンスGR-CITRUS リファレンス
GR-CITRUS リファレンス
 
Mozapps installがなくなったことへの不平不満
Mozapps installがなくなったことへの不平不満Mozapps installがなくなったことへの不平不満
Mozapps installがなくなったことへの不平不満
 
Brush up your Coding! 2013 winter
Brush up your Coding! 2013 winterBrush up your Coding! 2013 winter
Brush up your Coding! 2013 winter
 
AngularJS2でつまづいたこと
AngularJS2でつまづいたことAngularJS2でつまづいたこと
AngularJS2でつまづいたこと
 
AngularJSの高速化
AngularJSの高速化AngularJSの高速化
AngularJSの高速化
 
Maniaxセミナー
ManiaxセミナーManiaxセミナー
Maniaxセミナー
 
JavaユーザのためのVSCodeのススメ
JavaユーザのためのVSCodeのススメJavaユーザのためのVSCodeのススメ
JavaユーザのためのVSCodeのススメ
 
Beginners scala 20121113
Beginners scala 20121113Beginners scala 20121113
Beginners scala 20121113
 
配布用Supervisordによるnode.jsの運用
配布用Supervisordによるnode.jsの運用配布用Supervisordによるnode.jsの運用
配布用Supervisordによるnode.jsの運用
 
Ltctjs
LtctjsLtctjs
Ltctjs
 
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? - なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
 
デベロッパーサミット2012 JAZUG LT
デベロッパーサミット2012 JAZUG LTデベロッパーサミット2012 JAZUG LT
デベロッパーサミット2012 JAZUG LT
 
JS開発環境を晒す。
JS開発環境を晒す。JS開発環境を晒す。
JS開発環境を晒す。
 
Cloud garage使って ECサイトの構築
Cloud garage使って ECサイトの構築Cloud garage使って ECサイトの構築
Cloud garage使って ECサイトの構築
 

Viewers also liked

HTML5コンテンツ制作はどうなるのか?
HTML5コンテンツ制作はどうなるのか?HTML5コンテンツ制作はどうなるのか?
HTML5コンテンツ制作はどうなるのか?Microsoft
 
Html5でwebはどう変わるのか?
Html5でwebはどう変わるのか?Html5でwebはどう変わるのか?
Html5でwebはどう変わるのか?Microsoft
 
Html5とはなにか?
Html5とはなにか?Html5とはなにか?
Html5とはなにか?Microsoft
 
マーケティングデータで紐解くHTML5
マーケティングデータで紐解くHTML5マーケティングデータで紐解くHTML5
マーケティングデータで紐解くHTML5Microsoft
 
マイクロソフトにとってのWeb。そして、HTML5
マイクロソフトにとってのWeb。そして、HTML5マイクロソフトにとってのWeb。そして、HTML5
マイクロソフトにとってのWeb。そして、HTML5Microsoft
 
HTML5とマイクロソフト(土佐)
HTML5とマイクロソフト(土佐)HTML5とマイクロソフト(土佐)
HTML5とマイクロソフト(土佐)Microsoft
 
これからのマイクロソフトとHTML5
これからのマイクロソフトとHTML5これからのマイクロソフトとHTML5
これからのマイクロソフトとHTML5Microsoft
 
HTML5で変わるこうなる! WebサイトとWebアプリケーション
HTML5で変わるこうなる! WebサイトとWebアプリケーションHTML5で変わるこうなる! WebサイトとWebアプリケーション
HTML5で変わるこうなる! WebサイトとWebアプリケーションMicrosoft
 
MIX11アップデート ~Windows Phone 7, Silverlight 5, IE9, HTML5~ 前編
MIX11アップデート ~Windows Phone 7, Silverlight 5, IE9, HTML5~ 前編MIX11アップデート ~Windows Phone 7, Silverlight 5, IE9, HTML5~ 前編
MIX11アップデート ~Windows Phone 7, Silverlight 5, IE9, HTML5~ 前編Microsoft
 
マイクロソフトにとってのWebって?
マイクロソフトにとってのWebって?マイクロソフトにとってのWebって?
マイクロソフトにとってのWebって?Microsoft
 
WebのスキルをWindows 8で活かそう
WebのスキルをWindows 8で活かそうWebのスキルをWindows 8で活かそう
WebのスキルをWindows 8で活かそうMicrosoft
 
HTML5の振り返りとHTML5のこれから
HTML5の振り返りとHTML5のこれからHTML5の振り返りとHTML5のこれから
HTML5の振り返りとHTML5のこれからMicrosoft
 
【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
 
Internet Explorer 10とマイクロソフトにとってのHTML5 in 仙台
Internet Explorer 10とマイクロソフトにとってのHTML5 in 仙台Internet Explorer 10とマイクロソフトにとってのHTML5 in 仙台
Internet Explorer 10とマイクロソフトにとってのHTML5 in 仙台Microsoft
 
Internet Explorer 10とマイクロソフトにとってのHTML5 in 新潟
Internet Explorer 10とマイクロソフトにとってのHTML5 in 新潟Internet Explorer 10とマイクロソフトにとってのHTML5 in 新潟
Internet Explorer 10とマイクロソフトにとってのHTML5 in 新潟Microsoft
 
Te Gustan Las Motos
Te Gustan Las MotosTe Gustan Las Motos
Te Gustan Las Motosramonet
 
Jimmy Pons Travel 2.0 Simo
Jimmy Pons Travel 2.0 SimoJimmy Pons Travel 2.0 Simo
Jimmy Pons Travel 2.0 SimoJimmy Pons
 

Viewers also liked (20)

HTML5コンテンツ制作はどうなるのか?
HTML5コンテンツ制作はどうなるのか?HTML5コンテンツ制作はどうなるのか?
HTML5コンテンツ制作はどうなるのか?
 
Html5でwebはどう変わるのか?
Html5でwebはどう変わるのか?Html5でwebはどう変わるのか?
Html5でwebはどう変わるのか?
 
Html5とはなにか?
Html5とはなにか?Html5とはなにか?
Html5とはなにか?
 
マーケティングデータで紐解くHTML5
マーケティングデータで紐解くHTML5マーケティングデータで紐解くHTML5
マーケティングデータで紐解くHTML5
 
マイクロソフトにとってのWeb。そして、HTML5
マイクロソフトにとってのWeb。そして、HTML5マイクロソフトにとってのWeb。そして、HTML5
マイクロソフトにとってのWeb。そして、HTML5
 
HTML5とマイクロソフト(土佐)
HTML5とマイクロソフト(土佐)HTML5とマイクロソフト(土佐)
HTML5とマイクロソフト(土佐)
 
これからのマイクロソフトとHTML5
これからのマイクロソフトとHTML5これからのマイクロソフトとHTML5
これからのマイクロソフトとHTML5
 
HTML5で変わるこうなる! WebサイトとWebアプリケーション
HTML5で変わるこうなる! WebサイトとWebアプリケーションHTML5で変わるこうなる! WebサイトとWebアプリケーション
HTML5で変わるこうなる! WebサイトとWebアプリケーション
 
MIX11アップデート ~Windows Phone 7, Silverlight 5, IE9, HTML5~ 前編
MIX11アップデート ~Windows Phone 7, Silverlight 5, IE9, HTML5~ 前編MIX11アップデート ~Windows Phone 7, Silverlight 5, IE9, HTML5~ 前編
MIX11アップデート ~Windows Phone 7, Silverlight 5, IE9, HTML5~ 前編
 
マイクロソフトにとってのWebって?
マイクロソフトにとってのWebって?マイクロソフトにとってのWebって?
マイクロソフトにとってのWebって?
 
WebのスキルをWindows 8で活かそう
WebのスキルをWindows 8で活かそうWebのスキルをWindows 8で活かそう
WebのスキルをWindows 8で活かそう
 
HTML5の振り返りとHTML5のこれから
HTML5の振り返りとHTML5のこれからHTML5の振り返りとHTML5のこれから
HTML5の振り返りとHTML5のこれから
 
【14-E-3】Windows 8デザインガイド ~魅力的なWindowsストアアプリとデスクトップアプリを作るために~
【14-E-3】Windows 8デザインガイド  ~魅力的なWindowsストアアプリとデスクトップアプリを作るために~【14-E-3】Windows 8デザインガイド  ~魅力的なWindowsストアアプリとデスクトップアプリを作るために~
【14-E-3】Windows 8デザインガイド ~魅力的なWindowsストアアプリとデスクトップアプリを作るために~
 
Internet Explorer 10とマイクロソフトにとってのHTML5 in 仙台
Internet Explorer 10とマイクロソフトにとってのHTML5 in 仙台Internet Explorer 10とマイクロソフトにとってのHTML5 in 仙台
Internet Explorer 10とマイクロソフトにとってのHTML5 in 仙台
 
Internet Explorer 10とマイクロソフトにとってのHTML5 in 新潟
Internet Explorer 10とマイクロソフトにとってのHTML5 in 新潟Internet Explorer 10とマイクロソフトにとってのHTML5 in 新潟
Internet Explorer 10とマイクロソフトにとってのHTML5 in 新潟
 
Doc03 refuerzo El Formador
Doc03 refuerzo El FormadorDoc03 refuerzo El Formador
Doc03 refuerzo El Formador
 
Te Gustan Las Motos
Te Gustan Las MotosTe Gustan Las Motos
Te Gustan Las Motos
 
Jimmy Pons Travel 2.0 Simo
Jimmy Pons Travel 2.0 SimoJimmy Pons Travel 2.0 Simo
Jimmy Pons Travel 2.0 Simo
 
Activitats m3
Activitats m3Activitats m3
Activitats m3
 
resumen tema 1
resumen tema 1resumen tema 1
resumen tema 1
 

Similar to HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th

インフォグラフィックス時代のD3.js入門
インフォグラフィックス時代のD3.js入門インフォグラフィックス時代のD3.js入門
インフォグラフィックス時代のD3.js入門貴寛 益子
 
Azure のポータル画面で、AI フレーバな BOT の作成ハンズオン
Azure のポータル画面で、AI フレーバな BOT の作成ハンズオンAzure のポータル画面で、AI フレーバな BOT の作成ハンズオン
Azure のポータル画面で、AI フレーバな BOT の作成ハンズオンYasuaki Matsuda
 
CSSだけで実現するグラフィック表現
CSSだけで実現するグラフィック表現CSSだけで実現するグラフィック表現
CSSだけで実現するグラフィック表現AdvancedTechNight
 
2015年7月期AITC女子会「D3.js/Highchartsによるデータの可視化」
2015年7月期AITC女子会「D3.js/Highchartsによるデータの可視化」2015年7月期AITC女子会「D3.js/Highchartsによるデータの可視化」
2015年7月期AITC女子会「D3.js/Highchartsによるデータの可視化」aitc_jp
 
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~normalian
 
知っ徳! 納徳!Magic Leap 《アプリ開発~Web開発の超基礎編》
知っ徳! 納徳!Magic Leap 《アプリ開発~Web開発の超基礎編》知っ徳! 納徳!Magic Leap 《アプリ開発~Web開発の超基礎編》
知っ徳! 納徳!Magic Leap 《アプリ開発~Web開発の超基礎編》Sadao Tokuyama
 
20150209 甲府-web新世紀2
20150209 甲府-web新世紀220150209 甲府-web新世紀2
20150209 甲府-web新世紀2Taisuke Fukuno
 
マイクロソフトの提供するMA6向けAPIのご紹介
マイクロソフトの提供するMA6向けAPIのご紹介マイクロソフトの提供するMA6向けAPIのご紹介
マイクロソフトの提供するMA6向けAPIのご紹介Sunao Tomita
 
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】Yasuhito Yabe
 
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみようJavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみようHiroaki Wakamatsu
 
スマホにおけるWebGL入門
スマホにおけるWebGL入門スマホにおけるWebGL入門
スマホにおけるWebGL入門Yohta Kanke
 
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語Takashi Someda
 
Web socketドロンくん その後-
Web socketドロンくん その後-Web socketドロンくん その後-
Web socketドロンくん その後-Yuuichi Akagawa
 
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップYasuhito Yabe
 
大規模Webを支えるAgileな技術
大規模Webを支えるAgileな技術大規模Webを支えるAgileな技術
大規模Webを支えるAgileな技術bash0C7
 
[de:code 2018] [DA20] Azure データ サービスを使ったアーキテクチャ設計 ~ 「Azure データ アーキテクチャ ガイド」を中...
[de:code 2018] [DA20] Azure データ サービスを使ったアーキテクチャ設計 ~ 「Azure データ アーキテクチャ ガイド」を中...[de:code 2018] [DA20] Azure データ サービスを使ったアーキテクチャ設計 ~ 「Azure データ アーキテクチャ ガイド」を中...
[de:code 2018] [DA20] Azure データ サービスを使ったアーキテクチャ設計 ~ 「Azure データ アーキテクチャ ガイド」を中...Naoki (Neo) SATO
 
Microsoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスド
Microsoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスドMicrosoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスド
Microsoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスドKazumi Hirose
 
.NET の過去、現在、そして未来
.NET の過去、現在、そして未来.NET の過去、現在、そして未来
.NET の過去、現在、そして未来Akira Inoue
 

Similar to HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th (20)

インフォグラフィックス時代のD3.js入門
インフォグラフィックス時代のD3.js入門インフォグラフィックス時代のD3.js入門
インフォグラフィックス時代のD3.js入門
 
Azure のポータル画面で、AI フレーバな BOT の作成ハンズオン
Azure のポータル画面で、AI フレーバな BOT の作成ハンズオンAzure のポータル画面で、AI フレーバな BOT の作成ハンズオン
Azure のポータル画面で、AI フレーバな BOT の作成ハンズオン
 
CSSだけで実現するグラフィック表現
CSSだけで実現するグラフィック表現CSSだけで実現するグラフィック表現
CSSだけで実現するグラフィック表現
 
2015年7月期AITC女子会「D3.js/Highchartsによるデータの可視化」
2015年7月期AITC女子会「D3.js/Highchartsによるデータの可視化」2015年7月期AITC女子会「D3.js/Highchartsによるデータの可視化」
2015年7月期AITC女子会「D3.js/Highchartsによるデータの可視化」
 
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
 
知っ徳! 納徳!Magic Leap 《アプリ開発~Web開発の超基礎編》
知っ徳! 納徳!Magic Leap 《アプリ開発~Web開発の超基礎編》知っ徳! 納徳!Magic Leap 《アプリ開発~Web開発の超基礎編》
知っ徳! 納徳!Magic Leap 《アプリ開発~Web開発の超基礎編》
 
20150209 甲府-web新世紀2
20150209 甲府-web新世紀220150209 甲府-web新世紀2
20150209 甲府-web新世紀2
 
マイクロソフトの提供するMA6向けAPIのご紹介
マイクロソフトの提供するMA6向けAPIのご紹介マイクロソフトの提供するMA6向けAPIのご紹介
マイクロソフトの提供するMA6向けAPIのご紹介
 
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
 
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみようJavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
 
スマホにおけるWebGL入門
スマホにおけるWebGL入門スマホにおけるWebGL入門
スマホにおけるWebGL入門
 
AMD basic and practice
AMD basic and practiceAMD basic and practice
AMD basic and practice
 
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語
 
Web socketドロンくん その後-
Web socketドロンくん その後-Web socketドロンくん その後-
Web socketドロンくん その後-
 
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
 
大規模Webを支えるAgileな技術
大規模Webを支えるAgileな技術大規模Webを支えるAgileな技術
大規模Webを支えるAgileな技術
 
Dev for Citizen Manual
Dev for Citizen ManualDev for Citizen Manual
Dev for Citizen Manual
 
[de:code 2018] [DA20] Azure データ サービスを使ったアーキテクチャ設計 ~ 「Azure データ アーキテクチャ ガイド」を中...
[de:code 2018] [DA20] Azure データ サービスを使ったアーキテクチャ設計 ~ 「Azure データ アーキテクチャ ガイド」を中...[de:code 2018] [DA20] Azure データ サービスを使ったアーキテクチャ設計 ~ 「Azure データ アーキテクチャ ガイド」を中...
[de:code 2018] [DA20] Azure データ サービスを使ったアーキテクチャ設計 ~ 「Azure データ アーキテクチャ ガイド」を中...
 
Microsoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスド
Microsoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスドMicrosoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスド
Microsoft azure上にwebサイトやアプリケーションを構築する方法 アドバンスド
 
.NET の過去、現在、そして未来
.NET の過去、現在、そして未来.NET の過去、現在、そして未来
.NET の過去、現在、そして未来
 

More from 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
 
HTML5とIE11とWindows 8.1 -最新の Web トレンドとマイクロソフトの関係
HTML5とIE11とWindows 8.1 -最新の Web トレンドとマイクロソフトの関係HTML5とIE11とWindows 8.1 -最新の Web トレンドとマイクロソフトの関係
HTML5とIE11とWindows 8.1 -最新の Web トレンドとマイクロソフトの関係Microsoft
 
「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜
「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜
「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜Microsoft
 
HTML5とマイクロソフト(沖縄)
 HTML5とマイクロソフト(沖縄) HTML5とマイクロソフト(沖縄)
HTML5とマイクロソフト(沖縄)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
 
HTML5とマイクロソフト(札幌)
HTML5とマイクロソフト(札幌)HTML5とマイクロソフト(札幌)
HTML5とマイクロソフト(札幌)Microsoft
 
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
 
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
 

More from 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とマイクロソフト(東京)
 
HTML5とIE11とWindows 8.1 -最新の Web トレンドとマイクロソフトの関係
HTML5とIE11とWindows 8.1 -最新の Web トレンドとマイクロソフトの関係HTML5とIE11とWindows 8.1 -最新の Web トレンドとマイクロソフトの関係
HTML5とIE11とWindows 8.1 -最新の Web トレンドとマイクロソフトの関係
 
「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜
「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜
「Web標準」の価値と可能性 〜Windows 8.1とともに考える標準技術の重要性〜
 
HTML5とマイクロソフト(沖縄)
 HTML5とマイクロソフト(沖縄) HTML5とマイクロソフト(沖縄)
HTML5とマイクロソフト(沖縄)
 
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とマイクロソフト(広島)
 
HTML5とマイクロソフト(札幌)
HTML5とマイクロソフト(札幌)HTML5とマイクロソフト(札幌)
HTML5とマイクロソフト(札幌)
 
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
 
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
 

Recently uploaded

業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)Hiroshi Tomioka
 
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfクラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfFumieNakayama
 
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...博三 太田
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NTT DATA Technology & Innovation
 
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineerYuki Kikuchi
 
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?akihisamiyanaga1
 
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfAWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfFumieNakayama
 
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)UEHARA, Tetsutaro
 

Recently uploaded (8)

業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
 
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfクラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
 
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
 
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
 
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfAWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
 
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
 

HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th