IE11 Developer Previewãä»ããããŠã³ããŒãããŠãè©Šããã ãã ã
IE11ã䜿çšãããšãéçºè ã¯WebGLäžã§WebGLãå«ããããã§ãã·ã§ãã«å質ã®ãããªãããŒããŠã§ã¢ã¢ã¯ã»ã©ã¬ãŒã·ã§ã³2Dããã³3D Webãã¯ãããžãŒã䜿çšã§ããŸãã
IE7ã®ãã¹ãŠã®å©ç¹ã¯ãä»æ¥ãã7å人以äžã®Windows 7ãŠãŒã¶ãŒãå©çšã§ããããã«ãç¡æã®ä»®æ³ãã·ã³ãšãã¹ãŠã®ãã©ãããã©ãŒã ã§ã®ãªã³ã©ã€ã³ãµã€ããã¹ããµãŒãã¹ãåããwww.modern.ieã®éçºè åãã®æŽæ°ããŒã«ãæäŸããŸãã
ããã«é«éã§ã¹ã ãŒãºãªã€ã³ã¿ãŒããã
é床ã¯ããã©ãŠã¶ã®æãéèŠãªå質ã®1ã€ã§ãã IE11ã³ãŒãã¯ããµã€ããã§ããã ãæ©ã衚瀺ãããããã«æé©åãããŠãããWebãµãŒãã¹ã¯ã³ã³ãã¥ãŒã¿ãŒã«ã€ã³ã¹ããŒã«ãããã¢ããªã±ãŒã·ã§ã³ã®é床ã§åäœããŸãã
IE11ã¯ãã³ã³ãã¥ãŒã¿ãŒã®GPUã䜿çšããŠãªã¢ã«ã¿ã€ã ã®JPGç»åããã³ãŒãããäžçåã®ãã©ãŠã¶ãŒã§ãã ããã«ãããããŒãžã®èªã¿èŸŒã¿ãéããªããRAMã®äœ¿çšéãå°ãªããªããŸããããã«ãããã¢ãã€ã«ããã€ã¹ã®æ¶è²»é»åãåæžããããããªå¯¿åœã延ã°ãããšãã§ããŸãã IE11ã¯ãã°ã©ãã£ãã¯ããã»ããµã䜿çšããŠããã¹ããã¬ã³ããªã³ã°ããäžçåã®ãã©ãŠã¶ã§ããããŸãã ããã¹ããšåçã¯ã€ã³ã¿ãŒãããã®åºç€ã§ããã€ãŸãããããã®2ã€ã®æè¡ã¯ãã¢ã¯ã»ã¹ããã»ãŒãã¹ãŠã®ããŒãžãããéã衚瀺ããã®ã«åœ¹ç«ã¡ãŸãã
ããŒãžãããéãããŒãããã«ã¯ããã©ãŠã¶ããµã€ãèŠçŽ ã®ããŒãé åºãæé©ã«éžæã§ããå¿ èŠããããŸãã IE11ã¯ã W3C Resource Prioritiesæšæºã䜿çšããæåã®ãã©ãŠã¶ãŒã§ãã ããã¯ãéçºè ãã©ã®ããŒãžèŠçŽ ãæåã«ããŒãããããæå®ã§ããããšãæå³ããŸãã ãŸããæ°ããHTTP 2.0ä»æ§ã®åºç€ã§ããSPDYãããã³ã«ã®ãµããŒãã«ãããäžéšã®æ¢åãµã€ãã®èªã¿èŸŒã¿ãé«éåãããŸãã
![](https://habrastorage.org/getpro/habr/post_images/7d2/ad5/ed4/7d2ad5ed4095aa9a7cf35e29f42bc384.png)
www.ietestdrive.comã®æ°ãããã¢ã䜿çšããŠãIE11ã®é床ãèªåã§è©äŸ¡ã§ããŸãã ã¬ãããŒã·ã§ã³ãšããŒã³ããŒã¯ã«æ³šæããŠãã ããã2Dããã³3Dã°ã©ãã£ãã¯ã¹ã®äœæ¥é床ãè©äŸ¡ã§ããŸãã ããŒã¯ã¢ãã衚瀺ã¯ãHTML5ãCSSãããã³JavaScriptã®äœ¿çšãçµã¿åãããLiteBriteã䜿çšããŠè©äŸ¡ã§ããŸãã
JavaScriptã®é«æ§èœ
JavaScriptãChakraããšã³ãžã³ã¯å€§å¹ ã«æ¹åãããŸããã 以åã®ããŒãžã§ã³ãšã®äºææ§ãšé«ã¬ãã«ã®ã»ãã¥ãªãã£ãç¶æããªãããããã«é«éã«ãªããŸããã IE11ã¯ãææ°ã®ECMAScript 6æšæºã§èª¬æãããŠããæ©èœãletãconstãMapãSetãWeakMapãããã³äºææ§ã®ããã®__proto__ããµããŒãããŠããŸãã
JITã³ã³ãã€ã©ãŒã¯ãããããã£ã®å€æ çãªãã£ãã·ã³ã°ãé¢æ°ã®ã€ã³ã©ã€ã³åãªã©ãæ°ããæé©åæ¹æ³ããµããŒãããããã«ãªããŸãããã€ãŸããããå€ãã®ã³ãŒããJITãééããèšç®ã«è²»ããæéãå°ãªããªããŸãã Internet Explorer 11ã§äœæ¥ãããšã³ãžãã¢ã¯ãæ¢åã®ãµã€ããæäœããã·ããªãªã«çŠç¹ãåãããŠããŸãã ãã ããWebKit SunSpiderãªã©ã®JavaScriptãã¹ãã®IE11ã¯ã競åä»ç€Ÿã倧ããåŒãé¢ããŠããŸãã
![](https://habrastorage.org/getpro/habr/post_images/77a/f9f/8c1/77af9f8c1da997e2cfdcfa12964e9847.png)
ããã«ãIE11ã¯ECMAScriptåœéåAPI ïŒããŒãžã§ã³1.0ïŒã䜿çšããŸãã
3DããŒããŠã§ã¢ã¢ã¯ã»ã©ã¬ãŒã·ã§ã³
Internet Explorer 11ã¯ãWebéçºè ãã³ã³ãã¥ãŒã¿ãŒã®GPUã䜿çšããŠè¡šç€ºãããè€éãª2Dããã³3Dã°ã©ãã£ãã¯ã䜿çšããŠãµã€ããäœæã§ããæ°ãããã¯ãããžãŒã§ããWebGLããµããŒãããŸãã å®éšã«ã®ã¿äœ¿çšãããŠããWebGLãã¯ãããžãŒã¯éèŠãªéçºããŒã«ã«ãªãã€ã€ããããŸã£ããæ°ããã¿ã€ãã®ã€ã³ã¿ãŒãã§ãŒã¹ãäœæã§ããŸãã
ããšãã°ãæè¿GlacierWorksãšææºããŠãæ°åå€åãããã©ã€ã®æ°·æ²³ã«åãŒã圱é¿ãšãæ°·æ²³ã®è解ãçæ ç³»ã«åãŒã圱é¿ã«ã€ããŠèª¬æããã€ã³ã¿ã©ã¯ãã£ããªãµã€ããäœæãããŸããã æ¬æ¥ã WebGLã䜿çšããŠããã©ã€ã®ã€ã³ã¿ã©ã¯ãã£ããª3Dããããäœæããããšã«ããããã®ãµã€ããæŽæ°ããŸãã ã ããã¯ã3Dã€ã³ã¿ãŒãã§ã€ã¹ããµã€ãã«æ¢ã«ååšããåçããããªã³ã³ãã³ããšã©ã®ããã«ããåãã§ãããã瀺ã奜äŸã§ãã ãã®ãµã€ãã¯ã©ã®ããã€ã¹ã§ãåäœããŸãïŒããšãã°ãWindows 8ã®ã¿ãã¬ããããwww.glacierworks.orgã«ã¢ã¯ã»ã¹ããå ŽåãIEã®ãã1ã€ã®åªããæ©èœã§ããCSSããã€ã¹ã®æ¹åæ§ãã¿ãã¬ãããæã«æã£ãŠå±±å²³å°åž¯ãããã²ãŒãããæ©èœãè©äŸ¡ã§ããŸãã
![](https://habrastorage.org/getpro/habr/post_images/887/66b/2d5/88766b2d57fb84b0880b5967fbd47c2a.png)
IE11ã¯ãWindows 7ãŸãã¯8ãæèŒããããã€ã¹ã§WebGLãæäŸãããã©ãŠã¶ãŒã®ã»ãã¥ãªãã£ãä¿¡é Œæ§ãæãªãããšãªãGPUã®ãªãœãŒã¹ã䜿çšã§ããŸãã
ããå質ã®ãããª
Internet Explorer 11ã§ã¯ãè¿œå ã®ãã©ã°ã€ã³ãªãã§HTML5ãããªã䜿çšã§ããŸãã IE11ã¯ã¯ããŒãºããã£ãã·ã§ã³æšæºïŒ TTMLããã³SDP ïŒããµããŒãããŠããããããµã€ãã«æçš¿ãããããªã®å質ã¯æé«ã«ãªããŸãã IE11ã¯HTML Full Screen APIããµããŒãããŠãããããèŠèŽäžã«HTML5ãããªãå šç»é¢ã«ç°¡åã«å±éã§ããŸãã IE11ã¯ããã¡ã€ã«ãããŒããã©ã€ãã«ãã£ãã·ã¥ããã«ãããªãããŠã³ããŒãã§ãããããããã€ã¹ã®ããããªãŒå¯¿åœã延ã°ãã®ã«åœ¹ç«ã¡ãŸãã
æ°ããF12éçºè ããŒã«
IE11ã«ã¯ããµã€ãã®æé©åã«åœ¹ç«ã€å®å šã«æŽæ°ãããF12éçºè ããŒã«ãå«ãŸããŠããŸãã IEããŒã ã®ãšã³ãžãã¢ã¯ãVisual Studioéçºè ãšäžç·ã«äœæ¥ããŸããã éçºè ã¯æ°ããF12ããŒã«ã䜿çšããŠãããã©ãŒãã³ã¹ã®æé©åããšã©ãŒã®èšºæãIEã«ãããµã€ãã®è¡šç€ºæ¹æ³ã«é¢ããå®å šãªæ å ±ãåŸãããã«å¿ èŠãªããŒã¿ããã°ããååŸã§ããŸãã
æ°ããF12ããŒã«ã¯æ¬¡ã®ãšããã§ãã
- UIãããã°ããã³ã¡ã¢ãªäœ¿çšé蚺æããŒã«
- ã©ã€ãDOMãšã¯ã¹ãããŒã©ãŒãšCSSæ€æ»ãããŒãžãšåæã«æ å ±ãæŽæ°ããåçã³ã³ãã³ããã¬ã€ã¢ãŠããšã¹ã¿ã€ã«ã«äžãã圱é¿ãè©äŸ¡ããæ©äŒãæäŸããŸã
- JavaScriptãããã°-ããŒãžã®æŽæ°ãå¿ èŠãšããªãããŒã«
![](https://habrastorage.org/getpro/habr/post_images/0f7/4d7/d70/0f74d7d7075b903f2ebd072611ecf47c.png)
F12ããŒã«ãéåžžã®Visual StudioããŒã«ã«éåžžã«äŒŒãŠããããšãéèŠã§ãã F12ã¢ããã³ãã£ãŒãªã³ã©ã€ã³ã¬ãã¥ãŒã§æ°ããF12ããŒã«ããè©Šããã ããã
ãã§ã«æ©èœããŠãããã®ã¯ãã¹ãŠæ©èœãç¶ããŸã
Internet Explorer 11ã¯æ¢åã®ãµã€ããšå®å šã«äºææ§ããããŸãã éçºè ããµã€ããããã«æ¹åã§ããAPIãç»å ŽããŸããã äžéšã®APIãå€æŽããã³åé€ãããçŸåšåäœããŠãããµã€ãããã©ãŠã¶ã®æ°ããããŒãžã§ã³ã§ãšã©ãŒãªãã§åŒãç¶ã衚瀺ãããããã«ãªããŸããã IE11ã¯ãæ¹åãããCanvas 2DïŒã¹ã ãŒãžã³ã°ãå¡ãã€ã¶ããç Žç·ïŒãCSSå¢çç»åãããã€ã¹åºå®ããžã·ã§ãã³ã°ããã€ã³ã¿ãŒã€ãã³ããšCSS Flexboxããã¥ãŒããŒã·ã§ã³ãªãã¶ãŒããŒãªã©ã ããå€ãã®HTML5ããã³CSSæ©èœããµããŒãããŸã ã
IE11ã«ã¯ä»ã«ãå€ãã®å€æŽãå«ãŸããŠããŸãã ããšãã°ãçµã¿èŸŒã¿ã®ããã¹ããšãã£ã¿ãŒãå€§å¹ ã«æ¹åãããŸããã éçºè ã¯ãã¯ãªããããŒãããç»åã貌ãä»ããããã¢ã¯ã·ã§ã³ãå ã«æ»ãããã§ãããããããã¹ããšãã£ã¿ãŒã䜿çšããã¢ããªã±ãŒã·ã§ã³ãç°¡åã«äœæã§ããŸãã
IE11ã®æ°æ©èœã®å®å šãªæŠèŠã«ã€ããŠã¯ã ãã¡ããã芧ãã ãã ã ãããŠIEããŒã ã¯Connectã§ããªãã®ææ¡ãåžæãåŸ ã£ãŠããŸãã
ãã ããIE11ã§ã¯å€§å¹ ã«æŽæ°ããããŠãŒã¶ãŒãšãŒãžã§ã³ãæååãå¿ããªãã§ãã ããã
Modern.ieãæŽæ°
Internet Explorer 11 Developer Preview for Windows 7ã®ãªãªãŒã¹ã«äŒŽãããµã€ãwww.modern.ieãæŽæ°ããŸãããããã¯ãIEãå«ãWebãµã€ãéçºã容æã«ããããã®ããŒã«ãšè³æã®ã»ããã§ãã ç§ãã¡ã¯ã€ã³ã¿ãŒãããã®é²åãæã¿ãéçºè ãæ°ãããã®ãèŠã€ããããã«ããå€ãã®æéãè²»ããããã¹ãã«å€ãã®æéãè²»ãããªãããã«ãã§ããéãã®ããšãããŠããŸãã
ãããã£ãŠãmodern.IEã®ä»æ¥ããïŒ
- éå®ãªãã¡ãŒïŒParallels for Macã25ïŒ ãªãã
- Windows 7ããã³Windows 8.1çšã®IE11ããã¹ãããããã®æ°ããä»®æ³ãã·ã³
- ã»ãšãã©ã®ããã€ã¹ãšãã©ãŠã¶ã§ãµã€ãã®ã¹ã¯ãªãŒã³ã·ã§ãããç¡æã§ååŸã§ããæ°ããç¡æããŒã«
ããã«ãmodern.ie Webãµã€ãã¹ãã£ããŒããªãŒãã³ãœãŒã¹ãšããŠå©çšå¯èœã«ãªããŸããïŒApache 2.0ã§ã©ã€ã»ã³ã¹ãããŠããŸãïŒã ç¬èªã®ãããžã§ã¯ãçšã«GitHubããããŠã³ããŒãã§ããŸãã
éå®ãªãã¡ãŒïŒParallels for Macã25ïŒ ãªãã
Parallelsã®å人ã¯ãiOSéçºè åãã®Windowsã¯ã€ãã¯ã¹ã¿ãŒããããã 4æã«æäŸããŠãããŸãããããªãã®åå¿ãåãã§ããŸãããã¹ãŠã25åã§å®å£²ããŸããã æ¬æ¥ã25ïŒ ã®å²åŒã§ãParallels Desktop 8 for Macã®éå®è³Œå ¥ã®æäŸãçºè¡šããŸããã 2013幎8æ19æ¥ãŸã§ã«ãmodern.IEã®2500ã»ããã®ç¹å¥ãªã³ãŒãã®ãããããå ¥æããŠãã ããã
ä»®æ³ãã·ã³ã§ã®IE11ãã¬ãã¥ãŒ
ä»®æ³ãã·ã³ã¯ããµã€ãããã¹ãããããã«äžå¯æ¬ ãªããŒã«ã§ãããäœæ¥ç°å¢ã«äŸåããªãããšãããã£ãŠããŸãã modern.IEã®Webãµã€ãã«ã¯ãWindows XPã®IE6ããWindows 8.1ã®IE11ãŸã§ãå¯èœãªãã¹ãŠã®ããŒãžã§ã³ã®ä»®æ³ãã·ã³ãæçš¿ãããŠããŸãã
- Windows Server 2008 R2 SP1äžã®Hyper-V
- Windows Server 2012ããã³Windows 8 Pro w / Hyper-Väžã®Hyper-V
- Windows 7äžã®Virtual PCïŒVPCã¯ä»®æ³Windows 8ãå®è¡ã§ããªãããšã«æ³šæããŠãã ããïŒ
- WindowsãMac OSXãLinuxäžã®VirtualBox
- Windowsããã³Mac OSXäžã®VMWareãã¬ãŒã€ãŒ
ããããä»®æ³ãã·ã³ãããŠã³ããŒãããŠãã ãã ã
ãŠãŒã¶ãŒã¯ãµã€ããã©ã®ããã«èŠãŠããŸããïŒ AndroidãSafariãXboxïŒ
ãµã€ãã®èšªåè ã¯ããŸããŸãªããã€ã¹ã䜿çšã§ããŸãã ã¬ã¹ãã³ã·ããã¶ã€ã³ãªã©ã¯ãéçºè ããããããµã€ãºã®ç»é¢ã§èŠæ ãã®è¯ããµã€ããäœæããã®ã«åœ¹ç«ã¡ãŸãã ããããå€ãã®å ŽåãWebéçºè ã¯ãããã€ã¹ããšã«ç°ãªããµã€ããäœæããããåŸããåžå Žã«ç»å Žãããã¹ãŠã®æ°ããããã€ã¹ãè³Œå ¥ããããšã¯ã§ããŸããã
ãã¹ãçšã®ã·ã³ãã«ãªããŒã«ãã玹ä»ããŸããã¯ã³ã¯ãªãã¯ã§ã人æ°ã®ããããŸããŸãªããã€ã¹ã§ãµã€ããã©ã®ããã«èŠãããã確èªã§ããŸãã ãµãŒãã¹ã¯BrowserStack.comã«ãã£ãŠæäŸãããŸãã ããã¯ãããã€ãã®äººæ°ã®ããã¬ãžã§ããã®ç»é¢ã§www.modern.ieãã©ã®ããã«èŠãããã§ã ã
![](https://habrastorage.org/getpro/habr/post_images/a01/6fc/761/a016fc76110ad7f3a5b13260acf49c21.png)
ã¹ã¯ãªãŒã³ã·ã§ãããåãåã£ããã Tingè°é·ãäœæããå®éã®èžè¡äœåã«ããã«è¿œå ã§ããŸãã ãããŠãå£ã«æããŸãã
![](https://habrastorage.org/getpro/habr/post_images/216/695/4a2/2166954a261782d8f24b9becfec04930.png)
åç §è³æ
Windows 8.1ãã¬ãã¥ãŒã®ããŠã³ããŒãïŒ preview.windows.com
Windows 7çšIE11ãã¬ãã¥ãŒãããŠã³ããŒãïŒ go.microsoft.com/fwlink/?LinkID=316880
ãŠã§ããµã€ãModern.ieïŒmodern.ie
IEã®MSDNïŒ msdn.microsoft.com/en-US/ie
äŸãšãã¢ïŒ ietestdrive.com