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

nanakoso id:nanakoso

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

${{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}}

Firefoxã¯å¼·åˆ¶çš„ã«å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¡¨ç¤ºã§ãã‚‹ - ã¯ã‚Šã‚’ãã°
ã€è¿½è¨˜ 2016/12/24ã€‘ ã‚«ã‚¹ã‚¿ãƒ å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®æŒ™å‹•ã«é–¢ã™ã‚‹æƒ…å ±æ›´æ–° WHATWGã®ãƒªãƒ³ã‚¯åˆ‡ã‚Œä¿®æ£ ãƒ†ã‚¹ãƒˆç”»åƒå·®ã—æ›¿ãˆ ä»Šå¹´æœ€å¾Œã ã£ã¦ã®ã«ã‚ˆã‚Šã«ã‚‚ã‚ˆã£ã¦ã“ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã“ã‚“ãªã—ã‚‡ã†ã‚‚ãªã„è¨˜äº‹â€¦ â€¦ãã‚ŒãŒã¯ã‚Šã‚’ãã°ã‚¯ã‚ªãƒªãƒ†ã‚£ã€‚ ï¼ˆã¡ãªã¿ã«åŽ»å¹´ã®å¤§æ™¦æ—¥ã«æŠ•ç¨¿ã—ãŸè¨˜äº‹ã¯ã“ã¡ã‚‰ï¼‰ å‰ç½®ãè€ƒãˆã‚‹ã®ã‚‚é¢å€’ãªã®ã§æœ¬é¡Œã€‚ çŸ¥ã‚‰ãªã„äººãŒã‚ã¾ã‚Šã«ã‚‚å¤šéŽãŽã‚‹ã®ã§è¨˜äº‹ã«ã™ã‚‹ã€‚ Firefoxã¯ã€Shiftã‚ãƒ¼ã‚’æŠ¼ã—ãªãŒã‚‰å³ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨å¼·åˆ¶çš„ã«ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¡¨ç¤ºã§ãã‚‹ã€‚ ä»¥ä¸‹ã®ç”»åƒã§è©¦ã—ã¦ã¿ã‚‹ã¨ã‚ã‹ã‚‹ã€‚ æ™®é€šã¯å³ã‚¯ãƒªãƒƒã‚¯ãŒç¦æ¢ã•ã‚Œã¦ã„ã¦ä½•ã‚‚èµ·ããªã„ãŒã€ Firefoxã«é™ã‚Šã€Shiftã‚’æŠ¼ã—ãªãŒã‚‰å³ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨æ™®é€šã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å‘¼ã³å‡ºã›ã‚‹ã€‚ ã“ã‚Œã¯Firefoxã®ç‹¬è‡ªæ©Ÿèƒ½ã§ã¯ãªãã€HTML5ã®ä»•æ§˜ç–å®šãªã©ã‚’ã—ã¦ã„ã‚‹WHATWGã«ã‚ˆã£ã¦å®šã‚ã‚‰ã‚Œã¦ã„ã‚‹æ¨™æº–ä»•æ§˜ã ã£ãŸã‚Šã™ã‚‹ã€‚ User agents
nanakoso 2015/01/06
Firefox

tips

html5
ãƒªãƒ³ã‚¯
ã‚ˆã†ã“ãã€HTML5è£APIã®ä¸–ç•Œã¸ - HTML5 Conference 2013
Canvasã€WebGLã€WebRTCã€WebSocketãªã©ã€HTML5ã®èŠ±å½¢ã‚¹ã‚¿ãƒ¼ã¨ã‚‚è¨€ãˆã‚‹ãƒ¢ãƒ†ç³»APIã¯ã€å¸¸ã«ä¸–é–“ã®æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹ã€‚ã“ã‚Œã‚‰APIã‚’ä½¿ã„ã“ãªã›ã‚‹ã‚¦ã‚§ãƒ–ãƒ‡ã‚£ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã¯ã©ã“ã‹ã‚‰ã‚‚å¼•ã£å¼µã‚Šã ã“ã ã‚ã†ã€‚ã—ã‹ã—ã€æ³¨ç›®åº¦ãŒä½Žã„ãªãŒã‚‰ã‚‚ã€ä»Šå¾Œã®ã‚¦ã‚§ãƒ–ã‚’æ”¯ãˆã‚‹ï¼ˆã‹ã‚‚ã—ã‚Œãªã„ï¼‰æœ€æ–°ã®APIãŒæ•°å¤šãå˜åœ¨ã™ã‚‹ã€‚ã“ã®ã‚ˆã†ãªAPIã¯æ´¾æ‰‹ã•ãŒè¶³ã‚Šãªã„ã‚†ãˆã«è©±é¡Œã«ãªã‚‹ã“ã¨ã‚‚ãªã„ã€‚ã—ã‹ã—ã€ã“ã‚Œã‚‰éžãƒ¢ãƒ†ç³»ã®APIã‚‚å«ã‚ã¦HTML5ã ã€‚ æœ¬ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯ã€ã‚ã‚ŠããŸã‚Šã®ãƒ¢ãƒ†ç³»APIã«é£½ããŸãƒžãƒ‹ã‚¢ãªè²´æ–¹ã®ãŸã‚ã«ã€æ™®æ®µã¯é™½ã®å½“ãŸã‚‰ãªã„APIã‚’ä¸€æŒ™ç´¹ä»‹ã™ã‚‹ã€‚ã‚‚ã¡ã‚ã‚“ã€ã©ã‚Œã‹ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹APIã®ã¿ã ã€‚ä»Šã‹ã‚‰ä½¿ãŠã†ã¨æ€ãˆã°ä½¿ãˆãªã„ã“ã¨ã¯ãªã„ã€‚ãã—ã¦ã€W3Cã«ã¦ä»•æ§˜ç–å®šãŒå§‹ã¾ã£ã¦æ—¥ãŒæµ…ã„ãŸã‚ã€æ˜Žæ—¥ã«ã¯ã©ã†ãªã‚‹ã‹åˆ†ã‹ã‚‰ãªã„ã€‚ç„¡ããªã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã—ã€å¤§å¹…ã«å¤‰æ›´ã•ã‚Œã¦ã—ã¾ã†ã‹ã‚‚ã—ã‚Œãªã„ã€‚ä»Šè¦šãˆã¦ã‚‚å½¹ã«ç«‹ãŸ
nanakoso 2013/12/02
web

html

html5

JavaScript
ãƒªãƒ³ã‚¯
WebSocketã€WebRTCã€ãƒ›ãƒ¼ãƒ ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã€W3Cæ¨™æº–åŒ–etc.</br>é€šä¿¡ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç¿’æ€§ã¯ã€Œä½•ã§ã‚‚ã¤ãªãã€â”€â”€ å°æ¾å¥ä½œã•ã‚“
WebSocketã€WebRTCã€ãƒ›ãƒ¼ãƒ ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã€W3Cæ¨™æº–åŒ–etc. é€šä¿¡ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç¿’æ€§ã¯ã€Œä½•ã§ã‚‚ã¤ãªãã€â”€â”€ å°æ¾å¥ä½œã•ã‚“ å°æ¾ å¥ä½œï¼ˆNTTã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºï¼‰ ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ç¬¬äºŒå¼¾ã¯ã€å°æ¾å¥ä½œã•ã‚“ã€‚NTTã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºã§HTML5ã€ç‰¹ã«WebSocketã‚„WebRTCãªã©ã®é€šä¿¡ç³»ã®ç ”ç©¶é–‹ç™ºã€W3Cã®æ¨™æº–åŒ–æ´»å‹•ã«æºã‚ã£ã¦ã„ã¾ã™ã€‚é€šä¿¡æŠ€è¡“ã®ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã§ã‚ã‚‹å°æ¾ã•ã‚“ã«ã€ã“ã‚Œã¾ã§ã®ã‚ãƒ£ãƒªã‚¢ã¨æœ€è¿‘ã®æ´»å‹•ã‚’èžãã¾ã—ãŸã€‚ Webã®ã‚ªãƒ¼ãƒ—ãƒ³ã«è‡ªç”±ã«ã¤ãªãŒã‚‹ä¸–ç•Œè¦³ãŒå¤§å¥½ã â”€â”€æœ€è¿‘ã€WebSocketã‚„WebRTCãªã©ã®Webé€šä¿¡ç³»ã«åŠ ãˆã¦ã€ãƒ›ãƒ¼ãƒ ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ç³»ã®DLNAï¼ˆDigital Living Network Allianceï¼‰ã«é–¢ã™ã‚‹ç ”ç©¶é–‹ç™ºã‚‚ã•ã‚Œã¦ã„ã‚‹ãã†ã§ã™ãã€‚ é€šä¿¡ç³»ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã£ã¦ã€ä½•ã§ã‚‚ã‹ã‚“ã§ã‚‚ã¤ãªãã®ãŒå¤§å¥½ããªã‚“ã§ã™ã€‚é€šä¿¡ç³»ã®APIã£ã¦ã“ã¨ã§ã€WebS
nanakoso 2013/08/21
html5

WebRTC
ãƒªãƒ³ã‚¯
HTML5ã§çµ„ã‚“ã§ã‚‹ãªã‚‰ã“ã®é”æ³•ã®jsã‚‚å…¥ã‚Œã¦ãŠã‘ã£ã¦ã„ã†è©±
ç¾åœ¨ã€A!@attripã•ã‚“ç™ºã§è©±é¡Œã«ãªã£ã¦ã„ã‚‹ã€ŒãŸã£ãŸ2è¡Œã§IE5.5ï½žIE8ã‚’ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®æŒ™å‹•ã«ã™ã‚‹é”æ³•ã®JSã€ã¨ã„ã†è¨˜äº‹ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ç•Œéšˆã§ã¯å½“ãŸã‚Šå‰ã®ã‚‚ã®ã§ã™ãŒã€å®Ÿã¯ã‚‚ã†ã²ã¨ã¤è¿½åŠ ã—ã¦ãŠãã¨ã„ã„ã‹ã‚‚ã—ã‚Œãªã„jsãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ Photo:html5 By michael pollak IE8ä»¥å‰ã®ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã©ã†ã«ã‚‚ã“ã†ã«ã‚‚é–‹ç™ºè€…æ³£ã‹ã›ãªã‚ã‘ã§ã™ãŒã€ie9.jsã¨css3-mediaqueries.jsã‚’çªã£è¾¼ã‚€ã“ã¨ã§ã€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã¨åŒã˜æŒ™å‹•ã«ã™ã‚‹ã“ã¨ãŒã§ãã¡ã‚ƒã„ã¾ã™ã€‚ ã‚‚ã†å°‘ã—å…·ä½“çš„ã«æ›¸ãã¨ã€ie9.jsã‚’çµ„ã¿è¾¼ã‚€ã“ã¨ã§ã€ position:fixed;ã«å¯¾å¿œ max-widthã€max-heightã«å¯¾å¿œ å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã«å¯¾å¿œ margin:0 auto;ã§ã®ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã«å¯¾å¿œ é€éŽPNGã«å¯¾å¿œ opacityã«å¯¾å¿œ ã¨ã„ã£ãŸã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚è¦ã¯CS
nanakoso 2012/12/03
html5

IE

JavaScript

css

html

tips
ãƒªãƒ³ã‚¯
Google ãŒã¾ã Flash ã‚’ä½¿ã£ã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã§ã¿ã‚‹è„± Flash ã®é›£ã—ã• - ã¦ã£ãç…®ãƒ–ãƒã‚°
Flash, HTML5ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ™®åŠãŒé€²ã‚€ä¸ã€iPhone ã«ã¯ Flash ãŒæè¼‰ã•ã‚Œãšã€Android ç‰ˆ Flash ã¯é–‹ç™ºåœæ¢ã«ãªã‚‹ãªã©ã€é…ã‹ã‚Œæ—©ã‹ã‚Œ Web ä¸Šã‹ã‚‰ Flash ãŒæ¶ˆãˆã¦ã„ãã€ãƒªãƒƒãƒãªè¡¨ç¾ã¯ HTML5 ã«ç½®ãæ›ã‚ã£ã¦ã„ãã“ã¨ã¯ç¢ºå®Ÿã¨ãªã‚Šã¾ã—ãŸã€‚ã€Œã“ã‚Œã‹ã‚‰ã¯ HTML5 ã ã€ã¨ã„ã†å°è±¡ã‚’ä¸–é–“ã«å¼·ãä¸ŽãˆãŸã®ãŒã€2009 å¹´ã® Google I/O ã§ã—ãŸã€‚Google I/O 2009 ãƒ¬ãƒãƒ¼ãƒˆ ã‚°ãƒ¼ã‚°ãƒ«ãŒè³ã‘ã‚‹HTML 5ã®æœªæ¥ âˆ’ ï¼ IT Google ã¯ãã‚Œä»¥é™ã€å¤šãã®ã‚µãƒ¼ãƒ“ã‚¹ã« HTML5 ã‚’å–ã‚Šå…¥ã‚Œã¦ãã¾ã—ãŸã€‚ã—ã‹ã—ã€ã„ã¾ã ã« Flash ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ãŒã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ HTML5 åŒ–ã—ã¦ã„ãªã„ã€ã¾ãŸã¯ã€ã§ãã¦ã„ãªã„ 5 ã¤ã® Google ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’é€šã—ã¦ã©ã®ã“ã§ Flash ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã‹ãªãœ Flash ãŒä½¿ã‚ã‚Œã¦
nanakoso 2012/02/28
google

html5

flash
ãƒªãƒ³ã‚¯
HTML5: img è¦ç´ ã® alt å±žæ€§ ã®ä»•æ§˜ â€“ attosoft.info
æ¦‚è¦ alt å±žæ€§ã«æŒ‡å®šã™ã‚‹ä»£æ›¿ãƒ†ã‚ã‚¹ãƒˆ ç©ºæ–‡å—åˆ—ã®ä»£æ›¿ãƒ†ã‚ã‚¹ãƒˆ alt å±žæ€§ã®çœç•¥ é–¢é€£ãƒªãƒ³ã‚¯ è¨‚æ£ï¼šHTML4/XHTML ã® alt å±žæ€§ã«ã¤ã„ã¦ æ¦‚è¦ HTML5 ã§ã¯ img è¦ç´ ã® alt å±žæ€§ã®ä»•æ§˜ãŒå¤§å¹…ã«å¤‰æ›´ã•ã‚Œã€HTML4/XHTML ã¨æ¯”è¼ƒã™ã‚‹ã¨å®šç¾©ãŒã‹ãªã‚Šè©³ç´°åŒ–ã•ã‚Œã¦ã„ã‚‹ã€‚ HTML5 ã«ãŠã‘ã‚‹ alt å±žæ€§ ã®ä»•æ§˜ã‚’æ¦‚ç•¥ã™ã‚‹ã¨æ¬¡ã®ã‚ˆã†ã«ãªã‚‹ã€‚ alt å±žæ€§ã«ã¯ç”»åƒã‚’ç½®æ›å¯èƒ½ãªè©³ç´°ãªä»£æ›¿ãƒ†ã‚ã‚¹ãƒˆã‚’æŒ‡å®šã™ã‚‹ HTML4/XHTML ã® alt å±žæ€§ã¯çŸã„èª¬æ˜Ž (alt ãƒ†ã‚ã‚¹ãƒˆ) ã ã£ãŸãŒ HTML5 ã® alt å±žæ€§ã¯é•·ã„èª¬æ˜Ž (title å±žæ€§ã‚ˆã‚Šã¯ longdesc å±žæ€§ã«è¿‘ã„ (â€»)) ç”»åƒã®æƒ…å ±é‡ â‰’ alt å±žæ€§ã«æŒ‡å®šã™ã‚‹ä»£æ›¿ãƒ†ã‚ã‚¹ãƒˆã®æƒ…å ±é‡ ç‰¹å®šã®æ¡ä»¶ã‚’æº€ãŸã›ã° alt å±žæ€§ã‚’çœç•¥ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ â€» HTML5 ã®ä»•æ§˜ã¯ãƒ¯ãƒ¼ã‚ãƒ³ã‚°ãƒ‰ãƒ©ãƒ•ãƒˆã§ã¾ã å‹§å‘Šã•ã‚Œã¦
nanakoso 2011/11/15
ç”»åƒ

html5
ãƒªãƒ³ã‚¯
1