[tech fielders セミナー東京 mix11...
TRANSCRIPT
![Page 1: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/1.jpg)
[Tech Fielders セミナー東京] <MIX11 報告会 >
http://blogs.technet.com/b/hirookun/
http://blogs.msdn.com/b/shosuz/
![Page 2: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/2.jpg)
![Page 3: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/3.jpg)
Internet Explorer 9 日本語製品版
いよいよ公開!
announcing
![Page 4: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/4.jpg)
MIX Update
![Page 5: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/5.jpg)
![Page 6: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/6.jpg)
Foursquare Playground
Kayac SVG Girl
Bon Jovi Director’s Cut
Namco PAC-MAN
Try these and more at:
beautyoftheweb.com
![Page 8: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/8.jpg)
HTML5 Inline SVG, Parsing Rules, XHTML, Selection APIs, Canvas, Audio & Video, Semantic tags, Geolocation
SVG 1.1 As document, as image or object, inline in HTML5
CSS 3 Selectors, Namespaces, Colors, Values, Backgrounds and Borders, Fonts, Media Queries, 2D Transforms
DOM Core, Events, Style, and Range, WebIDL
ECMAScript 262
Faster JavaScript
Graphics and Fonts
JPEG-XR, TIFF, ICC Colors, WOFF Fonts
Web Performance
Navigation Timing
Privacy Tracking Protection
Standards Community
Hardware-Accelerated. Site-Ready HTML5. Same Markup.
Preview Builds
Updated approximately every 8 weeks
Forums and Community
New, more open feedback program; HTML5 Labs
Standards W3C participation
Open Testing Cooperative W3C test suites
![Page 9: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/9.jpg)
進捗
![Page 10: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/10.jpg)
IE10 Platform Preview 1
CSS3 Gradients
CSS3 Grid, Flexbox, Multi-column
ECMAScript 5 Strict Mode
ietestdrive.com
announcing
![Page 11: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/11.jpg)
http://www.maximumpc.com/article/news/windows_7_market_share_us_passes_xp
![Page 12: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/12.jpg)
![Page 13: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/13.jpg)
Save the Date: Sept 13-16, 2011
Anaheim, California
announcing Microsoft’s next developer conference
![Page 14: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/14.jpg)
HTML5
![Page 15: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/15.jpg)
HTML
WebApps
SVG
EcmaScript
Geo-Location
hybi
CSS
webPerformance
100 以上の仕様を検討
![Page 16: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/16.jpg)
![Page 17: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/17.jpg)
W3C
HTML CSS Web Apps SVG
Geo
locatio
n
ECMA
ECMA Script
262
First Public Working Draft Working Draft Last Call Candidate Recommendation Recommendation
![Page 18: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/18.jpg)
サイトレディな HTML5
相互運用性 に投資
進化中の仕様にも対応
開発者と 作り上げる
![Page 19: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/19.jpg)
Prototype w/ v04
Prototype w/ v06
Prototype w/ v05
Implemented in browsers v.75
First Working Draft
[Revs 02 – 76]
IETF HyBi WG Adopts
IETF v00 IETF v01 IETF v02 IETF v03 IETF v04 IETF v05 ~80 drafts so far and still changing
W3C API First Draft
W3C API Second Draft
W3C API Third Draft
1/9/09 10/29/09 4/23/09 5/23/10 9/1/10 9/24/10 10/17/10 1/11/11 2/8/11 2/9/11 2/25/11 3/11/11 12/22/09
Breaking change WebSockets v.76
Potential Security Issue Identified WebSockets disabled
IETF v06 JAN
2009
APR
2011
![Page 20: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/20.jpg)
実験中あるいはまだ安定して いない仕様のプロトタイプ
実際に製品に取り込む前に アドオンとして追加検証可能
Visit the site at:
html5labs.com
![Page 21: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/21.jpg)
Visual Studio 2010 + Services Pack 1
Visual Studio 2010 SP1
SP1の導入によるHTML5 / CSS3 インテリセンス (入力補完機能)
Expression Web 4 (試用版あり)
SP1の導入によるHTML5 / CSS3 インテリセンス (入力補完機能)
Microsoft Expression Web 4 Service Pack 1 (SP1)
![Page 22: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/22.jpg)
Web 開発者向けのデバッガー
Internet Explorer 8 から搭載、F12 キーで起動
Internet Explorer 9 における新機能
Network 対応 (Fiddler のサブセットのよう)
JavaScript のプロファイリング
動作の高速化
![Page 23: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/23.jpg)
Next Steps
![Page 25: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/25.jpg)
ID Title Level
HTM01 50 Performance Tricks to Make Your HTML5 Web Sites Faster 300
HTM02 Data in an HTML5 World 200
HTM03 Deep Dive Into HTML5 <canvas> 300
HTM04 Filling the HTML5 Gaps with Polyfills and Shims 200
HTM05 Going Mobile with Your Site on Internet Explorer 9 and Windows Phone 7 300
HTM06 JavaScript: The Language 200
HTM07 Reactive Extensions for JavaScript(RxJS) 300
HTM08 The Devil Went Down to HTTP: Debugging with Fiddler 300
HTM09 The View of the World Depends on the Glasses I Wear 300
HTM10 Hot from the Labs: HTML5 WebSockets 200
HTM11 IE 10 Platform Preview 1: The Future of Adaptive Web Design 300
HTM12 5 Things You Need To Know To Start Using <video> and <audio> Today 300
HTM13 Adding the Awesomesauce Flavor with Internet Explorer 9 Pinned Sites 300
HTM14 HTML5 for Silverlight Developers 300
HTM15 Modernizing Your Website: SVG Meets HTML5 300
HTM16 Script#: Compiling C# to JavaScript using Visual Studio 300
HTM17 The Future of HTML5 200
HTM18 Hacking with the F12 Developer Tools 200
ID Title Level
CMP02 Design, Content, Code: Start-to-Finish 200
CMP06 HTML5 Canvas Mastery 200
CMP01 HTML5/CSS3 Boot Camp 200
EXT19 Microformats and Semantic Markup 200
EXT14 Is that a Sherpa on Your Shoulder? 200
RES02 Interactive Panel: JavaScript 300
FRM01 Designing Great Experiences for SharePoint 2010 200
EXT07 Designer and Developer: A Case for the Hybrid 300
EXT04 Riding the Geolocation Wave 300
EXT20 CSS3 Takes on the World 200
MED08 MMP Player Framework: Past, Present, Future 200
http://www.visitmix.jp
![Page 26: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/26.jpg)
![Page 27: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/27.jpg)
http://www.beautyoftheweb.jp/
http://ie.microsoft.com/testdrive/
http://www.microsoft.com/japan/windows/products/winfamily/ie/function/default.mspx
![Page 28: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/28.jpg)
http://east.webdirections.org/2010/speaker/stephanie-rewis/
http://www.w3conversions.com/
http://blog.w3conversions.com/
http://www.w3conversions.com/resources.html
![Page 29: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/29.jpg)
![Page 30: [Tech Fielders セミナー東京 MIX11 報告会download.microsoft.com/download/4/2/4/42439F92-E640-4D51...Hardware-Accelerated. Site-Ready HTML5. Same Markup. Preview Builds Updated](https://reader033.vdocuments.net/reader033/viewer/2022042220/5ec6d44362e801336a67a072/html5/thumbnails/30.jpg)