35

IE10とMSにとってのHTML5 まにフェス in 大阪

Embed Size (px)

DESCRIPTION

まにまにフェスティバル(まにフェス)P1で講演した「Internet Explorer 10とマイクロソフトにとってのHTML5」の資料です。 http://m2.cap-ut.co.jp/fes/fes01.html

Citation preview

Page 1: IE10とMSにとってのHTML5 まにフェス in 大阪
Page 2: IE10とMSにとってのHTML5 まにフェス in 大阪

2

Page 4: IE10とMSにとってのHTML5 まにフェス in 大阪
Page 5: IE10とMSにとってのHTML5 まにフェス in 大阪
Page 6: IE10とMSにとってのHTML5 まにフェス in 大阪
Page 7: IE10とMSにとってのHTML5 まにフェス in 大阪
Page 8: IE10とMSにとってのHTML5 まにフェス in 大阪

10

http://www.macromill.com/r_data/20110228smartphone/index.html

Page 9: IE10とMSにとってのHTML5 まにフェス in 大阪
Page 10: IE10とMSにとってのHTML5 まにフェス in 大阪

12

Page 12: IE10とMSにとってのHTML5 まにフェス in 大阪

HTML5

Page 13: IE10とMSにとってのHTML5 まにフェス in 大阪

15

Page 15: IE10とMSにとってのHTML5 まにフェス in 大阪

17

Page 16: IE10とMSにとってのHTML5 まにフェス in 大阪

18

Page 17: IE10とMSにとってのHTML5 まにフェス in 大阪

19

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

Page 18: IE10とMSにとってのHTML5 まにフェス in 大阪

20

Page 19: IE10とMSにとってのHTML5 まにフェス in 大阪

21

Page 20: IE10とMSにとってのHTML5 まにフェス in 大阪

http://www.beautyoftheweb.jp/

22

Page 21: IE10とMSにとってのHTML5 まにフェス in 大阪

23

HTML5:

Native to

Windows

Page 22: IE10とMSにとってのHTML5 まにフェス in 大阪

24

Page 23: IE10とMSにとってのHTML5 まにフェス in 大阪

25

JavaScript

Page 24: IE10とMSにとってのHTML5 まにフェス in 大阪

Microsoft

Page 25: IE10とMSにとってのHTML5 まにフェス in 大阪

29

http://ie.microsoft.com/testdrive

Page 26: IE10とMSにとってのHTML5 まにフェス in 大阪

http://html5labs.com

30

Page 27: IE10とMSにとってのHTML5 まにフェス in 大阪

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

31

Page 28: IE10とMSにとってのHTML5 まにフェス in 大阪

32

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

Page 29: IE10とMSにとってのHTML5 まにフェス in 大阪

33

Page 30: IE10とMSにとってのHTML5 まにフェス in 大阪

34

context.arc context.fill context. drawImage context.putImageData

Page 31: IE10とMSにとってのHTML5 まにフェス in 大阪

35

<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 32: IE10とMSにとってのHTML5 まにフェス in 大阪

36

<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 33: IE10とMSにとってのHTML5 まにフェス in 大阪

37

border-radius: 8px; box-shadow

background-image Transform Pointer-events

Page 34: IE10とMSにとってのHTML5 まにフェス in 大阪

38

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