ãã®ã¹ã©ã¤ã㯠2013-11-30 ã«éå¬ããã HTML5 Conference 2013 ã§ å°ä¸éã»ãµã¯ãµã¯ã»ããããã®Webã²ã¼ã ã¢ããªãåããã¹ã8ã¤ã®æ©è½ ã¨ãã¦ã話ãããã®ã§ã
é£è¼ç®æ¬¡ çããããã«ã¡ã¯ããããã¨ã¼ã¸ã§ã³ãã®ã¯ãããããããã§ããä»åãããHTML5ãJavaScriptã«é¢é£ããã»ãã¥ãªãã£ã®è©±é¡ã«ã¤ãã¦é£è¼ãããã¨ã«ãªãã¾ããããããããé¡ããã¾ãã ããèªã¿ã¾ãããï¼ HTML5ã®Webã¢ããªã»ãã¥ãªãã£ã«é¢ããå ±åæ¸ çãããã§ã«ãåããã¨æãã¾ããã2013å¹´10æ30æ¥ã«JPCERTã³ã¼ãã£ãã¼ã·ã§ã³ã»ã³ã¿ã¼ï¼ä»¥ä¸ãJPCERT/CCï¼ãããHTML5 ãå©ç¨ããWebã¢ããªã±ã¼ã·ã§ã³ã®ã»ãã¥ãªãã£åé¡ã«é¢ãã調æ»å ±åæ¸ããå ¬éããã¾ããã ãã®å ±åæ¸ã®èª¿æ»ã®ä¸é¨ã¯ãå¼ç¤¾ãè¡ãã¾ãããã¾ããJavaScriptã®ã»ãã¥ãªãã£ä¸ã®åé¡ã«ã¤ãã¦æ¬¡ã ã¨éãææãè¡ã£ã¦ããmalaããã«ããã¾ãã¾ãªæè¡çã¢ããã¤ã¹ãé ããä¸ãæ¥å¸¸çã«Webã¢ããªã±ã¼ã·ã§ã³ã®ã»ãã¥ãªãã£æ¤æ»ãæ§ç¯ãå®éã®æ¥åã¨ãã¦è¡ã£ã¦ããããå°éå®¶ã®æ¹ã ã«ãæ»èªããé¡ããã¦
ã¤ã³ã¿ã¼ã³çã¯ã飿¥ã®è¬ç¾©ã¨èª²é¡ã§å¤§å¤ããã§ããã仿¥ãè¬ç¾©ãç¶ãã¾ãã æ¬æ¥ã¯ãid:nanto_viã«ãããã¦ã¼ã¶ã¤ã³ã¿ã¼ãã§ã¼ã¹,HTML5ãã§ãã仿§æ¸ãé ã ã¾ã§èªãã è¬å¸«ã«ãããã£ã¼ããªè¬ç¾©å 容ã¨ãªã£ã¦ãã¾ãã仿¥ã2æéã®é·ä¸å ´ã§ãããé å¼µã£ã¦çãã¦ããã¾ããã! ã¦ã¼ã¶ã¼ã¤ã³ã¿ã¼ãã§ã¼ã¹ãHTML5 ã¦ã¼ã¶ã¼ã¤ã³ã¿ã¼ãã§ã¼ã¹ã§å¤§åãªãã¨ãHTML5 åã³é¢é£ API ã§ä½ãã§ããã èªå·±ç´¹ä» nanto_vi (å¤å±±ç, TOYAMA Nao) ããã¯ãã¼ã¯ãã¼ã ã¢ããªã±ã¼ã·ã§ã³ã¨ã³ã¸ã㢠ã¯ã¦ãªããã¯ãã¼ã¯ Firefox æ¡å¼µ ã¯ã¦ãªãã¼ã«ãã¼ for Firefox ã¯ã¦ãªããã¯ãã¼ã¯ Twitter æç¨¿æ©è½ ã¯ã¦ãªãµãã¼ã¤ã³ã¿ã¼ã³ 2008 ãªãã¨ãªã Emacs å¯å±±çåç ºå¸ã¨ã¯ãã¾ãé¢ä¿ãªã æ¦ç¥ UI ã®è©ä¾¡ã»è¨è¨ã»å®è£ ã®æ¦ç¥ HTML ã«ã¤ãã¦ã®æ¦ç¥ãHT
Webãã©ã¦ã¶ãæä¾ãã主ãªãã³ããã°ã¼ã°ã«ããã¤ã¯ãã½ãããã¢ã¸ã©ããªãã©ãã¢ããã«ãã¯ãHTML5ã¸ã®å¯¾å¿ãæ¥ãã¨åæã«ãç¸æ¬¡ãã§HTML5ã®é åãå 容ããããããã¼åãã«ç´¹ä»ãããµã¤ããéè¨ãã¦ãã¾ãããã®è¨äºã§ã¯ãããããã¾ã¨ãã¦ç´¹ä»ãããã¨ã«ãã¾ãããã ã°ã¼ã°ã«ã®ãHTML5 Rocksã ã°ã¼ã°ã«ã¯6æ22æ¥ã«éçºè åãã«HTML5ãç´¹ä»ããå¦ç¿ããããã®Webãµã¤ããHTML5 Rocksãããªã¼ãã³ãã¾ããã HTML5 Rocksã¯ç¾å¨3ã¤ã®ã³ã¼ãã¼ã«åããã¦ãã¾ãã 1ã¤ç®ã¯ãInteractive Presentationããããã¯HTML5ã®æ°ããªAPIãDOM APIãLocal StorageãWebWorkerãªã©ãã¾ãã¾ãªæ©è½ãç´¹ä»ãããã¬ã¼ã³ãã¼ã·ã§ã³ãæ©è½ã¨å ±ã«JavaScriptã§ã®ã³ã¼ãã£ã³ã°ä¾ãå®éã«åä½ãããã¢ãªã©ãç¨æããã¦ãããHTML5ã®
æ¬ç¹éã¯ãHTML 5ã®ä»æ§ãå®è£ ç¶æ³ã«é¢ããç¾æç¹ã§ã®ææ°ã¬ãã¼ãã¨ãã¦ãå®éã«åä½ãããµã³ãã«ãæ·»ãã詳細ãªè§£èª¬ããå±ããããã®ã§ãããç¹éã®å¾åã¨ãªãä»åã¯ãWebã¢ããªã±ã¼ã·ã§ã³ã使ããã«ããã£ã¦æç¨ãªãJavaScript APIãä¸å¿ã¨ãã¦åãä¸ãããä»åç´¹ä»ããå 容ã¯ä»¥ä¸ã®éãã ã ã¢ããªã±ã¼ã·ã§ã³ãã£ãã·ã¥ ã¯ãã¹ããã¥ã¡ã³ãã¡ãã»ã¼ã¸ã³ã° Web Workers Web Storage Web Database Web Sockets Geolocation API HTML5ã§æ°ããå°å ¥ãããã¿ã°ãªã©ã«é¢ãã¦ã¯ãååã®ç¹éãåç §ãã¦ããã ãããã ä»å調æ»å¯¾è±¡ã¨ãããã©ã¦ã¶ã¯ãååã¨åããæ¬¡ã®éãããã¼ã¿ãã¼ã¸ã§ã³ãå«ããææ°ã®ãã¼ã¸ã§ã³ããã§ã¤ã¹ãããInternet Explorerã«ã¤ãã¦ã¯ãææ°ãã¼ã¸ã§ã³ã®8ã§ãHTML 5ã¸ã®å¯¾å¿ããã¾ãé²ãã§ããªãã£ããã
ãã®ãã¼ã¸ã§ã¯ãHTML5ã®APIãå©ç¨ããç°¡åãªãµã³ãã«ãå ¬éãã¦ãã¾ãã ãã®ãµã³ãã«ã®å¤ãã¯ãå¼ç¤¾æè¡é¡§åã®ç½ç³æ°ããã¤ã³ãã¸ã£ã¼ãã«ã«å¯ç¨¿ããè¨äºã§ä½¿ç¨ããããã°ã©ã ãå ã«ãå¤å°ã®æ¹å¤ãå ãããã®ã§ãã ã©ããé常ã«ã·ã³ãã«ãªãã®ã§ã¯ããã¾ãããHTML5ã®åæ©è½ã試ãããã®ã¨ã£ãããã¨ãã¦ãå©ç¨é ããã¨æãã¾ãã ç½ç³æ°ãå¯ç¨¿ããè¨äºã¯ãã¡ãã«ãªãã¾ãããããã®è¨äºã¨åããã¦ãµã³ãã«ããå©ç¨ã«ãªã£ã¦é ãäºã§ãåæ©è½ã®çè§£ãããæ·±ã¾ããã¨ã§ãããã 詳解! HTML 5ã¨é¢é£APIã®ææ°åå - æ°ã¿ã°&APIç·¨ 詳解! HTML 5ã¨é¢é£APIã®ææ°åå - Webã¢ããªéçºç·¨ ã¢ããªã±ã¼ã·ã§ã³ãã£ãã·ã¥ã®ãµã³ãã« (ãã¦ã³ãã¼ã) (Safari4ãGoogle Chrome3ã§åä½ç¢ºèªæ¸ã¿ãFirefoxã ã¨ãã¢ããªã±ã¼ã·ã§ã³ãã£ãã·ã¥ã®ã¤ãã³ããæ£ããçºçãããåä½ããªãã¨
ã¿ã¤ãã«ã®éããHTML5 Web Workersããeval()ã¨setTimeout()ã§å®è£ ããã©ã¤ãã©ãªããfakeworker.jsãããªãªã¼ã¹ãã¾ããã ãããä½ã®å½¹ã«ç«ã¤ãã¨è¨ãã¨ãWeb Workersã®ãããã°ã§ãã ã¨ããã®ããWeb Workersã®ãããã°ã¯é常ã«å¤§å¤ã ããã§ãã ç¾æç¹ã§ã¯å®è¡ä¸ã®ã¯ã¼ã«ãã½ã¼ã¹ã³ã¼ãã¬ãã«ã§ãããã°ã§ãããã©ã¦ã¶ãåå¨ããªã ã¯ã¼ã«ã¯DOMã«ã¢ã¯ã»ã¹ã§ããªãããããã®ã³ã°ãå°é£ fakeworker.js ã¯ãããããç¶æ³ãå°ãã§ãæ¹åããããã«ä½æããããWeb Workersã®ç°¡åãªå®è£ ç³»ã§ãã fakeworker.jsã¯åç´ãªeval()ãç¨ãã¦ã¯ã¼ã«ãçæããsetTimeout()ãç¨ãã¦éåæã¡ãã»ã¼ã¸ã³ã°ãè¡ããããç¾å¨ã®ãã©ã¦ã¶ãåãããããã¬ï¼Webkitã®éçºè ç¨ã³ã³ã½ã¼ã«ãFirebugãªã©ï¼ãç¨ãã¦ã¯ã¼ã«
次ä¸ä»£HTMLã®ãHTML 5ãã«ã¤ãã¦ããã®ã¦ã¯ãµã¯ä»¥åããè³ã«ããªããããä¸èº«ã«ã¤ãã¦ã¯ç¥ããªãã£ãã 仿§ã解説è¨äºï¼æ«å°¾ã«ã¾ã¨ããï¼ãããã¤ãæµãèªã¿ãã¦ã¿ã¦ãé©ããããããããç§ã®æ±ãã¦ãããã®ã ã ç§ã¯ä»¥åãããWebãã¼ã¸ã®ãæ¬æããã©ãããã©ãã¾ã§ãªã®ããã½ããã¦ã§ã¢ã§å¤å®ã§ããæ¨æºçãªæ¹æ³ãããã°ããã¨ãã£ã¨æã£ã¦ããï¼ããã£ã¼ããã¢ã¤ãã åä½ã«åºåãã°ãã»ãã³ãã£ãã¯ã»ã¦ã§ãã䏿°ã«ç¾å®åãããï¼ãHTML 5ã§ã¯ãããã¤ãå°å ¥ãããæ°ããè¦ç´ ï¼ã¿ã°ï¼ã®ä¸ã«ãarticleãã¨ãããã®ãããããããã¾ãã«ãè¨äºãã®ç¯å²ã示ããã®ãªã®ã ã ããããããã°ãããã°ã©ã çã«Webãã¼ã¸ãåå¾ãã¦ããã®ãarticleãã¿ã°ã®é¨åã ãæ½åºããã°ãæ¬æãã«ãªããããããWebãã¼ã¸ã«ãã®ãarticleãã¿ã°ãå ¥ã£ã¦ããã°ããããã£ã¼ãã«é ¼ãå¿ è¦ããªããã©ããªãã¼ã¸ã®ãæ¬æãã§ã
ããã»ã© Client-side database storage ã«ã¤ãã¦æ¸ãã¾ããã ããã§ã Client-side database storage ã¯ä»ã¯ Safari ãããã使ããã¨ãã§ãã¾ãã ãããã Google Gears ã使ã£ã¦ãã¹ã¦ã®ãã©ã¦ã¶ã«å®è£ ãããã¨ã¯å¯è½ã ã¨æãã¾ããï¼ãã§ã«ããï¼ï¼ ãã®è¾ºããå°ã調ã¹ã¦ã¿ããã§ãã Safari 3.1 ã«å®è£ ããããClient-side database storage (SQL API)ãã¨ã¯ä½ãï¼ - ITæ¦è¨ ã¨æ¸ãã¦ãããå°ãã ã Google Gears ãæã£ã¦ããã¯ã©ã¤ã¢ã³ããµã¤ããã¼ã¿ãã¼ã¹ã«ã¤ãã¦èª¿ã¹ã¦ã¿ã¾ããã Google Gears ã¨ã¯ ã¾ãã Google Gears ã«ã¤ãã¦å°ã触ãã¦ããã¾ãã Google Gears ã¯ãã©ã¦ã¶ã®æ©è½ãæ¡å¼µããããã®ãã®ã§ã以ä¸ã®æ©è½ãæä¾ãã¾ãã
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ã¡ã³ããã³ã¹
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}