ï½°ï½°ï½°ï½° HTML5ã¯ãã¿ãåºå°½ãããããã¨ã¯ãIE8ãAndroid2.Xæ¨æºãã©ã¦ã¶ã®ãããªãã¬ã¬ã·ã¼ãã©ã¦ã¶ãããªããªãã°ããã ãã§ã¯ãªããï¼
ç§ã¯æè¿ããããªè¨èãè³ã«ãããã¨ãããã®ã§ãããããããã©ã¦ã¶éçºè ãã¡ã¯æªã ã«ããããªãã¨ã微塵ãæããããªãã»ã©åãã¦ãã¾ããã¾ã ã¾ã é²åã®é度ããè½ã¨ãããã«ã¯ãããªãããã§ãã2014å¹´06æ14æ¥ã«éå¬ããããHTML5 Nightãã«ã¦ãGoogle Chromeã®éçºè ã§ããåå·åä¹æ°ã®å£ãããããããã®Chromeéçºã«ã¤ãã¦èªããã¾ããã
æ¬è¨äºã§ã¯ãåå·æ°ã®è¬æ¼ã®ãã¤ã¸ã§ã¹ãããå±ããã¾ãã
ä»ã®Chromeã«ã¯ä½ãä¸è¶³ãã¦ããã®ãï¼
Chromeã¯2013å¹´ã®4æã«å¤§äºãªåºæ¥äºãããã¾ãããAppleã¨ä¸ç·ã«éçºãã¦ããããWebKitãããã©ã¼ã¯ãã¾ãããããããChroniumã¨åæ§ãªãªã¼ãã³ã½ã¼ã¹ã®ã¬ã³ããªã³ã°ã¨ã³ã¸ã³ã§ããããBlinkãã§ããBlinkã¯ãHTML5ãªã©ã®Webãã©ãããã©ã¼ã æ©è½ãå®ç¾ãã¦ãã¾ãã
Blinkããã¸ã§ã¯ãã§ã¯ã2014å¹´åé ã«ãä»å¹´ã¯ä½ãããããã¨ãããã¨ã話ãåãã¾ãããBlinkã¯ãªã¼ãã³ã½ã¼ã¹ã®ããã¸ã§ã¯ããªã®ã§ã話ãåãã¯å ¨ã¦ãblink-devãã¨ãããã¡ã¼ãªã³ã°ãªã¹ãã§è¡ããã¾ãããããã¡ã¼ã«ã¹ã¬ããã«ãªãã®ã§ãããæ¸ããã¦ãããã¨ã¯ã ããããããªæãã§ãã
ãã£ããè¨ãã¾ãã¨ããã¢ãã¤ã«ãã大äºã¨ãããã¨ã§ãã
ãåç¥ã®éããã¢ãã¤ã«ã®æ¹ããã¹ã¯ããããã売ãã¦ããã使ããã¦ãã¾ããããããç¶æ³ã§ãããã¢ãã¤ã«ã®ã¢ããªãéçºããç«å ´ããããã¨ãæ®å¿µã§ãããWebããããã¤ãã£ãã¢ããªã®æ¹ãè¯ãã¨è¨ããã¦ãã¾ãã
ããã§ã¨ããæ©é¢ããã¢ãã¤ã«éçºè ã«ãªãHTML5ã使ããªãã®ãã¨ãããã¢ã³ã±ã¼ããã¨ãã¾ããããã¡ãããã®çµæã§ãã
ä¸æºã¯ä¸»ã«ãããã©ã¼ãã³ã¹ãæªããAPIã足ããªãããã¼ã«ãæ´ã£ã¦ããªããã¨ãããã¨ã§ãã
æ大ã®åé¡ã§ããããã©ã¼ãã³ã¹ããéããã¨ã¯æ£ç¾©ãã§ããããã«ã¤ãã¦ã¯è²ã ã¨ãã£ã¦ã¯ãã¾ãããHTML5ã¯ãã¾ãé¢ä¿ãªãã®ã§ãBlink Contributorsãéã¾ã£ãæã®è³æãBlink On 2: Mobile@60 FPSãã御覧ãã ããã
Blinkã¯ãAPIä¸è¶³ããã©ãæ¹åãã¦ããã®ãï¼
ãã¼ãã¦ã§ã¢ã¢ã¯ã»ã¹ã大åã§ãããçãæã«æãå±ããªãã©ã¤ã³å¶å¾¡ã大åã§ããBlinkã§ããã¾åãçµãã§ãã¾ããServiceWorkerãWebMIDIãWebAudioãå ¨ã¦ã¯ç´¹ä»ããããªãã®ã§ãServiceWorkerã«ã¤ãã¦è§¦ãã ãã話ãã¾ãã
ServiceWorkerã§ä½ãåºæ¥ãã®ãã¨ããã¨ãããé«åº¦ãªãªãã©ã¤ã³æ©è½ããã¤ãã£ãã¢ããªã«è¿½ãã¤ããAppCacheããã®å¦ã³ãæ´»ãããããªè¨è¨ã¨ãªã£ã¦ãã¾ãããªãã©ã¤ã³ã¨è¨ã£ã¦ããå®å ¨ã«ãªãã©ã¤ã³ã¨ããå ´åã ãã§ã¯ãªãããããã¯ã¼ã¯ãä¸å®å®ã§ãã£ãããããã£ã¡ã ãåããããªã©ãä»ã¯ãã®ãããªç°ãªãç¶æ³ã«å¯¾å¿ããWebã¢ããªãæ¸ãã®ãã¨ã¦ãé£ããã£ãããã¾ãã
ä»çµã¿ã¨ãã¦ã¯ãWebãµã¤ãããã¤ã³ã¹ãã¼ã«ãããJavaScriptããç¬ç«ããWorkerã¹ã¬ããã§åä½ããWebãµã¤ãããã®ã¤ãã³ããã³ããªã³ã°ãå®ç¾ãããã¨ãããã®ã§ããã¤ã¾ããé ã®è¯ããIn-browserãªHTTPãããã·ã§ããããããã¤ã³ã¿ã¼ãããä¸ã®ãã¼ã¸ã¨ãã£ãã·ã¥ã®ã両æ¹ãå¶å¾¡ã§ããã¨ãããã¨ã§ãã
詳ããã¯ããã¡ããã確èªä¸ããã
Blinkã¯ããã¼ã«ã®ä¸è¶³ããã©ãæ¹åãã¦ããã®ãï¼
HTML5ã¯ãæ§ã ãªè¦ç´ ã®çµ±åãé£ãããææ°ã®UI/UXãä½ãã«ãããæçãããã¬ã¼ã ã¯ã¼ã¯ãä¸è¶³ãã¦ããã¨ããã®ããã¢ã³ã±ã¼ãã®çµæããå¾ããã¾ããããããã«ã¤ãã¦ããBlinkã§ãã¾ã¾ãã«åãçµãã§ãã¾ããWebComponentsãPolymerãWebAnimationããã¡ããå ¨ã¦ã¯ç´¹ä»ã§ããªãã®ã§ãWebComponentsã¨Polymerã«ã¤ãã¦ã
WebComponentsã¨Polymerã¯ãWebã«ã³ã³ãã¼ãã³ãæè¡ãåãè¾¼ãããã®ãã®ã§ããä¾ãã°ãGoogle Chart APIã®å ´åãã°ã©ãã表示ããããã®æ å ±ããJavaScriptä¸ã«æ¸ãè¾¼ã¾ãªãã¦ã¯ããã¾ããã§ããã
WebComponentsãæ¡ç¨ããã¨ãã°ã©ããæå³ããgoogle-chartè¦ç´ ã®å±æ§ã«ãã°ã©ãã®è¡¨ç¤ºã«å¿ è¦ãªæ å ±æ¸ãè¾¼ãã ãã§ãã
Googleã®ãµã¼ãã¹ãå©ç¨ããããã®WebComponentsããGitHubä¸ã«ãããããç¨æããã¦ãã¾ãã
https://github.com/googlewebcomponents
以ä¸ã§ããå¿æ´å®ãããé¡ããã¾ãããæ¸ è´ãããã¨ããããã¾ããã
Googleãåãå ¥ãã¦ããã®ã¯ï¼
ãã®è¬æ¼ã¯Google I/O 2014ãéå¬ãããåã«è¡ãªããããã®ã§ãããä¸è²«ãã¦ãService WorkerããWebComponentsããæ¨ãã¦ããããã§ããããªãã©ã¤ã³ã®æ©è½ã§ãã¤ãã£ãã®ä¸ãè¡ããã¨Service Workerã«åãçµã¿ã¤ã¤ããã¼ã«ã®ä¸è¶³ãWebComponentsãæ´»ç¨ãããã¨ã§Googleã®ãµã¼ãã¹ãæä¾ãã¦ãããã¨ã§è§£æ±ºãããã¨ããæ¹åæ§ã®ããã§ããå æ¥ã®ã第49回HTML5とか勉強会ãã§ããä¸è²«ãã¦åããã¨ã«è§¦ãã¦ãã¾ããã
ã©ã¡ããå½¼ãã®ãã¸ãã¹ã¨ä¸æãå調ã§ãã¦ããããå®ã«çã«ããªã£ã¦ãã¾ãããã ãMicrosoftããçã«ã¯ç´å¾ãããªãã¨ããããããã¨ã³ã·ã¹ãã çã«ã¾ã ã¾ã åé¡ãããããã§ãããã®ããããMicrosoftããã¯çµæ§å¾æã«åã£ã¦ãã¾ãã®ã§ããªãã ãã¾ãIEãé ãã¦ããã®ããããæ¬å½ã«IEã ãæ©è½ãå ¨ç¶å®è£ ããããããªãã¨ãã空æ°æãåºã¦ãã¾ãã®ãç®ã«æµ®ãã³ã¾ãããã ãæè¿IEãå®è£ ã§ããªãæ©è½ã£ã¦ããæè¡çãªçç±ã§ã§ããªããã¨ãããããæ¿æ²»çãªçç±ã§ã§ããªãããä¸å¿ãªãã§ãããã
éçºè ããæã ããããã°ããããªãã¨ã¯æ¬å½ã«ã©ãã§ããããã¨ãªã®ã§ãMicrosoftããã«ã¯ç¤¾å ã®ä»ã®è£½åã¨ã®å©å®³é¢ä¿ãæ´çãã¦ãããã¿ãæ¨ã¦ã¦ãä¸ç·ã«Webæ¨æºãè²ã¦ã¦ãããããé å¼µã£ã¦æ¬²ããã¨ããã§ããå½¼ãã¯æè¿èªåãã¡ã®ãã¨ãã俺ãã¡ã¯ãããããã®ä¼æ¥ãããªãããããã®ãã£ã¬ã³ã¸ã£ã¼ä¼æ¥ã¨ä½ã«ãå¤ãããªããªã£ããã¨è¨ã£ã¦ã¦ã社å çã«ããããªç©ºæ°æããã ããå§ãã¦ããã¿ãããªã®ã§ãå¤ãªå½¢ã§æ¢åå©çã«æããããªãã¨ã¯ããªãã ãããã¨ä¿¡ãã¦ãã¾ãã
ãã ãä¸ç¹ãGoogleçã«ããã©ã¼ãã³ã¹ã¯ãWebæ¨æº(WebPerf-WG)ã®ãâ¯â¯ Timingãç³»APIã§è§£æ±ºãããã¨ããææã¯ãã¾ãæãããã¾ãããããã¾ã§ãå½¼ãã®æä¾ãã¦ããç¬èªã®ãµã¼ãã¹ãPageSpeed Insightsããæ¨ãã¦ããããã¾ãããã ããã®ãã¼ã«ãå½¼ãèªèº«ãã¾ã ã¾ã æ©è½ãååã«è¶³ãã¦ããªãã¨ããèªèãæã£ã¦ããããã§ããGoogle I/O 2014ã§Paul Lewisæ°ã®ã»ãã·ã§ã³ã§ããéä¸ãããã®ãã¼ã«ä½¿ãããä»ã§æä¾ãã¦ãããµã¼ãã¹ãå©ç¨ãã¦ããã©ã¼ãã³ã¹è¨æ¸¬ã®ä¸é£ã®æµãããã¢ãã¦ãã¾ãããããæ¤ç´¢ã«0.02ç§ãããã¾ãããã¨ãåºãã¦ãã¦ãèãã¦ãã¼(ç¬)ãã¨æãã»ã©ãããã©ã¼ãã³ã¹ãè¯ãã£ãã¢ãã¼ã«ãã¦ããGoogleããã®ãããããªãæå¤ãªä¸é¢ã§ããã
ã¢ããªã±ã¼ã·ã§ã³ãã©ãããã©ã¼ã ã¨å¼ã¶ã«ã¯ãã¾ã ã¾ã è²ããªåé¡ãæ®ã£ã¦ãããã§ãããããWebã£ã¦ãããããã楽ãã¿ã§ãã