[B! HTML5] jdashã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

jdash id:jdash

HTML5ã«é–¢ã™ã‚‹jdashã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

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

ã€Webåˆ¶ä½œã€‘Google CodeãŒçµ‚äº†â†’html5shivã§IE8ã®HTML5å¯¾å¿œã—ã¦ã„ã‚‹äººã¯æ³¨æ„ï¼
æ¦‚è¦ â–¶ IE8ã®HTML5å¯¾å¿œã¨ã—ã¦html5shivã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’Google Codeã‹ã‚‰ãƒãƒ¼ãƒ‰ã—ã¦ã„ã‚‹æ–¹ã¯HTMLã‚’ä»Šã™ãå¤‰æ›´ã—ã¾ã—ã‚‡ã†ã€‚ä»–ã®CDNã‚‚ã‚ã‚Šã¾ã™ã€‚ ç”»åƒå‡ºå…¸ï¼šGoogle Code Google CodeãŒã‚¹ãƒ‘ãƒ ã‚„æ‚ªè³ªãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãŸã‚ã«2016å¹´1æœˆ25æ—¥ã«çµ‚äº†ã™ã‚‹ã¨ã„ã†ãƒ‹ãƒ¥ãƒ¼ã‚¹ãŒ3æœˆã«ã‚ã‚Šã¾ã—ãŸã€‚ ç±³Googleã¯3æœˆ12æ—¥ï¼ˆç¾åœ°æ™‚é–“ï¼‰ã€é–‹ç™ºè€…å‘ã‘ã«APIãªã©ã‚’æä¾›ã—ãŸã‚Šã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€ŒGoogle Codeã€ã‚’æ¥å¹´1æœˆã«é–‰éŽ–ã™ã‚‹ã¨ç™ºè¡¨ã—ãŸã€‚åŒæ—¥ã€æ–°ãŸãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä½œæˆã¯ã§ããªããªã£ãŸã€‚ ã€ŒGoogle Codeã€ã€2016å¹´1æœˆ25æ—¥ã«é–‰éŽ–ã¸ã€€GitHubã¸ã®ç§»è¡Œã‚’å¥¨åŠ± - ITmedia ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º ãã®æ™‚ã¯ã€Œé–‹ç™ºè€…å‘ã‘ã®ãƒšãƒ¼ã‚¸ãŒé–‰éŽ–ã‹ã€åˆ¥ã«é–‹ç™ºè€…ã§ã¯ãªã„ã—â€¦ï¼ˆãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ã‚¢ãƒƒãƒ—ã—ã¦ã„ã‚‹ã‚ã‘ã§ã‚‚ãªã„ã—ï¼‰ã€ã¨ã„ã†
jdash 2015/04/17
ã€æ›¸ã„ãŸã€‘IE8ã®HTML5å¯¾å¿œã‚’ã•ã‚Œã¦ã„ã‚‹æ–¹ã¯è¦æ³¨æ„ã§ã™ã€‚ãªãŠç§ã‚‚å½±éŸ¿ãŒã‚ã‚Šã¾ã—ãŸï¼ˆç¬‘ï¼‰

HTML

Webåˆ¶ä½œ

HTML5

ie

Google_Code

ã‚¹ã‚¯ãƒªãƒ—ãƒˆ
ãƒªãƒ³ã‚¯
HTML5 ã¨ SVG ã§è€ƒãˆã‚‹ã€ã“ã‚Œã‹ã‚‰ã®ç”»åƒã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£
7. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http:// www.w3.org/1999/xlink" viewBox="0 0 100 100"> <path d="M0,42.197C0,18.892,18.892,0,42.197 ... "/> <rect x="0" y="20" width="10" height="10"/> <polygon points="81.098,61.017 88.796,76.614 ... "/> <text>Lorem ipsum dolor</text> </svg>
jdash 2015/03/07
SVG

Webåˆ¶ä½œ

HTML5

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ¼
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ã®æ›´æ–°æ—¥æ™‚ã‚’HTML5ã®timeã‚¿ã‚°ã‚’ä½¿ç”¨ã—ã¦è¡¨ç¾ã™ã‚‹æ–¹æ³•ã€ŠMovable Typeç·¨ã€‹
æ¦‚è¦ â–¶ timeã‚¿ã‚°ã¯æ—¥æ™‚ã‚’è¡¨ã™ã‚¿ã‚°ã§ã™ã€‚Movable Typeã§ãƒšãƒ¼ã‚¸ã®æ›´æ–°æ—¥æ™‚ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ã§æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã‚„é–²è¦§è€…ãŒã“ã®ãƒšãƒ¼ã‚¸ã®æƒ…å ±ã¯æ–°ã—ã„ã®ã‹å¤ã„ã®ã‹ãŒåˆ†ã‹ã‚Šä¾¿åˆ©ã§ã™ã€‚ â—ãƒšãƒ¼ã‚¸ã®å…¬é–‹æ™‚é–“ã‚„æ›´æ–°æ™‚é–“ã¯Googleã®æ¤œç´¢çµæžœã«è¡¨ç¤ºã•ã‚Œã‚‹æ—©é€Ÿæœ¬é¡Œã§ã™ãŒã€ãƒšãƒ¼ã‚¸ã®å…¬é–‹æ—¥æ™‚ã‚„æ›´æ–°æ—¥æ™‚ã‚’HTMLã‚¿ã‚°ã§ãƒšãƒ¼ã‚¸å†…ã«æ›¸ã„ã¦ãŠãã¨ã€Googleã§æ¤œç´¢ã™ã‚‹éš›ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã‚ˆã€ã¨ã„ã†ãŠè©±ã€‚ ãƒ‘ãƒƒã¨è¦‹ã§ã€æ–°ã—ã„æƒ…å ±ã‹ã€å¤ã„æƒ…å ±ã‹ãŒã™ãåˆ†ã‹ã£ã¦ä¾¿åˆ©ã§ã™ãã€‚ ä»¥ä¸‹ã®ç”»åƒã¯ã€ŒæŽˆä¸Žå“è¢‹ã€ã§æ¤œç´¢ã—ãŸçµæžœã€‚ ã‚¹ãƒ‹ãƒšãƒƒãƒˆã®éƒ¨åˆ†ã«ã€Œ2010/50/21ã€ã¨æ—¥ä»˜ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¯ã€æŽˆä¸Žå“è¢‹ãƒ»æ‰‹æã’ç´™è¢‹ãƒ»ãŸã¨ã†ç´™ï¼ˆå‰ç”°å°åˆ·æ‰€ï¼‰ã®ãƒšãƒ¼ã‚¸ã®ãƒ•ãƒƒã‚¿ãƒ¼éƒ¨åˆ†ã«ã‚ã‚‹ã€Œå…¬é–‹æ™‚é–“ã€ãŒåæ˜ ã•ã‚Œã¦ã„ã¾ã™ã€‚æ¨ªã«æ›´æ–°æ™‚é–“ã‚‚ã‚ã‚Šã¾ã™ãŒã€ãã“ã®æ—¥æ™‚ã¯Googleã®æ¤œç´¢çµæžœã§ã¯å‡ºã¦ãã¦ã„ã¾ã›ã‚“ã€‚ ã¤ã¾ã‚Šã€æ¤œç´¢çµæžœã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ãŒã§ãã‚‹
jdash 2015/02/27
ãƒ–ãƒã‚°æ›¸ã„ãŸã€‚ã‚ªãƒ¼ãƒ—ãƒ³ãƒ‡ãƒ¼ã‚¿ã§ã‚‚ãã†ã§ã™ã‘ã©æƒ…å ±ã‚’å‡ºã™ã¨ãã«æ©Ÿæ¢°çš„ã«åˆ†ã‹ã‚‹æ„å‘³ã¥ã‘ã‚’ã‚ãƒãƒ³ã¨ã‚„ã£ã¦ã„ãï¼ˆã‚¿ã‚°ä»˜ã‘ï¼‰ãŒå¤§äº‹ã«ãªã£ã¦ã„ã¾ã™ãã€‚

HTML5

HTML

æ¤œç´¢

movabletype
ãƒªãƒ³ã‚¯
Firefoxã§YouTubeå‹•ç”»ã‚’å€é€Ÿå†ç”Ÿã—ã‚ˆã†
â˜…ã–ã£ãã‚Šè¨€ã†ã¨YouTubeã§ã¯å‹•ç”»ã®é€Ÿåº¦ã‚’2å€ã¾ã§é€Ÿãã§ãã‚‹Firefoxã§ã¯Flashãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã§ã®å†ç”Ÿã«ãªã£ã¦ã„ã‚‹ã¨ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§å‡ºã¦ã“ãªã„Flashãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®å†ç”Ÿã‹ã‚‰å¤‰æ›´ã™ã‚‹ã®ã¯HTML5å‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®ãƒšãƒ¼ã‚¸ã§è¡Œã† â—YouTubeå‹•ç”»ã‚’æ™‚çŸã§è¦‹ã¾ã—ã‚‡ã†ã¨ã„ã†ã“ã¨ã§DTP Transitã§YouTubeå‹•ç”»ã‚’æ™‚çŸã§è¦‹ã‚ˆã†ã¨ã„ã†è¨˜äº‹ãŒã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€Chromeä»¥å¤–ã¯ãƒ€ãƒ¡ã¨ã®ã“ã¨ã€‚ ç§ã®ç’°å¢ƒï¼ˆOS X Mavericksï¼‰ã§ã¯ã€Google Chromeã®ã¿ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ã§ã€Firefoxã‚„Safariã§ã¯å®Ÿç¾ã§ãã¾ã›ã‚“ã§ã—ãŸã€‚ YouTubeãŒã€Œæ—©èžãå†ç”Ÿã€ã‚’ã‚µãƒãƒ¼ãƒˆ - DTP Transitï¼ˆMac OS X, OS X Mavericks, å‹•ç”»ï¼‰ãˆï¼Ÿã€€Firefoxã§ä»¥å‰ã‹ã‚‰ã§ãã¦ã„ã¾ã™ãŒâ€¦ã¨æ€ã£ã¦èª¿ã¹ã¦ã¿ãŸã‚‰ã€Firefoxã§ã¯è¨å®šæ¬¡ç¬¬ã§å¤‰ã‚ã£ã¦ãã‚‹ã‚ˆ
jdash 2015/01/08
ãƒ–ãƒã‚°æ›¸ã„ãŸã€‚YouTubeã§ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚„ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚’è¦‹ã‚‹ã¨ãã¯ï¼’å€é€Ÿã¨ã¯è¨€ã‚ãšã¨ã‚‚ã€ã¡ã‚‡ã£ã¨æ—©ã„é€Ÿåº¦ã§å†ç”Ÿã™ã‚‹ã¨æ™‚çŸã§åŠ¹çŽ‡ã‚ˆãæƒ…å ±åŽé›†ã§ãã‚‹ã‹ã‚‚ãã€‚ãƒã‚¤ãƒ³ãƒˆã¯HTML5å‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã€‚

YouTube

Firefox

å‹•ç”»

Flash

HTML5
ãƒªãƒ³ã‚¯
ã€Webåˆ¶ä½œã€‘HTML5ã®videoã‚¿ã‚°ã«ã¯MP4å½¢å¼å‹•ç”»ã ã‘æŒ‡å®šã™ã‚Œã°ã‚ˆã„ï¼ˆIE8å¯¾å¿œï¼‰ï¼ 2014å¹´æœ«
æ¦‚è¦ â–¶ 2014å¹´æœ«ã§ã¯ã»ã¨ã‚“ã©ã®ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ãŒMP4å½¢å¼ã®å‹•ç”»ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚videoã‚¿ã‚°ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã«ãªã‚Šã¾ã™ã€‚éžå¯¾å¿œã®IE8ã¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã®æ´»ç”¨ã‚’ã€‚ â—videoã‚¿ã‚°ã¯è¤‡æ•°ã‚½ãƒ¼ã‚¹ãŒè¨å®šã§ãã¦ä¾¿åˆ©HTML5ã®videoã‚¿ã‚°ã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ãã“ã¨ã§è¤‡æ•°ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚½ãƒ¼ã‚¹ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ <video> <source src="example.mp4"> <source src="example.webm"> <img src="example.gif"> </video> ä¸Šè¨˜ã®ä¾‹ã ã¨ã€ æœ€åˆã«ã€Œexample.mp4ã€ã®å†ç”Ÿã‚’ãƒˆãƒ©ã‚¤ ã€Œexample.mp4ã€ã‚’å†ç”Ÿã§ããªã„å ´åˆã€ã€Œexample.webmã€ã®å†ç”Ÿã®ãƒˆãƒ©ã‚¤ ã€Œexample.webmã€ã‚’å†ç”Ÿã§ããªã„å ´åˆã€ã€Œexample.gifã€ã‚’è¡¨ç¤ºã¨ãªã‚Šã¾ã™ã€‚ ç°¡å˜ãªæ›¸ãæ–¹ã§ã€å†ç”Ÿã§ããªã„å ´åˆã®è¤‡æ•°ã®ã‚½ãƒ¼ã‚¹ã®æŒ‡å®š
jdash 2014/12/16
ãƒ–ãƒã‚°æ›¸ã„ãŸã€‚å‹•ç”»è¡¨ç¤ºã®ãŸã‚ã®HTMLã‚‚ãšã„ã¶ã‚“ç°¡å˜ã«ãªã‚Šã¾ã—ãŸãã€‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’ä½œã£ã¦ãã‚Œã¦ã„ã‚‹æ–¹ã«æ„Ÿè¬ã§ã™(^^) ã“ã‚Œãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã®è¨å®šæ¬¡ç¬¬ã§ã¯Flashå¼·åˆ¶ã§ãã‚‹ã®ãï¼ˆå³ã‚¯ãƒªã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰é˜²æ¢ã®ãŸã‚ã«ï¼‰

HTML5

å‹•ç”»

webåˆ¶ä½œ

WebM
ãƒªãƒ³ã‚¯
input type=â€numberâ€ã®è½ã¨ã—ç©´ â€“ â€œnumberâ€ã‚’ä½¿ã†ã¨å…ˆé ã®0ãŒèªè˜ã•ã‚Œãªã„ | PLUSTRiCK
html5ã«ãªã‚Šã€input typeã«ã‚‚ã„ã‚ã„ã‚ãªå±žæ€§ãŒè¿½åŠ ã•ã‚Œã¾ã—ãŸã€‚è‡ªåˆ†ã®å ´åˆã¯ä¸»ã«ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã«ã€typeå±žæ€§ã®å ´åˆåˆ†ã‘ã‚’è¡Œã£ã¦ã„ãŸã‚ã‘ã§ã™ãŒã€ã“ã“ã§æ„å¤–ãªè½ã¨ã—ç©´ãŒç™ºè¦šã€‚ ãªã‚“ã¨type=â€numberâ€ã«ã—ã¦ã—ã¾ã†ã¨ã€å…ˆé ã®ã€Œ0ã€ãŒèªè˜ã•ã‚Œã¾ã›ã‚“ã§ã—ãŸã€‚ ç™ºè¦šã—ãŸã®ã¯ã‚½ã‚·ãƒ£ã‚²ãƒ¼ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ã‚„ã£ã¦ã„ãŸã¨ãã®ã“ã¨ã€‚ é›‘èªŒã«ã¤ã„ã¦ã„ã‚‹ã‚·ãƒªã‚¢ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’å…¥åŠ›ã™ã‚‹ã¨ã€ã‚²ãƒ¼ãƒ å†…ã®ç‰¹å®šã‚¢ã‚¤ãƒ†ãƒ ãŒã‚‚ã‚‰ãˆã‚‹ã¦ããªã‚¢ãƒ¬ã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã‹ã‚‰ã®ã‚¯ãƒ¬ãƒ¼ãƒ ã¯ã‚·ãƒªã‚¢ãƒ«ã‚³ãƒ¼ãƒ‰å…¥åŠ›æ™‚ã«ã€ãŸã¾ã«èªè¨¼å¤±æ•—ã§ã‚¨ãƒ©ãƒ¼ãŒå‡ºã‚‹ã¨ã„ã†ã“ã¨ã€‚ formã®input typeã‚’èª¿ã¹ã¦ã„ãã¨type=â€numberâ€ã‚’è¨å®šã™ã‚‹ã¨ã€æ•°å—ã®å…ˆé ãŒã€Œ0ã€ã§å§‹ã¾ã£ã¦ã„ã‚‹ã¨ã€ã€Œ0ã€ã®éƒ¨åˆ†ã¯ã€Œç„¡ã—ã€ã¨ã„ã†èªè˜ã«å¤‰ã‚ã£ã¦ã—ã¾ã†ã‚ˆã†ã§ã™ã€‚ type=â€numberâ€ã‹ã‚‰type=â€textâ€ã«å¤‰æ›´ã—ãŸã‚‰ã‚³ãƒ¼ãƒ‰ãŒé€šã£ãŸã®ã§ã€åŽŸå› ã¯æã‚‰ãã“
jdash 2014/07/07
é›»è©±ç•ªå·ã¨ã‹éƒµä¾¿ç•ªå·ã§ä½¿ã£ã¦ãƒãƒžã£ãŸï¼ˆåŒ—æµ·é“ã®éƒµä¾¿ç•ªå·ã¯å…ˆé ã«0ãŒãã‚‹ã®ã§ï¼‰

HTML5

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
ãªãœ Web Components ã¯ã‚¦ã‚§ãƒ–é–‹ç™ºã«é©å‘½ã‚’èµ·ã“ã™ã®ã‹
ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«é–¢ã‚ã‚‹æ–¹ãªã‚‰ã€ã‚‚ã† Web Components ã¨ã„ã† è¨€è‘‰ã‚’å…¨ãè´ã„ãŸã“ã¨ãŒãªã„æ–¹ã¯å°‘ãªã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã‹ã€‚ ã™ã§ã«é–¢é€£è¨˜äº‹ã‚‚æ•°å¤šãå‡ºå›žã£ã¦ãŠã‚Šã€å®Ÿéš›ã«è§¦ã‚Šå§‹ã‚ã¦ã„ã‚‹æ–¹ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ ã—ã€ãªãœã“ã‚ŒãŒé©å‘½çš„æŠ€è¡“ãªã®ã‹ã€å‘¨å›²ã®äººã«ç°¡æ½”ã«èª¬æ˜Žã§ãã‚‹æ–¹ã¯ã©ã‚Œãã‚‰ã„ã„ã‚‹ã§ ã—ã‚‡ã†ã‹ï¼Ÿã“ã®è¨˜äº‹ã§ã¯ã€ãã‚Œã‚’è©¦ã¿ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ‡ã‚¸ã‚¿ãƒ«éƒ¨å“ã®æµé€šé©å‘½ # ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢éƒ¨å“ã®æµé€šã«ä»Šã€å¤§ããªå¤‰åŒ–ãŒèµ·ãã¦ãã¦ã„ã¾ã™ã€‚ æ•°å¹´å‰ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ç’°å¢ƒã‚’è¦šãˆã¦ã„ã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿãƒ¬ãƒã‚¸ãƒˆãƒªã¯é›†ä¸ç®¡ç†åž‹ã® subversionã€ãƒªãƒªãƒ¼ã‚¹ã¯ zipã€ãƒ†ã‚¹ãƒˆã¯æ‰‹å‹•ã€‚Issue ã®ç™»éŒ²ã‚‚ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã”ã¨ã«ã“ã¨ãª ã‚‹ãƒã‚°ç®¡ç†ã‚·ã‚¹ãƒ†ãƒ ãŒä½¿ã‚ã‚Œã¦ã„ãŸãŸã‚ã€ã¨ã£ã¤ãã¥ã‚‰ã‹ã£ãŸã§ã—ã‚‡ã†ã—ã€ãƒ‘ãƒƒãƒã‚’é€ã‚‹ ã®ã‚‚é¢å€’ã§ã—ãŸã€‚ ãã‚“ãªã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚’å–ã‚Šå·»ãç’°å¢ƒãŒã€git ã‚„ GitH
jdash 2014/05/20
æ–œã‚èªã¿ã§ã™ãŒã€CMSâ€¦ä¾‹ãˆã°MovableTypeã«ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å…¥ã‚Œã¦ã€<mt:HTMLminifier>ã¿ãŸã„ãªæ–°ã—ã„MTMLã‚¿ã‚°ãŒã§ãã‚‹æ§˜ãªã‚‚ã®ã‹ã€‚ä¾¿åˆ©ã§ã„ã„ã˜ã‚ƒã‚“ã€‚

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
HTML5ã®ãƒ•ã‚©ãƒ¼ãƒ ã®å±žæ€§ã§ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›ã®ãƒã‚§ãƒƒã‚¯æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¦å¿«é©ãªãƒ•ã‚©ãƒ¼ãƒ ã«
æ¦‚è¦ â–¶ ãƒ•ã‚©ãƒ¼ãƒ ã«å…¥åŠ›ã—ã¦ã€Œé€ä¿¡ã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ã€ãƒšãƒ¼ã‚¸ãŒåˆ‡ã‚Šæ›¿ã‚ã£ãŸã¨æ€ã£ãŸã‚‰ã€Œå…¥åŠ›ãƒŸã‚¹ãŒã‚ã‚Šã¾ã™ã€ã¨è¡¨ç¤ºã•ã‚Œã‚‹ã®ã¯èª°ã ã£ã¦å«Œãªã‚‚ã®ã€‚HTML5ãªã‚‰é€ä¿¡å‰ã®ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒã‚§ãƒƒã‚¯ã¯ã‚¹ã‚¯ãƒªãƒ—ãƒˆä¸è¦ã§ã§ãã‚‹ã®ã§ã™ã€‚ ã“ã®ãƒ–ãƒã‚°ã®ãƒ•ãƒƒã‚¿ãƒ¼éƒ¨åˆ†ã«ã¯ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’é€ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®ãƒ•ã‚©ãƒ¼ãƒ ã§ä½•ã‚‚æ›¸ã‹ãšã«ã€Œç¢ºèªã™ã‚‹ã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ã¦ãƒ•ã‚©ãƒ¼ãƒ é€ä¿¡ã—ãŸã‚‰ã©ã†ãªã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚ ãƒšãƒ¼ã‚¸ãŒç§»å‹•ã—ã¦ï¼ˆç”»é¢ãŒé·ç§»ã—ã¦ï¼‰ã‚¨ãƒ©ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã€Œåå‰ã‚’å…¥åŠ›ã—ã¦ä¸‹ã•ã„ã€ã€Œãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’å…¥åŠ›ã—ã¦ä¸‹ã•ã„ã€ã¨ã„ã†ã‚¨ãƒ©ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã“ã†ã„ã†ãƒ‘ã‚¿ãƒ¼ãƒ³ã€ä¸€æ˜”å‰ã«ã¯ã‚ˆãã‚ã‚Šã¾ã—ãŸã‚ˆãã€‚ãƒ•ã‚©ãƒ¼ãƒ é€ä¿¡ã—ãŸå¾Œã«ã‚¨ãƒ©ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ã€‚ ä¸€æ˜”å‰ã®ãƒ•ã‚©ãƒ¼ãƒ ã§ã‚ã‚Œã°ã€ã“ã‚Œã§ã‚‚ä»•æ–¹ãŒç„¡ã„ã®ã§ã™ãŒã€HTML5ã®æ™‚ä»£ã§ã™ã€‚ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«å±žæ€§ã‚’ä»˜ã‘ã‚‹ã ã‘ã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã‚’é€ä¿¡ã™ã‚‹å‰ã«ã‚¨ãƒ©ãƒ¼ã®ãƒã‚§ãƒƒã‚¯ãŒã§ãã‚‹ã®ã§ã™ã€‚ å±žæ€§ã¯5ç§’ä»¥å†…ã§
jdash 2014/04/24
ãƒ–ãƒã‚°æ›¸ã„ãŸã€‚ãƒšãƒ¼ã‚¸ç§»å‹•ã—ãŸå¾Œã«ã€Œã‚¨ãƒ©ãƒ¼ã§ã™ã€ã¯ã‚‚ã†å¤ã„ã€‚ãƒ•ã‚©ãƒ¼ãƒ ã‚’é€ä¿¡ã™ã‚‹å‰ã«è‡ªå‹•çš„ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ãã‚Œã¦é€ä¿¡ã‚’æŠ‘åˆ¶ã—ã¦ãã‚Œã¾ã™ã€‚ç°¡å˜ãªã®ã§ãŠè–¦ã‚ã€‚ã£ã¦ã‹emailã¯ã‚¹ãƒžãƒ›ç”¨ã«ã¯å¿…é ˆã§ã™ãã€‚

HTML5

HTML

ãƒ•ã‚©ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
http://dtp.jdash.info/archives/Firefox%E3%81%A7Flash%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%8C%E5%BF%9C%E7%AD%94%E3%81%AA%E3%81%97%E3%81%AB%E3%81%AA%E3%82%8B%E5%A0%B4%E5%90%88%E3%81%AF%E3%80%81YouTube%E5%8B%95%E7%94%BB%E3%83%97%E3%83%AC%E3%82
jdash 2013/12/13
ãƒ–ãƒã‚°æ›¸ã„ãŸã€‚Chromeã§ã¯ãã†ã„ã†ã“ã¨ãŒã‚ã¾ã‚Šãªã„ã®ã§Flashã®å•é¡Œã¨ã„ã†ã‚ˆã‚ŠFirefoxã¨Flashã®ç›¸æ€§å•é¡Œãªã‚“ã ã‚ã†ã‘ã©ã€æ—©ãè§£æ±ºã—ãªã„ã‹ãªã€‚

Flash

Firefox

YouTube

HTML5
ãƒªãƒ³ã‚¯
HTML5ã§DRMã£ã¦ã‚¢ãƒªãªã®ï¼Ÿã€œèª°ã‚‚æ•™ãˆã¦ãã‚Œãªã„ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹æ™‚ä»£ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ä¿è·ã€‚ãã®ç¾çŠ¶ã¨å±•æœ›
ãƒ–ãƒ©ã‚¤ãƒˆã‚³ãƒ¼ãƒ–å…±å‚¬ã‚»ãƒŸãƒŠãƒ¼ã€ŒçŸ¥ã£ã¦ãŠãã¨å¿…ãšå¾—ã™ã‚‹ã‚¯ãƒ©ã‚¦ãƒ‰ä¸Šã§ã®å‹•ç”»ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼/å°è¦æ¨¡ã‹ã‚‰å¤§è¦æ¨¡ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¾ã§ã‚«ãƒãƒ¼ã™ã‚‹æ¬¡ä¸–ä»£ã®å‹•ç”»ç®¡ç†æ–¹æ³•ã€ http://go.brightcove.com/content/ja-20131209 Adobeæ‹…å½“åˆ†ï¼ˆDRMã¾ã‚ã‚Šï¼‰ã®è³‡æ–™ã§ã™Read less
jdash 2013/12/10
DRMã«é–¢ã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰15æžšç›®ã®SNSã ã£ãŸã‚‰æƒ…å ±ã®ã€Œå…¬é–‹ç¯„å›²ã€ã‚’æ±ºã‚ãŸã„ã®ã¯å½“ç„¶ã§ã¯ï¼Ÿã¨ã„ã†ã®ãŒã‚ã‹ã‚Šã‚„ã™ãè…‘ã«è½ã¡ãŸã€‚

DRM

HTML5

Adobe
ãƒªãƒ³ã‚¯
æ–°ã—ã„CSSã®ä»•æ§˜ã‚’è‰²ã€…èª¿ã¹ã¦ã¿ãŸ
ç¬¬3å›žHTML5ãƒ“ã‚®ãƒŠãƒ¼ã‚ºï¼ï¼ˆhttp://atnd.org/events/44530ï¼‰ã®ã€Œæ–°ã—ã„CSSã®ä»•æ§˜ã‚’è‰²ã€…èª¿ã¹ã¦ã¿ãŸã€ã®è³‡æ–™ã§ã™ã€‚ ã€ŽCSS3ã‹ã‚‰æ–°ãŸã«åŠ ã‚ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä»•æ§˜ã®CSS Flexboxã€ Regionsã€Shapesã§ä¸€ä½“ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®ã‹ã€ã”ç´¹ä»‹ã—ãŸã„ã¨ãŠã‚‚ã„ã¾ã™ã€‚ã€ ä»¥ä¸‹ã®CSS3ã®æ–°ã—ã„æ©Ÿèƒ½ã®åˆå¿ƒè€…å‘ã‘è³‡æ–™ã§ã™ã€‚ ãƒ»Flexbox ãƒ»Regions ãƒ»Shapes ãƒ»Multi-column Layout ãƒ»Grid Layout ãƒ»Exclusions Read less
jdash 2013/11/05
ã“ã‚“ãªã‚“ã§ããŸã‚‰é›‘èªŒç³»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯å…¨ã¦CSSã§ã§ãã‚‹ã‚“ã˜ã‚ƒãï¼Ÿ ã“ã‚Œã‚’å…ƒã«EPUB4ã¨ã‹ã§ãã‚‹ã®ã‹ã„ãªã€‚

HTML5

CSS

CSS3

HTML

WEBãƒ‡ã‚¶ã‚¤ãƒ³

é›»åæ›¸ç±

EPUB
ãƒªãƒ³ã‚¯
Flashã€Appleã€JavaScriptã€ãã‚Œãžã‚Œä½•ãŒå•é¡Œãªã®ã‹
teiichi ota @otachan Unityã®Flashå¯¾å¿œæ’¤é€€ã¯è‡ªåˆ†ã®é‹å‘½ã‚’è‡ªåˆ†ã§ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã§ããªã„PFã‚’é¿ã‘ã‚‹ã¨ã„ã†ãµã¤ãƒ¼ã®å®ˆã‚Šã®æˆ¦ç•¥ã€‚Flashè‡ªä½“ã®æœªæ¥ã«ã¯ç›´æŽ¥ç¹‹ãŒã‚‰ã‚“ã‚ˆã€‚ã‚«ã‚¦ãƒ³ãƒˆãƒ€ã‚¦ãƒ³ã ãªã‚“ã è¨€ã£ã¦ã‚“ã®ã¯é›°å›²æ°—ã ã‘ã§ç”Ÿãã¦ã‚‹è¨¼æ‹ ã€‚ãã‚‚ãã‚‚Unity->Flashå¤‰æ›ã®ã‚²ãƒ¼ãƒ è¦‹ãŸã“ã¨ã‚‚ããƒ¼ã ã‚w å°¾é‡Žï¼ˆã—ã£ã½ï¼‰ @tail_y å˜ç´”ã«ä»Šã¾ã§Unityã®ã¿ã ã¨æ™®åŠçŽ‡ç„¡ã„ã‚ˆãã¿ãŸã„ã«è¨€ã‚ã‚Œã¡ã‚ƒã†ã‹ã‚‰ã€FlashPlayerä¸Šã§ã‚‚å‹•ãã¾ã™ã‚ˆã£ã¦è¨€ã£ã¦é–‹ç™ºè€…ã«ã‚¢ãƒ”ãƒ¼ãƒ«ã—ã¦ãŸã¨ã“ã‚ãŒã€æœ€è¿‘UnityPlayerã‚‚æ™®åŠã—ã¦ããŸã—ã€ãã‚‚ãã‚‚Flashæ›¸ãå‡ºã—èª°ã‚‚ä½¿ã£ã¦ãªã„ã‚ˆãã€ã£ã¦ã®ã§ã‚µãƒãƒ¼ãƒˆçµ‚äº†ãªã ã‘ã£ã¦ã®ã¯ã‚ã‚‹ å°¾é‡Žï¼ˆã—ã£ã½ï¼‰ @tail_y ãŒã€ãã‚Œã¨ã¯åˆ¥ã«ã€Adobeã¯ä½•ç„¦ã£ã¦ã€å¤‰ãªãƒ©ã‚¤ã‚»ãƒ³ã‚¹å½¢å¼ã®ç™ºè¡¨ã¨ã‹ã—ã¦ã‚“ã ã‚ˆã£ã¦ã®ã¯ã‚ã‚‹ã€‚ã‚ã‚Œã§å¤‰ãªå ±é“ã•ã‚Œã¡ã‚ƒã†ã—ã€Unityå´ã¸å¿ƒæƒ…çš„
jdash 2013/04/26
å¾ŒåŠã®Safariã®é–‹ç™ºã‚’AppleãŒåœæ»žã•ã›ã‚‹ç†ç”±ãŒã‚ã‚‹ã¨ã„ã†ã®ã¨MobileSafariãŒIE6-8ã¿ãŸã„ã«ãªã‚‹ã£ã¦ã„ã†æŒ‡æ‘˜ã¯ãŠã‚‚ã—ã‚ã„ã€‚ã£ã¦ã‹OSã¨é€£å‹•ã—ã™ãŽã ã‚Safariã€‚å¤ã„OSã‚‚ã‚µãƒãƒ¼ãƒˆã™ã‚‹æ°—ã¯ç„¡ã„ã®ã‹ã€‚

Flash

JavaScript

Apple

HTML5

InternetExplorer
ãƒªãƒ³ã‚¯
hanatoweb.jpÂ -Â ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼Â -Â hanatoweb ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jdash 2013/01/17
ã“ã†ã„ã£ãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ã—ã£ã‹ã‚Šä½œã£ã¦ãŠãã¨ç¤¾å†…ãƒ»ç¤¾å¤–ã§ã‚¦ã‚§ãƒ–åˆ¶ä½œã™ã‚‹ã¨ãã«æ¥½ã«ãªã‚‹ãã€‚å¤§å¤‰è‰¯ã„è³‡æ–™ã§ã™ã€‚

HTML5

HTML

Webåˆ¶ä½œ

ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

è³‡æ–™

web
ãƒªãƒ³ã‚¯
[mayaa-user:921] HTML5ã§aã‚¿ã‚°ãŒãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’å«ã‚€æ™‚ã€ä¸å¯è§£ãªæŒ™å‹•ã‚’ã—ã¾ã™
jdash 2012/04/25
ã€ŽHTML5ã‹ã‚‰ã¯ã€aã‚¿ã‚°ãŒãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’å«ã‚€ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€ãã†ãªã®ã‹ã€‚ãªã‚‹ã»ã©ãã€‚

HTML5

HTML
ãƒªãƒ³ã‚¯
jQueryã§HTML5ã®ç‹¬è‡ªãƒ‡ãƒ¼ã‚¿å±žæ€§ï¼ˆdata Attributesï¼‰ã‚’æ‰±ã†
Posted:Â 2011.07.01Â /Â Category:Â HTML&CSS, javascriptÂ /Â Tag:Â HTML5, jQuery HTMLã«ã¯ã•ã¾ã–ã¾ãªå±žæ€§ãŒã‚ã‚Šã¾ã™ãŒã€HTML5ã‹ã‚‰ã¯dataå±žæ€§ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã§ç‹¬è‡ªã®è¨å®šãŒãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚æœ€è¿‘ã§ã¯jQueryMobileã§ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã€ãŠç›®ã«ã™ã‚‹æ©Ÿä¼šã‚‚å¢—ãˆãŸã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã“ã®è¨˜äº‹ã§ã¯jQueryã‚’ä½¿ç”¨ã—ã¦ã“ã®dataå±žæ€§ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ dataå±žæ€§ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— dataå±žæ€§ã¯ã€Œdata-ã€ä»¥é™ã«æ–‡å—åˆ—ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§è¨å®šã§ãã¾ã™ã€‚ ãŸã¨ãˆã°ã€Œdata-roleã€ã«ã€Œhogeã€ã¨ã„ã†å€¤ã‚’è¨å®šã™ã‚‹å ´åˆã¯ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ html <div data-role="hoge">å¤ªéƒŽ</div> jQueryã§ã“ã®ã€Œhogeã€ã¨ã„ã†å€¤ã‚’å–ã‚Šå‡ºã™ã«ã¯ã€dataãƒ¡ã‚½ãƒƒ
jdash 2012/03/22
ã“ã‚Œã£ã¦dataå±žæ€§ã‚’.data("aaa")ã§èªã¿å–ã‚‹ã‚ˆã†ãªã‚“ã ã‘ã©ã€.attr("data-aaa")ã§èªã¿å–ã£ã¦ã¯ã ã‚ãªã®ã‹ãã€‚

jQuery

HTML5
ãƒªãƒ³ã‚¯
Googleã®æ¤œç´¢çµæžœã«è¡¨ç¤ºã•ã‚Œã‚‹ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆãŒmicrodataã¨RDFaã«å¯¾å¿œ
Googleã®æ¤œç´¢çµæžœã«è¡¨ç¤ºã•ã‚Œã‚‹ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆãŒmicrodataã¨RDFaã«å¯¾å¿œ ãƒã‚¿å…ƒ:Googleã€ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã§ã®URLè¡¨ç¤ºã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’åˆ©ç”¨å¯èƒ½ã« | æµ·å¤–SEOæƒ…å ±ãƒ–ãƒã‚°ãƒ»ãƒ¡ãƒ«ãƒžã‚¬ ã“ã‚Œã¾ã§WEBã‚µã‚¤ãƒˆæ‰€æœ‰è€…ãŒåˆ¶å¾¡ã§ããªã‹ã£ãŸGoogle ã®æ¤œç´¢çµæžœã«è¡¨ç¤ºã•ã‚Œã‚‹ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆãŒmicrodataã¨RDFaã§åˆ¶å¾¡ãŒå¯èƒ½ã«ãªã£ãŸã‚ˆã†ã§ã™ã€‚ ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã¯æ¬¡ã®ã‚ˆã†ã«æ¤œç´¢çµæžœã®URLä¸ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ microdataã§ã®è¨˜è¿° HTML5 ã§ç–å®šã•ã‚Œã¦ã„ã‚‹microdataã¯ã€ç‰¹å®šã®ç¨®é¡žã®æƒ…å ±ï¼ˆãƒ¬ãƒ“ãƒ¥ãƒ¼ã€äººç‰©ã€ã‚¤ãƒ™ãƒ³ãƒˆãªã©ï¼‰ã‚’ãƒ©ãƒ™ãƒ«ä»˜ã‘ã™ã‚‹æ–¹æ³•ã® 1 ã¤ã§ã™ã€‚ <div it emscope it emtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.example.com/dresses" ite
jdash 2011/01/07
ã‚ã‹ã‚Šã‚„ã™ã„ã€‚ã§ã‚‚ã‚„ã£ã¦ã¿ãŸã‚‰divã ã‚‰ã‘ã«ãªã£ã¦ã—ã¾ã£ãŸâ€¦(æ±—

HTML5

ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆ

Google

æ¤œç´¢

SEO
ãƒªãƒ³ã‚¯
https://jp.techcrunch.com/2010/07/01/20100630kindle-html5/
jdash 2010/07/01
ã“ã‚Œã¯çµæ§‹å¤§èƒ†ãªã€‚æœ¬ä½“ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã›ã‚ˆã†ã¨ã™ã‚‹ã¨DRMã‚’ã©ã†ã™ã‚‹ã‹ãŒå•é¡Œã‹ãã€‚

@TechCrunch

é›»åæ›¸ç±

Kindle

HTML5
ãƒªãƒ³ã‚¯
1