HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th
-
Upload
yoshitaka-kasugai -
Category
Technology
-
view
2.242 -
download
4
description
Transcript of HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th
![Page 1: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/1.jpg)
![Page 3: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/3.jpg)
HTML5
![Page 4: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/4.jpg)
4
![Page 5: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/5.jpg)
5
HTML CSS Web Apps SVG
Geo
loca
tio
n
![Page 6: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/6.jpg)
6
![Page 7: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/7.jpg)
7
![Page 8: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/8.jpg)
8
![Page 10: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/10.jpg)
10
http://ie.microsoft.com/testdrive
![Page 11: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/11.jpg)
11
![Page 12: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/12.jpg)
http://html5labs.com
12
![Page 13: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/13.jpg)
http://samples.msdn.microsoft.com/ietestcenter/default-JA.htm
13
![Page 15: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/15.jpg)
15
context.arc context.fill context. drawImage context.putImageData
![Page 16: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/16.jpg)
16
<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>
![Page 17: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/17.jpg)
17
<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">
![Page 18: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/18.jpg)
18
border-radius: 8px; box-shadow
background-image Transform Pointer-events
![Page 19: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/19.jpg)
19
<script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0&mkt=ja-jp"></script>
![Page 20: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/20.jpg)
20
![Page 21: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/21.jpg)
Windows Azure User Group (JAZご案内)
![Page 22: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/22.jpg)
JAZUGのご紹介
Japan Windows Azure User Group 略称:JAZUG(じゃずゆーじー)
コミュニティ活動概要: 「Windows Azureを通じて、技術、交流、実ビジネスを楽しむ。」 “ちょっと興味がある=ゆるふわな方”から“実ビジネスで使うんだよね” な方まで大歓迎!ゆるふわコミュニティです。 ※プログラマ~企画者、デザイナ大歓迎です!
HP:http://r.jazug.jp
ML:http://jazug.groups.live.com/
Twitter: #jazug
![Page 23: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/23.jpg)
結成は船上パーティでした
2010.08.26:コミュニティの決起集会!
横浜港を周遊しつつ、貸切船上パーティー
フレアバーテンダーさんのショーあり、LTあり、美味しいごはんあり!
![Page 24: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/24.jpg)
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
![Page 25: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/25.jpg)
女子部が盛り上がっています
2011.07.09:JAZUG女子部 初の勉強会単独開催
「Azureって何だっけ?」をメインテーマに、ガンダムあり、事例紹介あり、初心者指南あり、今後のキャリアを考えるセッションあり!
IT女子の輪を広げるための懇親会では特設WP7講座も!
![Page 28: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/28.jpg)
28
HTML5: Native to Windows
![Page 29: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/29.jpg)
29
![Page 30: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/30.jpg)
30
![Page 31: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/31.jpg)
31
JavaScript
![Page 32: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/32.jpg)
32
![Page 33: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/33.jpg)
•
•
http://www.microsoft.com/downloads/ja-jp/details.aspx?FamilyID=e6cc9b3e-7eab-4525-8322-14d7e267eb2c
33
![Page 35: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/35.jpg)
Microsoft
![Page 36: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/36.jpg)
36
http://msdn.microsoft.com/ja-jp/ie/ff468705.aspx
![Page 37: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/37.jpg)
37
http://msdn.microsoft.com/ja-jp/ie/gg192966.aspx
![Page 38: HTML5の事例をどーんと紹介~MSとHTML5~ #tdc4th](https://reader033.fdocuments.net/reader033/viewer/2022052315/5463d104af79596f338b4625/html5/thumbnails/38.jpg)
38