ä»é HTML5 ã®ç·ã«å°±ããã¨ããã§æ¥ããããã®ã ããæ©éã¤ã¾ããããå¤ç±æ°ã®ãFile APIã§ãã©ã¦ã¶ã¼ãããã¼ã«ã«ãã¡ã¤ã«ãæä½ãã¨ããè¨äºã§ãjQuery ã§è©¦ããã¨ããçµæãåæ¥ã¤ã¶ãã¦ãã¾ã£ããããä¸ã¤è³¢ããªã£ããã¨èªåãæ °ãã¦ããã ãé¡ã¯é¸æããããã¡ã¤ã«ã®ãã¡ã¤ã«åããµã¤ãºããã¡ã¤ã«ç¨®å¥(MIME Type)ã表示ãã JavaScript ããã°ã©ã ã§ããã <h1>ãã¡ã¤ã«æ å ±ã表示ãã</h1> <form action="./test.cgi" method="get"> <input type="file" id="myFile" /> <input type="button" id="fileInfo" value="ãã¡ã¤ã«æ å ±ã表示" /> </form> <div id="result"></div> <script> document.getElem
ã¹ã¼ãã¼ãã¡ãã³ã³çºå£²1å¨å¹´è¨å¿µã½ããã¨ãã¦ãªãªã¼ã¹ããããã¼ã«ãã®ä¼èª¬ ç¥ã ã®ãã©ã¤ãã©ã¼ã¹ãã®ãå ã®ä¸çãã®ãã£ã¼ã«ãããããHTML5ã§åç¾ãããã¼ã¸ãThe legend of zelda a link to past live map in HTML5ããå ¬éããã¦ãã¾ãããã£ã¼ã«ããããã¯ãã ã®ãããã§ã¯ãªãã©ã¤ããããã¨ãªã£ã¦ãããé常ã«åºå¤§ãªãã£ã¼ã«ãå ãæµãã£ã©ã¯ã¿ã¼ãã¡ãã¦ããã§ããã¾ãã£ã¦ãããæããã®åéºã®æ¥ã ããã©ãã·ã¥ããã¯ãã¾ãããªãããã«ãªã£ã¦ãã¾ãã ãã£ã¼ã«ããããã®å ¨ä½åã¯ãããªæããä¸å¤®ã«ããæ£æ¹å½¢ã®ç½ã建ç©ããã¤ã©ã«åã§ããã®å·¦ã«åºããã®ãã«ã«ãªã³æãã«ã«ãªã³æã¯ãã¼ã«ãã®ä¼èª¬ ç¥ã ã®ãã©ã¤ãã©ã¼ã¹ã以éã®ã·ãªã¼ãºã§ãç»å ´ããããªãã¿ã®æåã§ãã ãã¤ã©ã«åé¨åã ããGIFç»åã«ããã¨ãããªæããåã®å µå£«ãã¡ãçå¼¾ã»å£ã»æ§ã§ã¨ã³ãã¬ã¹ã«æ»æãã¾ãã
HTMLã·ã³ã¿ãã¯ã¹ ã¤ã³ãã³ãã«ã¯åè§ã¹ãã¼ã¹2ååã®ã½ããã¿ãã使ç¨ãããã¨ããããå ¨ã¦ã®ç°å¢ã§å ¨ãåãããã«è¦ããå¯ä¸ã®æ¹æ³ã ãã¹ããããè¦ç´ ã¯ããªãã1段éã ãã¤ã³ãã³ã(åè§ã¹ãã¼ã¹2å)ãããã¨ã ãã¤ãããã«ã¯ã©ã¼ãã使ããã¨ãå±æ§å¤ã«å¯¾ãã¦ã·ã³ã°ã«ã¯ã©ã¼ãã使ããªããã¨ã éãã¿ã°ã®ç¡ãè¦ç´ ã«å¯¾ãã¦ãæ«å°¾ã®ã¹ã©ãã·ã¥ã¯çãäºãHTML5ä»æ§ã«çç¥ãã¦è¯ãã¨æ¸ãã¦ããã çç¥ã§ããéãã¿ã°ãçç¥ããªããã¨ã(ä¾ãã°</li>ã¨ã</body>)ã <!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <img src="images/company-logo.png" alt="Company"> <h1 class="hello-world">Hello, world!</h1> </
åã®è¨äºãHTML5ã§ã¢ãã³ãã©ã¦ã¶ã®CSS3ãã°ãåé¿ããããã®ããã¯æ¹æ³ãã«é¢é£ãã¦ãjQuery 㧠HTML5 ãã¼ã¿å±æ§ã«ã¦ã¼ã¶ã¼ã¨ã¸ã§ã³ãæååãæ ¼ç´ããæ¹æ³ã調ã¹ã¦ãã¾ããããã®çµæãã¡ãã£ã¨æ´çããã¦ãããæ¹ãè¯ãããªã¨æãç¹ãå ±æãããã¨æãã¾ãã ãåç¥ã®æ¹ãå¤ãã¨æãã¾ãããjQuery ã«ã¯ .data() ã jQuery.data() ã¨ãããDOM è¦ç´ ã« ãã¼ã¿ ãç´ä»ãã¦è¨æ¶ãã¦ããä»çµã¿ãå ã ããã¾ãããjQuery 1.4.3 ããã¯ã API ã¬ãã«ã§ã® 親åæ§ ãèæ ®ããã形㧠HTML5 data-* å±æ§ãåãè¾¼ãä»æ§ãå°å ¥ããã¾ããã HTML5 æ代ã§ã¯ãã¯ã©ã¤ã¢ã³ãã»ãµã¤ãã§å®è¡ãããã³ã¼ãéãå¢ãããã¼ã¿å±æ§ãæ±ãæ©ä¼ãã¡ããã¡ããåºã¦ããã®ã§ã¯ãªãã§ãããããããã§ä»åã¯ã HTML5 data-* å±æ§ã®ãããã jQuery Da
2. HTML5-WEST.jp代表 / html5j ãã¼ã¯ã¢ããé¨ é¨é· / HTML5 Experts.jp ã¡ã³ãã¼ GDGäº¬é½ / CSS Nite in OSAKA / ç¥æ¸ITãã§ã¹ãã£ãã«å®è¡å§å¡ãªã© ããããâã¾ããã æ岡æ£å HTML5-WEST.jp Webã¢ããªã±ã¼ã·ã§ã³éçºâITæ¥åã·ã¹ãã è¨è¨/éçº Webãµã¼ãã¹å°å ¥/äºæ¥æ¦ç¥ã³ã³ãµã«ãã£ã³ã° @bathtimeï¬sh
ä»æ¥ã¯ããã¹ãèªååã¨ããã©ã¦ã¶èªåãã¹ããã¼ã«Seleniumã«ã¤ãã¦ãç¥ããªãæ¹ã§ãåããããã¤ããã解説ããã¹ã©ã¤ããä½ã£ãã®ã§ãç´¹ä»ãã¾ãã ãã®ã¹ã©ã¤ãã¯ã2014å¹´2æ28æ¥ã«éå¬ããããEnterprise à HTML5 Conferenceãã®çºè¡¨ã¹ã©ã¤ãã«ãæéã®é¢ä¿ã§çç¥ããå¤æ°ã®æªçºè¡¨ãã¼ã¸ãå ãããã®ã§ãã ã¤ãããåãã解説ã«ã¤ãã¦ã¯ããã§çµããã§ããããã£ããã§ãã®ã§ã¹ã©ã¤ãã®è¦ã©ããããç´¹ä»ãã¾ãããã
ï½¢ã¹ã¼ãã¼ããªãªãã©ã¶ã¼ãºï½£ãHTML5ã§å®å ¨ã«åç¾ãããµã¤ãï½¢Full Screen Marioï½£ 2013 10/16 TNWã«ããã¨ããã¡ãã³ã³ã§äººæ°ã®ï½¢ã¹ã¼ãã¼ããªãªãã©ã¶ã¼ãºï½£ãHTML5ã§å®å ¨ã«åç¾ãããµã¤ãï½¢Full Screen Marioï½£ãå ¬éãããããã§ãã èä½æ¨©çã«åé¡ããã§ãããå®éã«ãã¼ãã¼ãæä½ã§ãã¬ã¤ããäºãå¯è½ã§ãâ1â1âã ããã¨æãããâ8-4âã¾ã§ã®å ¨ã¦ã®é¢ããã¬ã¤å¯è½ã¨ãªã£ã¦ãã¾ãã ã¾ãããããã¸ã§ãã¬ã¼ã¿ã¼ãç¨æããã¦ãããèªåã§ããããä½ãäºãå¯è½ã§ãæä½é¢ã§ã¯Bããã·ã¥ã¯Shiftãã¼ãæ¼ããªããåããã¨å¯è½ã§ãã¸ã£ã³ãã¯ååãã¼ã®ä¸ãã¹ãã¼ã¹ãã¼ã¨ãªã£ã¦ãã¾ãã ã»Full Screen Mario ã追è¨ã Google Chromeã®ã¿ã®ãµãã¼ãã¨ãªãããã§ãã
ã¨ãã¹ãã¼ããæããããããã¯ããé¡æã«æè¡çãªè§£èª¬ãè¡ã£ã¦ããã·ãªã¼ãºé£è¼ãä»å㯠wri.peã§ãã é£ããæ©è½ã®å®è£ ããå é²çãªAPIã®å©ç¨ãéãã¦ãå·çè ãå¾ããã¦ãã¦ãä½ãã¨ãããªãç´¹ä»ãã¦ããã¾ãã HTML5ãæ´»ç¨ããã¡ã¢å¸³ã¢ã㪠[wri.pe] æè¿ãä»äºã§ä½ã£ã¦ãããã¤ã«ãå¿ããã£ããã趣å³ã§ä½ã£ã¦ããMobiRubyããªããªãé²ã¾ãªãã£ãããã¦ãå人ã§Webãµã¼ãã¹çãªã¢ããä½ã£ã¦ããªãäºãèªåã¨ãã¦ã¡ãã£ã¨æ°ã«ãªã£ã¦ãã¾ããã ããã§æ¯æãã¨ãã¦ãã´ã¼ã«ãã³ã¦ã¤ã¼ã¯ã«éä¸ãã¦Webãµã¼ãã¹ãä¸ã¤ä½ããï¼ã¨æãç«ã¡ãwri.peã¨ããWebãµã¼ãã¹ã®éçºã«çæãã¾ããã wri.peã¯èªåã使ãããã¨æããã¡ã¢å¸³ãä½ã£ãã®ã§ãä¸è¨ã®æ§ãªç¹å¾´ãæã£ã¦ãã¾ãã Markdownãã©ã¼ãããããµãã¼ã Gmailã®æ§ãªã¢ã¼ã«ã¤ãæ©è½ å ¨ææ¤ç´¢ ã«ã¬ã³ãã¼ã¸ã®ãããã³ã° iP
ã¡ãã£ã¨ããåå¿é²ã¨ãã£ãã¡ã¢ã«ã¯ Evernote ã使ã£ã¦ãã¾ããä¸ææã«æ¯ã¹ãã¨ä½¿ç¨é »åº¦ã¯å°ãè½ã¡ã¾ããããããã§ã使ã£ã¦ãã¾ããå°å³ãªã¨ããã§ãããEvernote ã®ã¿ã°ç»é² UI ãçµæ§å¥½ããªã®ãçç±ã®ä¸ã¤ã§ãããã¾ãã Web ã¡ã¼ã«ã«ããã¦ã¯åºæ¬çã«åä¿¡ãã¡ã¤ã³ã§éä¿¡ã¨ãã£ã¦ãæ®ã©ãè¿ä¿¡ã§æ¸ãã§ãã¾ã£ã¦ãã¾ããã Gmail ã使ã£ã¦ãã¾ããGmail ã¯é常ã«æ©ããµã¤ã¯ã«ã§æ©è½ã UI ãå·æ°ããã¾ãã£ã¦ãã¾ããããã¤ã®é ããéä¿¡å ãCcãBcc å ¥åã®UIãã¾ãã§ã¿ã°ã®ãããªè¦ãç®ã¨ã¤ã³ã¿ã©ã¯ã·ã§ã³ã«ãªãã¾ããããã®ä¸¡è ã® UI ã¯ã¨ã¦ãè¯ãä¼¼ã¦ãããåç´ãªã«ã³ãåºåãã®æååãããè¦èªæ§ãé«ãã¦å人çã«æ°ã«å ¥ã£ã¦ãã UI ã®ä¸ã¤ã§ãã ãããªè¨³ã§ããã®ã¿ã°ç»é²ã®UIã³ã³ãã¼ãã³ããä½ã£ã¦ã¿ã¾ãããååãjQuery UI Widget ã®ä½ãæ¹ã«ã¤ãã¦å¦ãã ããã§ã
ï¼»éå ±ï¼½ã¢ãããHTML5ã¨ã¢ãã¤ã«ã«ãã©ã¼ã«ã¹ããæ°ãã¼ã«ç¾¤ãAdobe Edge Tools & Servicesããçºè¡¨ãã¢ãã¡ã¼ã·ã§ã³ä½æãã¬ã¹ãã³ã·ããã¶ã¤ã³ãªã©ãå¹ççã« ç±³ã¢ããã¯24æ¥ï¼æ¥æ¬æé24æ¥æ·±å¤ï¼ããµã³ãã©ã³ã·ã¹ã³ã§ã¤ãã³ããCreate the Webããéå¬ãCSSãJavaScriptã使ã£ãã¢ãã¡ã¼ã·ã§ã³ä½æãç»é¢ã®å¤§ããã«ãã£ã¦åçã«ã¬ã¤ã¢ã¦ããå¤åããã¬ã¹ãã³ã·ããªWebãã¶ã¤ã³ãè¤æ°ã®ã¢ãã¤ã«ããã¤ã¹ã¸ã®å¯¾å¿ãHTML5ãCSS3ã«å¯¾å¿ããã³ã¼ãã£ã³ã°ãªã©ãææ°ã®Webæè¡ã«å¯¾å¿ããéçºãæ¯æ´ããæ°ãã¼ã«ç¾¤ãAdobe Edge Tools & Servicesããçºè¡¨ãã¾ããã çºè¡¨ãããæ°ãã¼ã«ããµã¼ãã¹ãæ¥æ¬èªã§è§£èª¬ããWebãµã¤ãããã§ã«å ¬éããã¦ãã¾ãããµã³ãã©ã³ã·ã¹ã³ã§éå¬ãããã¤ãã³ãã®å 容ãããã¤ã¸ã§ã¹ãã§ç´¹ä»ãã¾ãããã Adobe
ã°ãªã¼ãã°ãã¼ãã«å±éãå éãã¦ãããç±³å½ãä¸å½ãªã©ä¸ç5ã«æã«éçºæ ç¹ãç½®ããã°ãã¼ãã«ãã©ãããã©ã¼ã ã®æ§ç¯ãé²ãã¦ããããã¹ãã¼ããã©ã³åãã¢ããªéçºãä¸çå±éã«ã¯ããã¾ãã¾ãªæè¡ç課é¡ãè¦å´ãããã¨ããã8æ28æ¥ãå社CTOã®è¤æ¬ç樹å·è¡å½¹å¡ãéçºã®ç¾ç¶ãè¦å´ã«ã¤ãã¦ã¡ãã£ã¢ã«å¯¾ãçç´ã«èªã£ãã HTML5ããã¤ãã£ãã¢ããªãããæ¥çä¸æ©ãã§ããã ã½ã¼ã·ã£ã«ã¢ããªéçºã¯ããã¤ãã£ãã¢ããªã¨ãã¦éçºããæ¹æ³ã¨ãHTML5ã使ããWebãã©ã¦ã¶ããå©ç¨ã§ããããã«ããææ³ããããHTML5ã§ãããã¤ãã£ã2Dã¢ããªãããã¤ãã£ã3Dã¢ããªãâ¦â¦ãæ¥çä¸æ©ãã§ãããã¨ãè¤æ¬CTOã¯æã¡æãããã°ãªã¼ã§ã¯ãã©ããã«çµãåããªãã®ã§ãå ¨é¨æ¼ããã«è¡ããã¨ãã¦ãããã®ãç¾ç¶ã ã ãã¤ãã£ãã¢ããªã¯è¡¨ç¾åãè±ãã§ã¬ã¹ãã³ã¹ãéããiOSãªãã°App StoreãAndroidãªãGoogle
2012å¹´09æ03æ¥19:30 ã«ãã´ãªæ¸è©/ç»è©/åè©iTech alert('ã¤ããªã·'); // æ¸è© - JavaScriptéå¼ããã³ããã㯠åºç社ããç®æ¬å¾¡ç¤¼ã JavaScriptéå¼ããã³ããã㯠å¤ç±ä¸æµ© å¾ ã£ã¦ã¾ããããããã®ã EcmaScript 5ã®ãµãã¼ããä¸éãå®äºãã¦ãããããHTML5ã®APIãå å®ãã¦ããã¨ããä»ã¯ãJavaScriptãå¦ã¶æé«ã®æ¬ãã ãã©Webã®æ å ±ã¯æççã§ãæè§ã®æ°APIã使ããã«ãã©ãããæãã¤ãã¦ããã®ãããããªãã£ããããã§åã¤ãã æ¬æ¸ãJavaScriptéå¼ããã³ãããã¯ãã¯ããRubyéå¼ããã³ãããã¯ãã®åºç社ã«ããJavaScriptã®ã·ã½ã¼ã©ã¹ããè¾æ¸ãããåèæ¸ããªãå··ã«ããµãããã£ã¦ããJavaScriptã§ããããããããªããªããªãã£ããã¾ãã¦ãES5ã«HTML5ã¨ãã£ãææ°ã®æ©è½ãã«ã´ã¡ã¼ãã¦ããã
ãã¼ã 2012/7/10 10å¹´åãæ è¡å ã§éã«è¿·ããç®çå°ã«è¾¿ãçãã®ããããªã«ç°¡åã«ãªããªãã¦æããªãã£ããã¹ããã¨HTML5ããWebãèªç±ã«è§£ãæ¾ã¤ ã¾ãã¯ãé£äºã®ã·ãã¥ã¨ã¼ã·ã§ã³ã¨ããUXã®è©±ãã åçªã§ãããããªãã¯ã¬ã¹ãã©ã³ã§ã¢ã«ãã¤ãããããã¨ãããã¾ããï¼ çµé¨ã®ããæ¹ãªããåããããããã¾ããããã¬ã¹ãã©ã³ã§ã¢ã«ãã¤ããã¦ããã¨ãè³ãã§é£äºãåºãã¦ããããå ´åãããã¾ãããã¡ããããåºã«ããã®ã§ãä¸æ¦ã«ããã¾ããããã¡ãã£ã¨ãããã¡ãã¬ã¹ã§ããé常ã顧客ã«åºããã®ã¨ã»ã¼åãæçãé£ã¹ããã¾ãã ãã®ã¨ããå³ã¯ã©ãã ã£ãã§ãããï¼ 1000å以ä¸ã®ä¾¡å¤ããããã®ãç¡æã§é£ã¹ãããã®ã ãããåºã«ãã£ã¦ã¯ãå®ã«ãããã¾ãã話ã ããã¨æããããçè ã®å ´åãããã§ããªãã¨ããææ³ãæã£ãçµé¨ãããã¾ãã 確ãã«ãåãæçãªã®ã§ãããããããããã¯ã¤ã¼ãã¨å¼ã°ããå¾æ¥å¡å°ç¨ã®ãã
2012/7/39:0 ã¢ããã« vs. ã°ã¼ã°ã« vs. ãã§ã¤ã¹ãã㯠ââ HTML5ãåãéãæªæ¥ãå°æé ä¸ ãã§ã¤ã¹ããã¯ï¼Facebookï¼ã¯6æ7æ¥ãApp Centerã®éå§ãçºè¡¨ãããã¦ã¼ã¶ã¼ã¯ãããç»é¢ã«è¡¨ç¤ºãããã¡ãã¥ã¼ããã¢ã¯ã»ã¹ããã¦ã¼ã¶ã¼ã®é¢å¿äºãéå»ã®ã¢ã¯ãã£ããã£ããã¨ã«ãã¼ã½ãã©ã¤ãºãããã¢ããªãç´¹ä»ãããããã«ãªããã¾ãã6æ12æ¥ã«ã¯ã°ã¼ã°ã«ï¼Googleï¼ãChrome Web Storeã«ãªãã©ã¤ã³ã§ä½¿ããã¢ããªå°ç¨ã®ã³ã¼ãã¼ãéè¨ãChromeãOSã«ã¾ãä¸æ©è¿ã¥ããã¨ãããã¦ããã ä¸çä¸ã«9å人ã®ã¦ã¼ã¶ã¼ãæã¤ä¸çæ大ã®SNSããã§ã¤ã¹ããã¯ãä»æããã¢ããªã®è²©å£²ãã©ãããã©ã¼ã App Centerããããã¯ãMacOSã§ãWindowsã§ãLinuxã§ããChromeãåãã¦ããã°å ±éã®ã¢ããªã±ã¼ã·ã§ã³ãå®è¡ã§ãããã¤ã¾ãã¯Chromeã®ã
第1å 次ä¸ä»£Webæ¨æºãHTML5ãã¯ä»ãã©ãã¾ã§ä½¿ããã¬ãã«ã«ããã®ãï¼ï¼ãªãä»ãHTML5ãªã®ãââã¢ãã¤ã«ãã¸ãã¹ã«ä¸ããã¤ã³ãã¯ããèªã¿è§£ãï¼1/2 ãã¼ã¸ï¼ é«åº¦ã§å¤å½©ãªæ å ±å¦çæ©è½ãåãããææ°éã®Webæè¡ãHTML5ãããããã¨ITæ¥çã«æµ¸éãã¦ãããä¾ãã°ç±³Microsoftãå é ãã¬ãã¥ã¼ãéå§ãã次ä¸ä»£ãOffice Web Appsããããã¯å社ã®ãã©ã°ã·ãã製åã§ããçµ±åææ¸ã½ãããOfficeãã®Webã¢ããªçï¼ã¯ã©ã¦ãçï¼ã§ãããInternet Explorerï¼IEï¼ãChromeãFirefoxãªã©ä¸»è¦Webãã©ã¦ã¶ãããªã³ã©ã¤ã³ã§å©ç¨ã§ããã ããã¾ã§ã®Webã¢ããªçã¯ããã®ååã¨ãªããã¤ãã£ãã»ã¢ããªçOfficeã«æ¯ã¹ãããªãè¦å£ãã®ãããã®ã ã£ãããä»åãªãªã¼ã¹ããã次ä¸ä»£Office Web Appsã¯ãåæã¡ãã¥ã¼ãããã¤ãã£ãã»ã¢ããªçã¨
HTML5ã使ã£ãã¹ããã¢ããªéçºã«èå³ããã£ãã®ã§ãã«ã¡ã©ãGPSãªã©ã¹ãã¼ããã©ã³ã®æ©è½ãã©ãã¾ã§ä½¿ããã®ã試ãã¦ã¿ã¾ããã Webã¢ããªã±ã¼ã·ã§ã³ãªã®ã§ãã©ã¦ã¶ã«ä¾åãã¾ããã以ä¸ã®ãµã¤ãã«ã¢ãã¤ã«ãã©ã¦ã¶å¥å¯¾å¿ç¶æ³ãæ¸ããã¦ãã¾ãã http://mobilehtml5.org 試ããã®ã¯ä»¥ä¸ã®æ©è½ã§ãã端æ«ã¯Galaxy Nexusã¨iPod Touch 4ä¸ä»£ã使ãã¾ããã Androidã®ãã¼ã¸ã§ã³ã¯4.0.4ã§ãã©ã¦ã¶ã¯Chromeã¨ä¸é¨Firefoxã§ããiOSã¯5.0.1ãSafariã§è©¦ãã¾ããã ã¹ãã¼ããã©ã³ã§ç¢ºèªã§ããããã«ãµã³ãã«ãä½ã£ãã®ã§è©¦ãã¦ã¿ã¦ä¸ããã ã¿ããã¤ãã³ã(Touch Events) ãã«ãã¡ãã£ã¢(Multimedia) ä½ç½®æ å ±ã®åå¾(Geolocation API) å é度ã»ã³ãµã¼(Motion Sensors) ãã¡ã¤ã«ã¢ã¯ã»ã¹(F
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}