[B! html5] Naskiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

Naski id:Naski

html5ã«é–¢ã™ã‚‹Naskiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (27)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

fileListï¼œFile APIï¼œJavascriptï¼œæœ¨æš®
ï»¿ ã‚¹ã‚¿ãƒ¼ãƒˆãƒšãƒ¼ã‚¸ï¼ž Javascriptï¼ž File API directoryï¼šãƒ•ã‚©ãƒ«ãƒ€é¸æŠžã«ã‚ˆã‚‹ãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ç¾¤ã®å±žæ€§å–å¾— ã“ã®ãƒšãƒ¼ã‚¸ã¯ã€Google Chrome, Firefox, MicrosoftEdgeãƒ–ãƒ©ã‚¦ã‚¶ã§é–²è¦§ã—ã¦ãã ã•ã„ã€‚ é€šå¸¸ã® FileApi ã§é¸æŠžã§ãã‚‹å¯¾è±¡ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã«é™å®šã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ã—ã‹ã—ã€å®Ÿå‹™çš„ã«ã¯ã€ãƒ•ã‚©ãƒ«ãƒ€ï¼ˆãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªï¼‰ã‚’é¸æŠžã—ã¦ã€ãã®ä¸‹éƒ¨ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’å±•é–‹ã§ãã‚‹æ©Ÿèƒ½ãŒæœ›ã¾ã‚Œã¾ã™ã€‚ ãã‚Œã«å¿œã˜ã¦ã€input ã§ã® type="file" ã«ã€directry æŒ‡å®šãŒã§ãã‚‹æ‹¡å¼µæ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ä¾‹ãˆã°ä¸‹å›³ã§ã¯ã€ãƒ•ã‚©ãƒ«ãƒ€root-folderã‚’é¸æŠžã—ã¦ã€ãã‚Œã«éšŽå±¤çš„ã«å«ã¾ã‚Œã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ç¾¤ã‚’ä¸€æ‹¬é¸æŠžã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®å®Ÿè£…ã¯é…ã‚Œã¦ãŠã‚Šã€å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯é™å®šã•ã‚Œã€ã—ã‹ã‚‚æ¨™æº–ä»¥å‰ã§ã‚ã‚‹ã¨ã—ã¦ã€ã€Œdirectoryã€ã§ã¯ãªãã€ç‹¬è‡ªã®ã€Œwebkitdire
Naski 2014/04/02
javascript

html5

fileapi
ãƒªãƒ³ã‚¯
ï¼»GDC 2013ï¼½Webãƒ–ãƒ©ã‚¦ã‚¶ã§ã€ŒUnreal Engine 3ã€ãŒãƒŒãƒ«ãƒŒãƒ«å‹•ã!? ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã‚’5æ—¥ã§HTML5ã¸ç§»æ¤ã—ãŸé©šãã®æŠ€è¡“ã¨ã¯
ï¼»GDC 2013ï¼½Webãƒ–ãƒ©ã‚¦ã‚¶ã§ã€ŒUnreal Engine 3ã€ãŒãƒŒãƒ«ãƒŒãƒ«å‹•ã!? ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã‚’5æ—¥ã§HTML5ã¸ç§»æ¤ã—ãŸé©šãã®æŠ€è¡“ã¨ã¯ ãƒ©ã‚¤ã‚¿ãƒ¼ï¼šç±³ç”° è¡ Game Developers Conference 2013ï¼ˆä»¥ä¸‹ï¼ŒGDC 2013ï¼‰ã®2æ—¥ã‚ã¨ãªã‚‹ç±³å›½æ™‚é–“3æœˆ26æ—¥ï¼ŒWebãƒ–ãƒ©ã‚¦ã‚¶ã€ŒFirefoxã€ã®é–‹ç™ºã§çŸ¥ã‚‰ã‚Œã‚‹ç±³Mozilla Foundationï¼ˆä»¥ä¸‹ï¼ŒMozillaï¼‰ãŒï¼Œã€ŒFast and Awesome HTML5 Gamesã€ï¼ˆé«˜é€Ÿã‹ã¤é©šæ„•ã®HTML5ã‚²ãƒ¼ãƒ ï¼‰ã¨é¡Œã™ã‚‹ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’é–‹å‚¬ã—ãŸã€‚ HTML5ã¯ãã®ãƒãƒ†ãƒ³ã‚·ãƒ£ãƒ«ãŒé«˜ãè©•ä¾¡ã•ã‚Œã¦ã¯ã„ã‚‹ãŒï¼Œå®Ÿéš›ã«ãã‚Œã§ä½œæˆã•ã‚ŒãŸã‚²ãƒ¼ãƒ ã‚’è¦‹ã‚‹ã¨ï¼Œã€ŒWebãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã®ã‚²ãƒ¼ãƒ ãªã‚‰ã“ã‚“ãªã‚‚ã®ã‹â€¦â€¦ã€ã¨è½èƒ†ã•ã›ã‚‰ã‚Œã‚‹ã‚‚ã®ãŒå¤šã„ã€‚ãã®ãŸã‚æ£ç›´ã«è¨€ãˆã°ï¼Œç†è€…ã¯ã‚ã¾ã‚ŠæœŸå¾…ã›ãšã«å‚åŠ ã—ãŸã®ã ãŒï¼Œè“‹ã‚’é–‹ã‘ã¦ã¿ã‚Œã°ï¼ŒãŸã—ã‹ã«ã‚¿ã‚¤ãƒˆãƒ«ã©ãŠã‚Šã€Œ
Naski 2013/03/29
html5

javascript

browser

webgl
ãƒªãƒ³ã‚¯
HexGL, the HTML5 futuristic racing game.
What is this? HexGL is a futuristic, fast-paced racing game built by Thibaut Despoulain using HTML5, Javascript and WebGL and a tribute to the original Wipeout and F-Zero series. Credits. HexGL was built with love using three.js, a 3D library built on top of WebGL and maintained by Mr.doob and AlteredQualia. I'd also like to thank Nobiax for the great metalic road texture, Charnel for the HexMKI b
Naski 2012/09/11
webgl

html5

3d

three.js
ãƒªãƒ³ã‚¯
HTML5ã‚’ä¸å¿ƒã¨ã—ãŸã€ŒWebæ¨™æº–ã€ãŒã©ã‚Œã ã‘ã‚ã‚‹ã®ã‹ã€å›³ã«ã—ã¦ã¿ã‚‹ã¨â€¦â€¦
æ€¥é€Ÿã«ç«‹ã¡ä¸ŠãŒã‚ã†ã¨ã—ã¦ã„ã‚‹ã€Œãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã¨ã—ã¦ã®Webã€ã€‚ãã®ãŸã‚ã«ç¾åœ¨ãŸãã•ã‚“ã®Webæ¨™æº–ãŒæå”±ã•ã‚Œã€æ¨™æº–åŒ–ä½œæ¥ãŒè¡Œã‚ã‚Œã¦ã„ã¾ã™ã€‚ ãã®å…¨ä½“åƒã‚’1æžšã®å›³ã¨ã—ã¦ç¤ºã—ãŸã®ã¯ã€Mozilla Japanã®dynamisï¼ˆã§ã‚…ãªã¿ã™ï¼‰æ°ã“ã¨æµ…äº•æ™ºä¹Ÿæ°ã€‚å…ˆé€±è¡Œã‚ã‚ŒãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹2012äº¬éƒ½ã§è¡Œã£ãŸè¬›æ¼”ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‹ã‚‰è¨±å¯ã‚’å¾—ã¦å¼•ç”¨ã—ã¾ã™ã€‚ HTML5ã‚’ä¸å¿ƒã«ã€å††ã®è‰²ã¯æ¨™æº–åŒ–å›£ä½“ã®è‰²ã‚’ç¤ºã—ã¦ã„ã¾ã™ã€‚é’ãªã‚‰W3C/WHATWGã€é»„è‰²ã¯IETFã€èŒ¶è‰²ã¯ECMAã€èµ¤ã¯Khronosã€‚ã¾ãŸã€å††ã®å¤–å´ã¯ã¾ã ã¾ã ã“ã‚Œã‹ã‚‰ã®æŠ€è¡“ã¨ã„ã†ä½ç½®ã¥ã‘ã«ãªã£ã¦ã„ã‚‹ãã†ã§ã™ã€‚ ã“ã†ã—ã¦1æžšã®å›³ã«ã—ã¦è¦‹ã‚‹ã¨ã€å®Ÿã«ãŸãã•ã‚“ã®æŠ€è¡“ãŒWebã§å®Ÿç¾ã•ã‚Œã‚ˆã†ã¨ã—ã¦ã„ã‚‹ã“ã¨ã«é©šã‹ã•ã‚Œã¾ã™ã€‚ ã“ã®ã™ã¹ã¦ã®æŠ€è¡“ã‚’ä½¿ã„ã“ãªã™å¿…è¦ã¯ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€Webã‚’ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã¨ã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®æ§‹ç¯‰ã«ã¯ã€HTML5ã®ãƒžãƒ¼
Naski 2012/08/07
web

html5

html

css3
ãƒªãƒ³ã‚¯
The Wilderness Downtown
An interactive film by Chris Milk Featuring "We Used To Wait" Built in HTML5 This film does not work on mobile as it requires pop-ups. Please visit the site from a desktop browser. This film requires pop-ups. Click the icon in the address bar. Select "Always allow pop-ups from wildernessdowntown.com."
Naski 2012/03/24
html5
ãƒªãƒ³ã‚¯
Microformatsã¨Microdataã®é•ã„ã«ã¤ã„ã¦ - kojika17
Webãƒšãƒ¼ã‚¸ã®å†…å®¹ãŒã€"ä½•ã‚’æ„å‘³ã™ã‚‹ã®ã‹"ã‚’ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãŒåŠ¹çŽ‡ã‚ˆãæƒ…å ±ã‚’åŽé›†ãƒ»è§£é‡ˆã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹æ§‹æƒ³ã‚’ã€Œã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯Webã€ã€Œã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯(X)HTMLã€ãªã©ã¨å‘¼ã³ã¾ã™ã€‚ ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯HTMLã‚’å§‹ã‚ã‚‹ã«ã‚ãŸã‚ŠMicroformatsã¨Microdataã®é•ã„ã«ã¤ã„ã¦ã€"ã©ã†é•ã†ã®ã‹"åˆ†ã‹ã‚Šã¥ã‚‰ã‹ã£ãŸã®ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãã‚‚ãã‚‚Microformatsã€Microdataã¨ã¯ï¼Ÿ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã§ã‚ã‚‹HTMLã¯æ–‡ç« æ§‹é€ ã‚’è¡¨ã™ã“ã¨ã¯ã§ãã¾ã™ãŒã€æ„å‘³ã¾ã§ã¯è¡¨ç¾ã§ãã¾ã›ã‚“ã€‚ ä¾‹ãˆã°ã€äººã®åå‰ã‚„ä½æ‰€ã€é›»è©±ç•ªå·ã¨ã„ã£ãŸã‚‚ã®ã«HTMLè¦ç´ ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ã€‚ ãŸã ã—Microformatsã¨Microdataã‚’ä½¿ã†ã“ã¨ã«ã‚ˆã‚Šã€ã“ã®ã‚ˆã†ãªæ„å‘³ã¥ã‘ã‚’å¯èƒ½ã«ã—ã€ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã‚‚å¯èªã§ãã‚‹ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ãªHTMLãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ä½œæˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Microformatsã€Micr
Naski 2012/02/06
microformats

microdata

html5

semanticweb
ãƒªãƒ³ã‚¯
ãƒªãƒƒãƒ ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¨æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã«ã¤ã„ã¦ - ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼ ãƒ„ãƒ¼ãƒ« ãƒ˜ãƒ«ãƒ—
Google ã¯ã€Google æ¤œç´¢ãŒãƒšãƒ¼ã‚¸ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ£ç¢ºã«ç†è§£ã™ã‚‹ã‚ˆã†åŠªã‚ã¦ã„ã¾ã™ã€‚æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’ä½¿ç”¨ã—ã¦ãƒšãƒ¼ã‚¸ã®æ„å›³ã‚’ä¼ãˆã‚‹ã¨ã€Google ã¯ãã®ãƒšãƒ¼ã‚¸ã‚’ã‚ˆã‚Šæ£ç¢ºã«ç†è§£ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã¨ã¯ã€ãƒšãƒ¼ã‚¸ã«é–¢ã™ã‚‹æƒ…å ±ã‚’ã•ã¾ã–ã¾ãªã‚µã‚¤ãƒˆã§æ´»ç”¨ã§ãã‚‹ã‚ˆã†ã«æ¨™æº–åŒ–ã—ãŸãƒ‡ãƒ¼ã‚¿å½¢å¼ã§ã€ãŸã¨ãˆã°ãƒ¬ã‚·ãƒ”ãƒšãƒ¼ã‚¸ã§ã¯ææ–™ã€åŠ ç†±æ™‚é–“ã¨åŠ ç†±æ¸©åº¦ãªã©ã‚’è©³ç´°ã«æä¾›ã§ãã¾ã™ã€‚ æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’ãƒšãƒ¼ã‚¸ã«è¿½åŠ ã™ã‚‹ç†ç”± æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’è¿½åŠ ã™ã‚‹ã“ã¨ã§ã€ã‚ˆã‚Šãƒ¦ãƒ¼ã‚¶ãƒ¼ã®èˆˆå‘³ã‚’ã²ãæ¤œç´¢çµæžœã‚’è¡¨ç¤ºã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®åˆ©ç”¨ã‚‚å¢—ãˆã‚‹ã“ã¨ãŒæœŸå¾…ã•ã‚Œã¾ã™ã€‚ã“ã‚Œã¯ãƒªãƒƒãƒãƒªã‚¶ãƒ«ãƒˆã¨å‘¼ã°ã‚Œã¾ã™ã€‚ã‚µã‚¤ãƒˆã«æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’å®Ÿè£…ã—ã¦ã„ã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®å®Ÿä¾‹ã‚’ã„ãã¤ã‹ã”ç´¹ä»‹ã—ã¾ã™ã€‚ Rotten Tomatoes ã§ã¯ã€æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’ 10 ä¸‡ãƒšãƒ¼ã‚¸ã«è¿½åŠ ã—ãŸçµæžœã€æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’å«ã‚€ãƒšãƒ¼ã‚¸ã§ã®ã‚¯ãƒªãƒƒã‚¯çŽ‡ãŒã€æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã®ãªã„ãƒšãƒ¼
Naski 2012/02/06
microdata

semanticweb

html5
ãƒªãƒ³ã‚¯
HTML5ã®Microdataã¨ã¯ä½•ã‹ï¼Ÿ
HTML5ã§ã¯ã€HTMLæ–‡æ›¸ã®ä¸ã«ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã‚’åŸ‹ã‚è¾¼ã‚€ãŸã‚ã®ã€ŒMicrodataã€ã¨ã„ã†ä»•æ§˜ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ æœ€åˆã«ç°¡å˜ãªMicrodataã®å…·ä½“ä¾‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚HTMLæ–‡æ›¸ã®ä¸ã§æ˜Žç¤ºçš„ã«äººåã§ã‚ã‚‹ã“ã¨ã‚’ç¤ºã—ãŸã„å†…å®¹ãŒã‚ã‚‹ã¨ãã€Microdataã§ã¯æ¬¡ã®ã‚ˆã†ã«æ›¸ãã“ã¨ãŒã§ãã¾ã™ã€‚ <div it emscope> <p>åƒ•ã®åå‰ã¯<span it emprop="name">å±±ç”°å¤ªéƒŽ</span>ã§ã™ã€‚</p> </div> ã“ã®æ–‡æ›¸ã‚’Webãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºã—ã¦ã‚‚ã€ åƒ•ã®åå‰ã¯å±±ç”°å¤ªéƒŽã§ã™ã€‚ ã¨è¡¨ç¤ºã•ã‚Œã‚‹ã ã‘ã§ã€ç‰¹ã«ä½•ã‹å¤‰ã‚ã£ãŸã“ã¨ãŒèµ·ãã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã—ã‹ã—ã€ã“ã®HTMLæ–‡æ›¸ã‚’æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ãŒèªã¿è¾¼ã‚€ã¨ã€Œå±±ç”°å¤ªéƒŽã¨ã„ã†æ–‡å—åˆ—ã¯nameã§ã‚ã‚‹ã€ã¨ç†è§£ã—ã¦ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã—ã¦ãã‚Œã‚‹ã€ã¨ã„ã£ãŸã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ï¼ˆã¨ã„ã†ã®ã¯ã‚ãã¾ã§ä¾‹ã§ã™ï¼‰ã€‚ Microdataã¨ã¯ã€æ–‡æ›¸ã®å†…å®¹ã«å¯¾ã—ã¦æ©Ÿæ¢°ã«
Naski 2012/02/06
microdata

microformats

html5

semanticweb
ãƒªãƒ³ã‚¯
Extending HTML5 â€” Microdata | HTML5 Doctor
For those who like (to argue about) semantics, HTML5 is fantastic. Old presentational elements now have new semantic meanings, thereâ€™s a slew of new semantic elements for us to argue about, and we've even in<cite>d a riot or two. But that's not all! Also in HTML5 is microdata, a new lightweight semantic meta-syntax. Using attributes, we can define nestable groups of name-value pairs of data, calle
Naski 2012/02/06
html5

microdata

semanticweb
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªã‚’å…¬é–‹ã—ã‚ˆã†ï¼ Chrome Web Storeï¼Appså…¥é–€ è¨˜äº‹ä¸€è¦§ | gihyo.jp
ç¬¬7å›žWebã‚¢ãƒ—ãƒªã‚’ä½œã‚ã†#4â”€â â”€Omniboxã€Context Menus å‰å·å¾¹ 2011-07-11
Naski 2011/12/20
html5

chrome

web
ãƒªãƒ³ã‚¯
HTML5 ã§ä½œã‚‹ iPhone ãƒãƒ¼ã‚«ãƒ« Web ã‚¢ãƒ—ãƒªå…¥é–€
ã•ã¦ã€ã¾ãšã€Œãƒãƒ¼ã‚«ãƒ« Web ã‚¢ãƒ—ãƒªã€ã£ã¦ãªã‚“ãžã£ã¦ã„ã†è©±ã§ã™ãŒã€Web ãƒ™ãƒ¼ã‚¹ã®æŠ€è¡“ã§ä½œã‚‰ã‚Œãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ã‚µãƒ¼ãƒã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦åˆ©ç”¨ã™ã‚‹ã‚‚ã®ã®ã€ã„ã£ãŸã‚“ãƒãƒ¼ãƒ‰ãŒå®Œäº†ã—ãŸã‚‰ã€ãã‚Œä»¥é™ã¯ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯æŽ¥ç¶šä¸è¦ã§å‹•ä½œã™ã‚‹ Web ã‚¢ãƒ—ãƒªã€ã¨ã„ã£ãŸæ¦‚å¿µã‚’è¡¨ã—ãŸé€ èªžã§ã™ã€‚ iPhone ã® App Store ã‚’çµŒç”±ã™ã‚‹ã“ã¨ãªãé…å¸ƒãŒå¯èƒ½ãªã®ã§ã€ã‚¢ãƒ—ãƒªã®å†…å®¹ã«ã¤ã„ã¦ä¸€åˆ‡ã®åˆ¶é™ãŒãªãã€ã¾ãŸã€æœ€è¿‘ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®é€²æ©ã‚„ãƒ¢ãƒã‚¤ãƒ«ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å‘ä¸Šã«ã‚ˆã‚Šã€ã‚‚ã®ã«ã‚ˆã£ã¦ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã¨éœè‰²ãªã„ãƒ¬ãƒ™ãƒ«ã®ã‚‚ã®ã‚‚ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ å…ˆæ—¥ã€1 Click Config (é–‰éŽ–æ¸ˆ) (è§£èª¬è¨˜äº‹) ã‚’ä½œã£ã¦å…¬é–‹ã—ã¾ã—ãŸãŒã€ã“ã‚ŒãŒã¾ã•ã«ãƒãƒ¼ã‚«ãƒ« Web ã‚¢ãƒ—ãƒªã¨ã—ã¦å‹•ä½œã—ã¦ã„ã¾ã™ã€‚ ã“ã“ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹æŠ€è¡“ã®å„è«–ã«ã¤ã„ã¦ã¯ãã‚Œãžã‚Œè©³ã—ãæ›¸ã„ãŸã‚µã‚¤ãƒˆãŒã‚ã‚‹ã®ã§ã™ãŒã€ã“ã‚Œã‚‰ã®æŠ€è¡“ã‚’ã²ã¨ã¾ã¨ã‚ã«ç´¹ä»‹ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆãŒè¦‹å½“ãŸ
Naski 2011/11/24
html5
ãƒªãƒ³ã‚¯
Using the File API for reading file information & multiple file uploads â€“ another sister specification to HTML5 - Robert's talk
Naski 2011/11/14
html5
ãƒªãƒ³ã‚¯
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
Naski 2011/10/31
browser

html

css

css3

html5
ãƒªãƒ³ã‚¯
HTML5 ã§ã‚„ã‚ŠãŒã¡ãªé–“é•ã„
HTML5 Doctor ã§ ã€ŒAvoiding common HTML5 mistakesã€ ã¨ã„ã†è¨˜äº‹ãŒä¸ŠãŒã£ã¦ã„ã¾ã—ãŸã®ã§ç¨šæ‹™ã§ã¯ã‚ã‚Šã¾ã™ãŒç¿»è¨³ãªã©ã€‚HTML5 ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹éš›ã«ã‚„ã‚ŠãŒã¡ãªé–“é•ã„ã‚’ã„ãã¤ã‹æŒ™ã’ã¦ã€ã•ã‚‰ã«æ£ã—ã„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ä¾‹ã‚‚ç´¹ä»‹ãã‚Œã¦ã„ã¾ã™ã®ã§ã€å‚è€ƒã«ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ HTML5 Doctor ã§ ã€ŒAvoiding common HTML5 mistakesã€ ã¨ã„ã†è¨˜äº‹ãŒä¸ŠãŒã£ã¦ã„ã¾ã—ãŸã®ã§ç¨šæ‹™ã§ã¯ã‚ã‚Šã¾ã™ãŒç¿»è¨³ãªã©ã€‚HTML5 ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹éš›ã«ã‚„ã‚ŠãŒã¡ãªé–“é•ã„ã‚’ã„ãã¤ã‹æŒ™ã’ã¦ã€ã•ã‚‰ã«æ£ã—ã„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ä¾‹ã‚‚ç´¹ä»‹ãã‚Œã¦ã„ã¾ã™ã®ã§ã€å‚è€ƒã«ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ Avoiding common HTML5 mistakes ï¼š HTML5 Doctor ç¿»è¨³ã¨ã„ã£ã¦ã‚‚è¦ç´„ã¿ãŸã„ãªæ„Ÿã˜ã§ã™ã®ã§ã€æ›¸ã„ã¦ã‚ã‚‹ã“ã¨ã‚’ãã®ã¾ã¾æ—¥æœ¬èªžã«ã—ãŸã‚‚ã®ã§ã¯ã‚ã‚Š
Naski 2011/07/28
html5
ãƒªãƒ³ã‚¯
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web techno logies via HTML5.
Naski 2011/07/02
javascript

html5

canvas
ãƒªãƒ³ã‚¯
innerShiv
this site has moved to: redopop.com/innershiv â™¥
Naski 2011/05/15
javascript

html5
ãƒªãƒ³ã‚¯
IE+jQueryã§HTML5æ–°è¦ç´ ã®DOMæ“ä½œ
Updated 2010.07.26 / Published 2010.07.26 jQueryã®prepend(), append(), appendTo(), before(), after(), html(), wrap(), wrapInner(), wrapAll()ãªã©ã€æŒ‡å®šã®ã‚»ãƒ¬ã‚¯ã‚¿ã«å¯¾ã—ã¦ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æ“ä½œã§ãã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ç”¨ã„ã¦HTML5ã®æ–°è¦ç´ ã‚’æ“ä½œã™ã‚‹éš›ã¯ã€ç¾è¡ŒMicrosoftã‹ã‚‰ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã‚‹IE8ã¾ã§ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯ã€HTML5ã®æ–°è¦ç´ ãŒèªè˜ã§ããªã„ã®ã§æ³¨æ„ãŒå¿…è¦ã§ã™ã€‚ ã“ã®ç½ ã«åµŒã‚‹ã“ã¨ãŒæƒ³å®šã•ã‚Œã‚‹äº‹æ…‹ HTML5ã§ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã•ã‚Œã¦ã„ã‚‹ã‚µã‚¤ãƒˆãŒæ•£è¦‹ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ããŸä»Šæ—¥ã“ã®é ƒã§ã™ãŒã€è¡¨é¡Œã®å•é¡Œã§æ··ä¹±ãŒèµ·ã“ã‚‹ã“ã¨ãŒæƒ³å®šã•ã‚Œã‚‹äº‹æ…‹ã¨ã—ã¦ã¯ã€äº‹å‰ã«HTML5ã®æ–°è¦ç´ ç¾¤ã‚’document.createElement()ã§ä½œæˆæ¸ˆã¿ãªã®ã§ã€ã€Œã‚ˆã—ã€ã“ã‚Œã§jQuery
Naski 2011/05/15
javascript

jquery

html5
ãƒªãƒ³ã‚¯
ã€Œenchant.jsã€ã§ã‚²ãƒ¼ãƒ ã‚’ä½œã‚ã†ï¼ã€€HTML5ã¨JavaScriptã«ã‚ˆã‚‹ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚²ãƒ¼ãƒ åˆ¶ä½œå…¥é–€
ã€Œenchant.jsã€ã§ã‚²ãƒ¼ãƒ ã‚’ä½œã‚ã†ï¼ã€€HTML5ã¨JavaScriptã«ã‚ˆã‚‹ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚²ãƒ¼ãƒ åˆ¶ä½œå…¥é–€ ãƒ©ã‚¤ã‚¿ãƒ¼ï¼šVeki HTML5ã§ã‚²ãƒ¼ãƒ ãŒä½œã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œenchant.jsã€ãŒãƒ¦ãƒ“ã‚ã‚¿ã‚¹ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ†ã‚¤ãƒ³ãƒ¡ãƒ³ãƒˆã‹ã‚‰ç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚Webãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚’ä½¿ã£ãŸã‚²ãƒ¼ãƒ ãŒå‹•ãã¨ã®ã“ã¨ã§èˆˆå‘³ã‚’æŒã£ãŸäººã‚‚å¤šã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ã“ã“ã§ã¯enchant.jsã‚’ä½¿ã£ãŸã‚²ãƒ¼ãƒ ä½œã‚Šã«ã¤ã„ã¦è¦‹ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ enchant.jsãŒã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹HTML5ã¯ï¼Œé•·ã‚‰ãä½¿ã‚ã‚Œã¦ã„ãŸHTML4ã«ä»£ã‚ã‚‹æ¬¡ä¸–ä»£Webã‚·ã‚¹ãƒ†ãƒ ã®è¦ã¨ãªã‚‹ã‚‚ã®ã§ã™ã€‚HTML5ã§ã¯Webãƒšãƒ¼ã‚¸ã®å‹•çš„ãªè¦ç´ ï¼Œã¨ãã«ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã®æç”»æ©Ÿèƒ½ãªã©ãŒå¤§å¹…ã«å¼·åŒ–ã•ã‚Œã¦ãŠã‚Šï¼Œã“ã‚Œã¾ã§Flashã‚’ä½¿ã‚ãªã„ã¨ã§ããªã‹ã£ãŸã‚ˆã†ãªã“ã¨ãŒï¼ŒHTMLã¨JavaScriptã ã‘ã§ã§ãã‚‹ã¨ã„ã†ã®ãŒæœ€å¤§ã®ç‰¹å¾´ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã“ã«ãã¦In
Naski 2011/05/01
javascript

html5
ãƒªãƒ³ã‚¯
Akiba Hideki is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
Naski 2010/08/23
html5

canvas
ãƒªãƒ³ã‚¯
HTML5ã«ã¤ã„ã¦ã®ãŠã•ã‚‰ã„ï½œWebåˆ¶ä½œ W3G
Updated 2010.07.29 / Published 2010.07.29 ã“ã‚Œã‹ã‚‰HTML5ã‚’ä½¿ã„ã¯ã˜ã‚ã‚ˆã†ã¨ã„ã†æ–¹ã«å‘ã‘ãŸHTML5ã®ãŠã•ã‚‰ã„ã§ã™ã€‚HTML5ã®è¨˜è¿°æ–¹æ³•ã«ã¯ã˜ã¾ã‚Šã€å°Žå…¥ã«ã‚ãŸã£ã¦é–“é•ã„ã‚„ã™ã„ã¨ã“ã‚ã‚„å‹˜é•ã„ã—ãŒã¡ãªã¨ã“ã‚ã‚’ã¾ã¨ã‚ã¦ã‚ã‚Šã¾ã™ã€‚ hgroup, header, footerè¦ç´ ã®èª¬æ˜Žã‚’å«ã‚ãŸç¶šãã‚‚ã‚ã‚Šã¾ã™(ç¶šHTML5ã«ã¤ã„ã¦ã®ãŠã•ã‚‰ã„)ã€‚ HTML5ã®è¨˜è¿°æ–¹æ³• ã¾ãšæœ€åˆã«ã€å¿…ãšDOCTYPEå®£è¨€ã‚’è¡Œã„ã¾ã™ã€‚HTML5ã«ã¯å…¬å¼ã®DTDãŒãªã„ã®ã§ã€ã™ã”ãã‚·ãƒ³ãƒ—ãƒ«ã«ãªã£ã¦ã„ã¾ã™ã€‚ <!DOCTYPE html> ç¶šã„ã¦ã€htmlè¦ç´ ã«ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®è¨€èªžã‚’å®£è¨€ã—ã¾ã™ã€‚ <html lang="ja"> ãã—ã¦é †ç•ªã«headè¦ç´ ã¨ãã¦ã€æ–‡å—ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®æŒ‡å®šã§ã™ãŒã€charsetå±žæ€§ãŒæ–°ãŸã«åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ <meta charset="UTF
Naski 2010/07/29
html5
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸