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

takeodon id:takeodon

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

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

å†¬ä¼‘ã¿ã«èªã¿è¿”ãã†ï¼2016å¹´ã®å¹´é–“èªã¾ã‚ŒãŸè¨˜äº‹ãƒ©ãƒ³ã‚ãƒ³ã‚°TOP20
HTML5 Experts.jpç·¨é›†éƒ¨ã®ä»²ã§ã™ã€‚ HTML5 Experts.jpã‚‚é–‹è¨ã‹ã‚‰3å¹´5ã‚«æœˆãŒçµŒã¡ã¾ã—ãŸã€‚2016å¹´ã‚‚ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã‚„ã‚³ãƒ³ãƒˆãƒªãƒ“ãƒ¥ãƒ¼ã‚¿ãƒ¼ã®çš†æ§˜ã®ã”å”åŠ›ã®ãŠé™°ã§ã€æ§˜ã€…ãªæŠ€è¡“ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’ã‚¿ã‚¤ãƒ ãƒªãƒ¼ã«è¨˜äº‹ã¨ã—ã¦å–ã‚Šä¸Šã’ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ã¾ãŸã€ç™½çŸ³ç·¨é›†é•·ã¨è±ªè¯ãªãƒ‘ãƒãƒªã‚¹ãƒˆã«ã‚ˆã‚‹å¯¾è«‡ä¼ç”»ã‚„ã€å®Ÿéš›ã«ä¼æ¥ã«ãŠé‚ªé”ã—ã€é–‹ç™ºã‚¹ã‚¿ã‚¤ãƒ«ã«ã¤ã„ã¦ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã€…ã«ç›´æŽ¥è©±ã‚’èžã„ã¡ã‚ƒã†ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ä¼ç”»ã«ã‚‚æŒ‘æˆ¦ã—ã¾ã—ãŸã€‚çš†æ§˜ã€ãŠæ¥½ã—ã¿ã„ã„ãŸã ã‘ã¾ã—ãŸã§ã—ã‚‡ã†ã‹ï¼Ÿ ä»Šå¹´æœ€å¾Œã®è¨˜äº‹ã¯ã€æ’ä¾‹ã®ã€Œ2016å¹´ã®å¹´é–“èªã¾ã‚ŒãŸè¨˜äº‹ãƒ©ãƒ³ã‚ãƒ³ã‚°TOP20ï¼ã€ã‚’ãŠå±Šã‘ã—ã¾ã™ã€‚ã“ã®ãƒ©ãƒ³ã‚ãƒ³ã‚°ã¯ã€è¨˜äº‹å…¬é–‹å¾Œï¼‘é€±é–“ã®é–²è¦§æ•°ã‚’å…ƒã«ä½œæˆã—ã¦ãŠã‚Šã¾ã™ã€‚å†¬ä¼‘ã¿ã«æ°—ã«ãªã‚‹è¨˜äº‹ã‚’èªã¿è¿”ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ ï¼œ1ä½ï¼ž ãƒ¢ãƒã‚¤ãƒ«Webã®UIã‚’é€Ÿãã™ã‚‹åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã‚ã‹ã‚‹â”€â”€Google I/O 2016 High Perfor
takeodon 2016/12/29
HTML5
ãƒªãƒ³ã‚¯
HTML5 History APIã§éžåŒæœŸé€šä¿¡æ™‚ã«URLã‚’å¤‰æ›´ã™ã‚‹æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®åº—é•·ã§ã™ã€‚ å…ˆæ—¥è¨˜äº‹ãŒå‡ºã¦ã¾ã—ãŸãŒæ”¹ã‚ã¦è‡ªå·±ç´¹ä»‹ã—ã¾ã™ã€‚ å¤§å¦å’æ¥å¾Œã¯ã‚«ãƒ•ã‚§ã§ä»•äº‹ã‚’ã—ã¦ã„ãŸã®ã§ã™ãŒã€é€€è·ã—ã¦1å¹´åŠã»ã©Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’ã—ã¦ã„ã¾ã—ãŸã€‚ãã—ã¦ã€LIGã«ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã‚¸ãƒ§ã‚¤ãƒ³ã™ã‚‹ã“ã¨ã«ã€‚ ãŠå¯Ÿã—ã®ã¨ãŠã‚Šã€åº—é•·ã¨ã„ã†ã‚¢ãƒ€åã¯ã‚«ãƒ•ã‚§ã§åƒã„ã¦ã„ãŸãŸã‚ã§ã™ã€‚ ä»Šå¾Œã¨ã‚‚ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ ã•ã¦ã€ä»Šå›žã¯HTML5ã®History APIã«ã¤ã„ã¦ãŠè©±ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ History APIã«ã¤ã„ã¦ History APIã«ã¯ä»¥å‰ã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ã®å±¥æ´ï¼ˆã‚¹ã‚¿ãƒƒã‚¯ï¼‰ã‚’è¡Œãæ¥ã™ã‚‹æ©Ÿèƒ½ãŒã‚ã£ãŸã®ã§ã™ãŒã€HTML5ã§ã•ã‚‰ã«ä»¥ä¸‹ã®ã‚ˆã†ãªæ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚Œã¾ã—ãŸã€‚ ç”»é¢ã‚’é·ç§»ã›ãšã€å±¥æ´ã«æ–°ãŸãªURLã‚’è¿½åŠ ã™ã‚‹ã€‚ ç¾åœ¨ã®ãƒšãƒ¼ã‚¸ã®å±¥æ´ã‚’å¤‰æ›´ã™ã‚‹ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®æˆ»ã‚‹ãƒ»é€²ã‚€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸã¨ãã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’æ¤œçŸ¥ã™ã‚‹ã€‚ ã“ã®ã‚ˆã†ãªæ©Ÿèƒ½ãŒã©ã‚“ãªå ´é¢ã§ä½¿ã‚ã‚Œã¦ã„
takeodon 2016/02/10
html5

history
ãƒªãƒ³ã‚¯
ã€HTML5ã€‘HISTORY APIã€ŒpushState/popStateã€ã‚’ä½¿ã£ã¦ç”»é¢é·ç§»ã—ãªãã¦ã‚‚URLã‚’å¤‰åŒ–ã•ã›ã¦ã€æˆ»ã‚‹ãƒœã‚¿ãƒ³ã®æŒ™å‹•ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ | unitopi - ãƒ¦ãƒ‹ãƒˆãƒ” -
ã€HTML5ã€‘HISTORY APIã€ŒpushState/popStateã€ã‚’ä½¿ã£ã¦ç”»é¢é·ç§»ã—ãªãã¦ã‚‚URLã‚’å¤‰åŒ–ã•ã›ã¦ã€æˆ»ã‚‹ãƒœã‚¿ãƒ³ã®æŒ™å‹•ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ ã“ã‚“ã«ã¡ã¯ã€‚ pushStateã‚„popStateã¨ã„ã†HTML5 HISTORY APIã‚’ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ã€‚ ã‚‚ã¨ã‚‚ã¨history APIã¯å‰ã‹ã‚‰ã‚ã‚Šã€history.back();ãªã©ã§ãƒ–ãƒ©ã‚¦ã‚¶ã®æˆ»ã‚‹ã¨åŒã˜æŒ™å‹•ã‚’ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ä»Šå›žã¯HTML5ã§è¿½åŠ ã•ã‚ŒãŸpushStateã¨popStateã«æ³¨ç›®ã—ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ ã‚ˆãAjaxãªã©ã€ç”»é¢é·ç§»ã‚’ä¼´ã‚ãšã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãªã©ã®å…¥ã‚Œæ›¿ãˆã‚’è¡Œã†éš›ã«æ´»ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ Facebookã®ä¾‹ â€»å€‹äººæƒ…å ±ã®è¦³ç‚¹ã‹ã‚‰ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆãŒã”ç”¨æ„ã§ããšã™ã¿ã¾ã›ã‚“ã€‚ ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãƒšãƒ¼ã‚¸ã§ã¯å·¦å´ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã®ã‚„ã‚Šå–ã‚Šç›¸æ‰‹ã®å†™çœŸãŒä¸¦ã³ã¾ã™ã€‚ ãã‚Œã‚‰ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ãƒ¡ã‚¤ãƒ³ã®ã‚„ã‚Šå–ã‚ŠãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã
takeodon 2015/12/24
pushState

HTML5

history
ãƒªãƒ³ã‚¯
Legco Matrix Brief (English)
We have promised you an English version of our video about the voting patterns of Hong Kong Legislative Council. And here it is. The video is also available on YouTube and Youku. We also translated the sections of news reports explaining the mysteries mentioned in the video, as follows. Why Starry Lee voted against herselfThe diagonal shows how each legislator support their own motions. The more s
takeodon 2015/11/06
HTML5
ãƒªãƒ³ã‚¯
Takazudolog - åœ°ç„ã®videoï¼audioè¦ç´
videoï¼audioã«ãƒãƒžã‚Šã¾ãã£ãŸãƒ¡ãƒ¢ã€‚ä½œã£ã¦ãŸã®ã¯ã€Flashã§ã‚„ã£ã¦ãŸã‚ˆã†ãªã€è¤‡æ•°ã®å‹•ç”»ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã€é€”ä¸ã®é¸æŠžè‚¢ã«ã‚ˆã£ã¦è‰²ã€…å¤‰ãˆãªãŒã‚‰è¦‹ã›ã‚‹ã¨ã„ã†ã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãƒ ãƒ¼ãƒ“ãƒ¼ã¿ãŸã„ãªã®ã€‚ãªã®ã§ã€ãƒãƒ¼ãƒ‰ã«videoã‚’ä½¿ã„ã¾ãã‚‹ã¨ã„ã†æ„å‘³ã§ã€æ™®é€šã«ä¸€æœ¬å‹•ç”»ã‚’è¦‹ã›ã‚‹ã¨ã„ã†ç”¨é€”ã‚ˆã‚Šã‚‚ã‚‚ã£ã¨è‰²ã€…ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã‚ã‘ã ã‘ã‚Œã©ã‚‚ã€ãã†ã§ãªã„å ´åˆã§ã‚‚ã€videoãŒè‰²ã€…åŽ„ä»‹ã§ã‚ã‚‹ã¨ã„ã†ã“ã¨ã¯çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚‹ã¨æ€ã†ã€‚ ã¨ã‚Šã‚ãˆãšã€videoã‚„audioã‚’ä½¿ã„ãŸã„äººã¯ã€ä»¥ä¸‹ã®2ãƒšãƒ¼ã‚¸ã‚’ç†Ÿèªã›ã‚ˆã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯è¦ã‚‰ãªã„ï¼éŸ³å£°ï¼å‹•ç”»å¯¾å¿œã—ãŸHTML5 - audioï¼videoè¦ç´ | Think IT Video - Dive Into HTML5 videoã®ã‚¤ãƒ™ãƒ³ãƒˆã¯ HTML5 Video ã‚’çœºã‚ã¦ã‚‹ã¨ãªã‚“ã¨ãªãåˆ†ã‹ã‚‹ã€‚ audioãƒ©ã‚¤ãƒ–ãƒ©ãƒªè©¦ã—ã¦ã†ã¾ãã„ã£ãŸã‚„ã¤ã¯ã“ã‚Œã€‚ SoundJS vi
takeodon 2015/08/12
video

HTML5

audio
ãƒªãƒ³ã‚¯
Web Lab
Web Lab. A series of interactive Chrome Experiments made by Google. See the magic of the web brought to life. Open to the world online. Live from the Science Museum, London. Enter the Lab.
takeodon 2014/10/27
webãƒ‡ã‚¶ã‚¤ãƒ³

HTML5
ãƒªãƒ³ã‚¯
WebGL ç·æœ¬å±±
ãƒŽã‚¤ã‚ºã«ã‚ˆã‚‹ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ãƒ–ãƒãƒƒã‚¯çŠ¶ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’çµ„ã¿åˆã‚ã›ãŸ LEEROY ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒãŠã‚‚ã—ã‚ã„ WebGL GLSL demo è¦‹ãŸç›®ã®ã‚·ãƒ³ãƒ—ãƒ«ã•ã¨ã¯è£è…¹ã« ä»Šå›žã”ç´¹ä»‹ã™ã‚‹ã®ã¯ LEEROY ã¨ã„ã†ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãƒ»ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ã‚·ãƒ¼ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã™ã€‚ ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®èƒŒæ™¯ãŒ WebGL ã«ã‚ˆã£ã¦å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚¿ã‚¤ãƒ—ã§ã€ã—ã‹ã‚‚ãƒŽã‚¤ã‚ºã‚’ä½¿ã£ãŸã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æç”»ã™ã‚‹ã‹ã‚“ã˜ãªã®ã§ã€æ¯”è¼ƒçš„ã‚ˆãè¦‹ã‹ã‘ã‚‹ã‚ˆã†ãªå¤–è¦³ã‚’ã—ã¦ã„ã¾ã™ã€‚ ãŸã ã€ãã“... ãƒ”ãƒ³ãƒã‚¤ãƒ³ãƒˆã« WebGL ã‚’æ´»ç”¨ã—ã¤ã¤å¤§èƒ†ãªæ¼”å‡ºã‚’ç››ã‚Šè¾¼ã‚“ã Kevin Hilgendorf ã•ã‚“ã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆ WebGL GLSL demo ç”¨é€”ã«å¿œã˜ã¦é©åˆ‡ã« ä»Šå›žã”ç´¹ä»‹ã™ã‚‹ã®ã¯ã€Kevin Hilgendorf ã•ã‚“ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆã§ã™ã€‚ WebGL ã‚’ä½¿ã£ã¦ã„ã‚‹å ´æ‰€ãŒã‹ãªã‚Šé™å®šçš„ã«ãªã£ã¦ãŠã‚Šã€åŠ¹æžœçš„ãªå ´
takeodon 2014/10/27
WebGL

HTML5
ãƒªãƒ³ã‚¯
HTML5ã®æŠ€è¡“ã ã‘ã§å®Ÿè£…ï¼ã€ŒYouTubeã¿ãŸã„ãªWebGLãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã€ã¨ã¯ï¼Ÿ
HTML5ã®æŠ€è¡“ã ã‘ã§å®Ÿè£…ï¼ã€ŒYouTubeã¿ãŸã„ãªWebGLãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã€ã¨ã¯ï¼Ÿ æ¾ç”°å…‰ç§€ï¼ˆjThreeåˆåŒä¼šç¤¾ï¼‰ ã“ã®è¨˜äº‹ã§ã¯ã€HTML5 Japan Cup 2014ã§å„ªç§€è³žã‚’é ‚ã„ãŸã€ŒYouTubeã¿ãŸã„ãªWebGLãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã€ã§åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹æŠ€è¡“ã‚’è§£èª¬ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã€ŒYouTubeã¿ãŸã„ãªWebGLãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã€ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãã®ã‚‚ã®ã¨ã¯åˆ†é›¢ã•ã‚ŒãŸã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjThreeã€ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã¨ã—ã¦å…¬é–‹ã—ã¦ã„ã¾ã™ã®ã§ã€èª°ã§ã‚‚è‡ªèº«ã®ä½œå“ã«å·®ã—æ›¿ãˆã¦ãƒ–ãƒã‚°ãªã©ã«æŽ²è¼‰ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚WebGLã®æç”»éƒ¨åˆ†ã¯å…¨ã¦jThreeã§ç®¡ç†ã—ã¦ã„ã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã§æŽ¡ç”¨ã—ã¦ã„ã‚‹2ã¤ã®HTML5 APIã¨jThreeã®æ¦‚è¦ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã®æ©Ÿèƒ½ ã“ã®ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã¯ã€ã¾ã‚‹ã§å‹•ç”»ã®ã”ã¨ãWebGLã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ¥½æ›²ä»˜ãã§å†ç”Ÿã§ãã¾ã™ã€‚å‹•
takeodon 2014/10/10
WebGL

HTML5
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚™ã‚¤ãƒ«æ™‚ä»£ã®Webãƒã‚šãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹
2. Who? å‰å· å¾¹ / Toru Yoshikawa @yoshikawa_Ì²t html5j ä»£è¡¨ï¼html5jãƒ“ã‚®ãƒŠãƒ¼éƒ¨ (å‰¯éƒ¨â»‘â¾§é•·) Google Developer Experts (Chrome) HTML5 Experts.jp ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆ Webå…ˆç«¯æŠ€è¡“å‘³â¾’è¦‹ï¨Šéƒ¨ (é¡§å•)ï¼â½‡æ—¥æœ¬jQuery Mobileãƒ¦ãƒ¼ã‚¶ãƒ¼ä¼š (ç®¡ç†ï§¤â¼ˆäºº)ï¼Sublime Text 2 Japan Users Group (ç®¡ç†ï§¤â¼ˆäºº)ãªã© ãªã© Blog: http://d.hatena.ne.jp/pikotea/
takeodon 2014/08/31
HTML5

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹
ãƒªãƒ³ã‚¯
HTML5ã®videoã‚¿ã‚°ã§MP4ã®å‹•ç”»ã‚’å†ç”Ÿã™ã‚‹æ–¹æ³• | StrawberryShortCakes
JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ç”¨ã™ã‚‹ HTML5éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã™ã‚‹æ–¹æ³•ã¨ã—ã¦ã€JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒã‚ã‚Šã¾ã™ã€‚â€»MP4ã«çµžã£ã¦æ¤œè¨¼ã€‚ VIDEO.js æœ€åˆã«è©¦ã—ãŸã®ã¯VIDEO.jsã§ã™ã€‚ ã“ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€HTML5ã«å¯¾å¿œã—ã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯videoã‚¿ã‚°ã§å†ç”Ÿã—ã€å¯¾å¿œã—ã¦ã„ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯Flashãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã§å†ç”Ÿã•ã‚Œã¾ã™ã€‚ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¯ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ã‚‚ã®ã§ã—ãŸãŒã€IE8ä»¥ä¸‹ã§ç¢ºèªã—ãŸã¨ã“ã‚ã€IE6ãƒ»7ã§ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ã®è¡¨ç¤ºãŒå´©ã‚Œã¦ã„ã¾ã—ãŸã€‚ html5media.js æ¬¡ã«è©¦ã—ãŸã®ã¯html5media.jsã§ã™ã€‚ ã“ã¡ã‚‰ã‚‚HTML5ã«å¯¾å¿œã—ã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã¯videoã‚¿ã‚°ã€å¯¾å¿œã—ã¦ã„ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯Flashãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã®flowplayerã§å†ç”Ÿã•ã‚Œã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ä¸€ç‚¹æ°—ã«ãªã£ãŸã®ã¯ã“ã®flowplayerã€‚ç¢ºèªã—ã¦ã¿ã‚‹ã¨æœ‰å„Ÿï¼ˆ1ãƒ‰ãƒ¡ã‚¤ãƒ³$95ã€œï¼‰ã§æä¾›ã•ã‚Œã¦ã„ã‚‹ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®ã‚ˆã†ã§
takeodon 2014/07/19
video

HTML5
ãƒªãƒ³ã‚¯
the new code â€“ not found â€“ blog / 777
Photograph by Donnie Ray Jones, used under a Creative Commons Attribution 2.0 Generic license.
takeodon 2014/07/04
HTML5

video
ãƒªãƒ³ã‚¯
DeNA Engineering - DeNAã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆ
æŠ€è¡“ã‚’æ´»ã‹ã—ã€æ–°ã—ã„ä¾¡å€¤ã‚’å‰µé€ ã™ã‚‹ DeNAã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ã€æƒ³åƒã‚’è¶…ãˆã‚‹Delightã‚’å±Šã‘ã‚‹ãŸã‚ã«ä½•ãŒã§ãã‚‹ã‹ã‚’è€ƒãˆã€æŠ€è¡“åŠ›ã¨ç™ºæƒ³åŠ›ã§æ–°ã—ã„ä¾¡å€¤ã‚’ç”Ÿã¿å‡ºã—ã¦ã„ã¾ã™ã€‚ å¤šæ§˜ãªå°‚é–€æ€§ã‚’æŒã£ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒåˆ‡ç£‹ç¢ç£¨ã—ã€äº’ã„ã«åˆºæ¿€ã—åˆãˆã‚‹ç’°å¢ƒã‚„åˆ¶åº¦ãŒã•ã‚‰ãªã‚‹æˆé•·ã¸ã¨ã¤ãªã’ã¾ã™ã€‚
takeodon 2014/06/20
HTML5
ãƒªãƒ³ã‚¯
html5j ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹éƒ¨ ç¬¬ä¸€å›žå‹‰å¼·ä¼š
ã‚¬ãƒã§ç†±ã™ãŽã¦ã€ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’å¤§å¹…ã«è¶…éŽã€‚æ¬¡å›žã¯ã‚¤ãƒ™ãƒ³ãƒˆè‡ªä½“ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ãŒå¿…è¦ã ã‚ã†ã¨è©•ä¾¡ã•ã‚ŒãŸã€ã€Œhtml5j ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹éƒ¨ ç¬¬1å›žå‹‰å¼·ä¼šã€ã®æ¨¡æ§˜ã§ã™ ãƒ»æŒ¨æ‹¶ html5jç®¡ç†äºº ç™½çŸ³ ä¿Šå¹³æ° ãƒ»Webãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹äº‹å§‹ã‚ html5jãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹éƒ¨éƒ¨é•· Keynote Systems, Inc. / Spelldata, Inc. ç«¹æ´ž é™½ä¸€éƒŽ ãƒ»JavaScriptã®é«˜é€ŸåŒ– æ ªå¼ä¼šç¤¾ãƒ‡ã‚£ãƒ¼ãƒ»ã‚¨ãƒŒãƒ»ã‚¨ãƒ¼ åŠé‡Ž åšå…¸æ° ç¶šãã‚’èªã‚€
takeodon 2014/05/09
HTML5

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹
ãƒªãƒ³ã‚¯
5jcup.orgÂ -Â ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼Â -Â 5jcup ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
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.
takeodon 2014/05/02
HTML5

ãƒ‹ãƒ¥ãƒ¼ã‚¹
ãƒªãƒ³ã‚¯
5jcup.orgÂ -Â ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼Â -Â 5jcup ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
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.
takeodon 2014/05/02
HTML5
ãƒªãƒ³ã‚¯
ç¬¬äºŒå›žå…¨å›½çµ±ä¸€ HTML5å®ŸåŠ›ãƒ†ã‚¹ãƒˆ - jsdo.it - Share JavaScript, HTML5 and CSS
â€» éžå…¬å¼ãªè»¢è·ã‚¹ã‚«ã‚¦ãƒˆã«ã”æ³¨æ„ãã ã•ã„ï¼ å”è³›ç¤¾ä»¥å¤–ã®å‹§èª˜è¡Œç‚ºã¯ç¦æ¢ã•ã‚Œã¦ãŠã‚Šã¾ã™ã€‚è¦‹ã‹ã‘ãŸå ´åˆã¯jsdo.ité‹å–¶äº‹å‹™å±€ã¾ã§é€šå ±ã‚’ãŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚
takeodon 2014/02/11
HTML5

JavaScript
ãƒªãƒ³ã‚¯
HTML5 + WAI-ARIA: å…¥é–€ç¯‡
ã“ã®ã‚µã‚¤ãƒˆã‚’ HTML5 ã§ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸéš›ã«ä¿ç•™ã¨ã—ãŸã¾ã¾ã™ã£ã‹ã‚Šå¿˜ã‚Œã‹ã‘ã¦ã„ã¾ã—ãŸãŒã€ã‚ˆã†ã‚„ã WAI-ARIA ã‚’å°Žå…¥ã—ã¦ã¿ã¾ã—ãŸã€‚ WAI-ARIA ã¯ W3C ã® Web Accessibility Initiative (WAI) ãŒå…¬é–‹ã—ã¦ã„ã‚‹æŠ€è¡“ä»•æ§˜ã§ã€Web ã‚³ãƒ³ãƒ†ãƒ³ãƒˆã‚„ Web ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’å¼·åŒ–ã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚å…·ä½“çš„ã«ã¯ã€Web ãƒ–ãƒ©ã‚¦ã‚¶ã‚„æ”¯æ´æŠ€è¡“ (AT) ãŒã‚³ãƒ³ãƒ†ãƒ³ãƒˆã®ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã‚’ã‚ˆã‚Šé©åˆ‡ã«èªè˜ã§ãã‚‹ã‚ˆã†ã€HTML ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«è¦ç´ ã®ã€Œå½¹å‰²ã€ã‚„ã€ŒçŠ¶æ…‹ã€ã¨ã„ã£ãŸè©³ç´°ãªæƒ…å ±ã‚’ä»˜ä¸Žã™ã‚‹ã‚‚ã®ã§ã™ã€‚åç§°ã« RIA ã¨ã‚ã‚‹ã‚ˆã†ã«ã€Ajax ãªã©ã«ã‚ˆã‚‹ãƒªãƒƒãƒãƒ»ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆãƒ»ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãŠã‚‚ãªå¯¾è±¡ã¨ã—ãŸä»•æ§˜ã§ã™ãŒã€HTML5 ã«ã‚ˆã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãª Web ãƒšãƒ¼ã‚¸ã«å–ã‚Šå…¥ã‚Œã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ã“ã“ã§ã¯ WAI-ARIA ã® HTML5 ã¸
takeodon 2014/01/22
HTML5

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
ã„ã¾ä½¿ã‚ã‚Œã¦ã„ã‚‹HTML5ã¨ã€ã“ã‚Œã‹ã‚‰ã®HTML5
ã„ã¾ä½¿ã‚ã‚Œã¦ã„ã‚‹HTML5ã¨ã€ã“ã‚Œã‹ã‚‰ã®HTML5
takeodon 2013/10/26
HTML5
ãƒªãƒ³ã‚¯
Microdata ã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ã€‚ã‚µãƒ³ãƒ—ãƒ«ã‚½ãƒ¼ã‚¹ã§å¦ã¶ Microdata
HTML5 Advent Calendar 2012ã€7æ—¥ç›®ã®è¨˜äº‹ã¨ã—ã¦ã€Microdata ï¼ˆãƒžã‚¤ã‚¯ãƒãƒ‡ãƒ¼ã‚¿ï¼‰ ã«è§¦ã‚Œã¦ã¿ã¾ã™ã€‚ã‚µãƒ³ãƒ—ãƒ«ã‚½ãƒ¼ã‚¹ã‚’ä¸å¿ƒã«ã€å®Ÿéš›ã®ãƒšãƒ¼ã‚¸ã§ã©ã®ã‚ˆã†ã«ä½¿ãˆã‚‹ã®ã‹ã‚’ç¤ºã—ã¾ã—ãŸã€‚ã“ã‚Œã‹ã‚‰ Microdata ã‚’ä½¿ã£ã¦ã¿ãŸã„ã¨ã„ã†äººã«å°‘ã—ã§ã‚‚å‚è€ƒã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ HTML5 Advent Calendar 2012ã€7æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ãªã‚“ã‹è»½ã„æ°—æŒã¡ã§æ›¸ã„ã¦ã¿ã¾ã™ã¨ã‹è¨€ã£ã¦ã—ã¾ã£ãŸã‚“ã§ã™ãŒã€ç·Šå¼µã—ã¾ã™ãâ€¦ ã•ã¦ã€ã‚¿ã‚¤ãƒˆãƒ«ã®é€šã‚Šãªã®ã§ã™ãŒã€HTML Microdata ï¼ˆãƒžã‚¤ã‚¯ãƒãƒ‡ãƒ¼ã‚¿ï¼‰ ã«ã¤ã„ã¦ç°¡å˜ã«è§¦ã‚Œã¦ã¿ã‚ˆã†ã‹ãªã¨æ€ã„ã¾ã™ã€‚ã“ã®è¾ºã®è©±é¡Œã«é–¢ã—ã¦ã€Microdata ã¨ã¯ä½•ã‹ã¨ã‹ã€è©³ã—ã„è§£èª¬ã¯ã™ã§ã«è‰²ã€…ãªæ–¹ãŒæ›¸ã‹ã‚Œã¦ã„ã¾ã™ã®ã§ãã¡ã‚‰ã‚’è¦‹ã¦ã„ãŸã ã ï¼ˆæ–‡æœ«ã«ã¾ã¨ã‚ã¦ã‚ã‚Šã¾ã™ï¼‰ ã¨ã—ã¦ã€ã“ã®è¨˜äº‹ã§ã¯ã€ãã†ã„ã†è§£èª¬ã¯ç½®ã„ã¨ã„ã¦ã€Blog ã‚„ã€ä¼æ¥ã® Web ã‚µã‚¤ãƒˆãªã©
takeodon 2013/05/27
Microdata

schema.org

html5
ãƒªãƒ³ã‚¯
1ãƒ©ãƒ³ã‚¯ä¸Šã®ã€ŒHTML5ã€åˆ¶ä½œã«æ¬ ã‹ã›ãªã„ã‚µã‚¤ãƒˆãƒ»ãƒ„ãƒ¼ãƒ«ãƒ»ã‚¢ãƒ—ãƒªã®ã¾ã¨ã‚21å€‹ï¼
ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã®ã»ã‚“ã ã§ã™(ãƒ»Ã…ãƒ»)âˆ« jsdo.itã€nakamapã€Paberishã€HTML5å®ŸåŠ›ãƒ†ã‚¹ãƒˆã¨ã„ã£ãŸè‡ªç¤¾é‹å–¶Webã‚µãƒ¼ãƒ“ã‚¹ã® HTML5ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã£ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ï¼ ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€å‰µç«‹1å‘¨å¹´ï¼ éžå¸¸ã«æ‰‹å‰å‘³å™Œã§ã¯ã”ã–ã„ã¾ã™ãŒã€ å¼Šç¤¾HTMLãƒ•ã‚¡ã‚¤éƒ¨ãŒå‰µç«‹ã‹ã‚‰1å¹´ã«ãªã‚Šã¾ã—ãŸã£ï¼ãƒ»uãƒ» HTMLãƒ•ã‚¡ã‚¤éƒ¨ã¯ã€ã€ŒHTML5ã€æŠ€è¡“ã‚’è»¸ã«ã€æ§˜ã€…ãªè¡¨ç¾ã«æŒ‘æˆ¦ã—ã¦ã„ãã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’é›†ã‚ãŸéƒ¨ç½²ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯ã€HTMLãƒ•ã‚¡ã‚¤éƒ¨ã®ä¸€å‘¨å¹´ã‚’å‹æ‰‹ã«è¨˜å¿µã—ã¦ã€ HTMLãƒ•ã‚¡ã‚¤éƒ¨ã®ãƒ¡ãƒ³ãƒãƒ¼ã‹ã‚‰ã‹ãé›†ã‚ã¦ããŸã€HTML5ã‚µã‚¤ãƒˆåˆ¶ä½œãƒ„ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ã¾ã™ï¼ ãƒ„ãƒ¼ãƒ«ç³»ã®ã‚µã‚¤ãƒˆ
takeodon 2012/11/13
HTML5

css
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸