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

endo_5501 id:endo_5501

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

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

HTML5ã®ä½¿ãˆã‚‹ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’æŠ•ç¨¿ãƒ»å…±æœ‰ã§ãã‚‹ã€Žhtml5snippetsã€ | 100SHIKI
ãã®ã¾ã‚“ã¾ã®ã‚µãƒ¼ãƒ“ã‚¹ã ãŒã€ä¾¿åˆ©ãã†ãªã®ã§ã”ç´¹ä»‹ã€‚ html5snippetsã¯ã€HTML5ã§ä½¿ãˆã‚‹ä¾¿åˆ©ãªã‚¹ãƒ‹ãƒšãƒƒãƒˆï¼ˆçŸã„ã‚³ãƒ¼ãƒ‰ï¼‰ã‚’æŠ•ç¨¿ã€å…±æœ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã ã€‚ HTML5ã¨ã„ã†ã‹ã€CSS3ã‚„JavaScriptã‚‚å«ã¾ã‚Œã‚‹ãŒã€ã©ã¡ã‚‰ã«ã—ã‚æœ‰ç”¨ã ã‚ã†ã€‚ ãªãŠã€Facebookã‹Twitterã§ãƒã‚°ã‚¤ãƒ³ã™ã‚Œã°ãƒžã‚¤ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã ã€‚ å½±ã‚’ã¤ã‘ãŸã‚Šã€è§’ä¸¸ã‚’ã¤ã‘ãŸã‚Šã ã¨ã‹ã€è‰¯ãä½¿ã†ã‚³ãƒ¼ãƒ‰ãŒã‚ã‚‹å ´åˆã¯ã“ã“ã§ç®¡ç†ã—ã¦ãŠã‘ã°ã„ã„ã‹ã‚‚ã§ã™ãªã€‚
endo_5501 2011/05/06
html5
ãƒªãƒ³ã‚¯
ã€Œenchant.jsã€ã§ã‚²ãƒ¼ãƒ ã¯ã©ã‚Œãã‚‰ã„å‹•ãã®ã‹ï¼Ÿã€€HTML5ã§ã‚²ãƒ¼ãƒ ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ã‚’å–ã£ã¦ã¿ã‚ˆã†
ã€Œenchant.jsã€ã§ã‚²ãƒ¼ãƒ ã¯ã©ã‚Œãã‚‰ã„å‹•ãã®ã‹ï¼Ÿã€€HTML5ã§ã‚²ãƒ¼ãƒ ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ã‚’å–ã£ã¦ã¿ã‚ˆã† ãƒ©ã‚¤ã‚¿ãƒ¼ï¼šVeki 4æœˆ28æ—¥ã«enchant.jsã‚’ä½¿ç”¨ã—ãŸã‚²ãƒ¼ãƒ åˆ¶ä½œã®è¨˜äº‹ã‚’æŽ²è¼‰ã—ï¼Œã‹ãªã‚Šå¤§ããªåéŸ¿ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ä»Šå›žã¯ï¼Œã‚²ãƒ¼ãƒ åˆ¶ä½œã®è©±ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒï¼ŒHTML5ã¨JavaScriptã§ã¯ï¼Œã©ã‚Œãã‚‰ã„ã®ã‚²ãƒ¼ãƒ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒæœŸå¾…ã§ãã‚‹ã®ã‹ã¨ã„ã†ã‚ãŸã‚Šã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã®ã§å‚è€ƒã«ã—ã¦ãã ã•ã„ã€‚ ã•ã¦ï¼Œå‰å›žä½œã£ãŸã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ï¼Œæœ€åˆã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§å®Ÿè¡Œã—ã¦ã¿ãŸã¨ãã¯ï¼Œã‚ã¾ã‚Šã®é…ã•ã«ã¡ã‚‡ã£ã¨è¡æ’ƒã‚’å—ã‘ãŸã®ã§ã™ãŒï¼ŒPCã§ã‚‚Webãƒ–ãƒ©ã‚¦ã‚¶ã‚’å¤‰ãˆã¦ã¿ã‚‹ã¨ï¼Œã‹ãªã‚Šã°ã‚‰ã¤ããŒå‡ºã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã—ãŸã€‚JavaScriptã®ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ãƒ†ã‚¹ãƒˆã¯ãã‚Œãªã‚Šã«è¡Œã‚ã‚Œã¦ã„ã‚‹ã®ã§ã—ã‚‡ã†ãŒï¼Œå®Ÿéš›ã®ã¨ã“ã‚ï¼Œã©ã‚Œãã‚‰ã„ã€Œã‚²ãƒ¼ãƒ ã«ä½¿ãˆã‚‹ã‹ã€ã¨ã„ã†è¦³ç‚¹ã‹ã‚‰ã®ã‚‚ã®ã¯ï¼Œã»ã¨ã‚“ã©ãªã„ã‚ˆã†ã§ã™ï¼Œãã“ã§ï¼Œå‰å›žã®ã‚²ãƒ¼
endo_5501 2011/05/04
html5

javascript
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒãƒ¼ä¸è¦ã§ä¿å˜ã§ãã‚‹ã€ŒWeb Storageã€ã®ä½¿ã„æ–¹ (1/5)
HTML5ã¨ã¨ã‚‚ã«W3Cã§æ¨™æº–åŒ–ãŒé€²ã‚ã‚‰ã‚Œã¦ã„ã‚‹DOM APIã®1ã¤ã«ã€ŒWeb Storageã€ãŒã‚ã‚Šã¾ã™ã€‚Web Storageã¯Cookieã¨åŒæ§˜ã«ãƒãƒ¼ã‚«ãƒ«ãƒ‡ã‚£ã‚¹ã‚¯ä¸Šã«ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã™ã‚‹æ©Ÿèƒ½ã§ã€Cookieã«æ¯”ã¹ã¦ã€Œæœ‰åŠ¹æœŸé™ãŒãªã„ã€ã€Œãƒ‡ãƒ¼ã‚¿ã‚µã‚¤ã‚ºã®åˆ¶é™ãŒãªã„ã€ã¨ã„ã£ãŸç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ãƒãƒ¼ã‚«ãƒ«ä¸Šã«æ°¸ç¶šçš„ã«ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã§ãã‚‹ã®ã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›å†…å®¹ã®ä¿å˜ã‚„ã‚²ãƒ¼ãƒ ã®ãƒ—ãƒ¬ã‚¤å±¥æ´ã®è¨˜éŒ²ã€å„ç¨®ã‚µãƒ¼ãƒ“ã‚¹ã®çŠ¶æ…‹ä¿å˜ãªã©ã€ãªã©ã•ã¾ã–ã¾ãªç”¨é€”ã«åˆ©ç”¨ã§ãã¾ã™ã€‚ Web Storageã«ã¯ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã¨ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ãŒã‚ã‚Šã€æ°¸ç¶šçš„ã«ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã™ã‚‹å ´åˆã¯ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚’ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã‚’é–‹ã„ã¦ã„ã‚‹é–“ã®ä¸€æ™‚çš„ãªä¿å˜ã§ã‚ã‚Œã°ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚’ä½¿ã„ã¾ã™ã€‚ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã€ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã¨ã‚‚åŒã˜ãƒ¡ã‚½ãƒƒãƒ‰ã‚’æŒã¡ã€è¨˜è¿°æ–¹æ³•ã«é•ã„ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ä»Šå›žã®JavaScriptãƒ©ãƒœã¯ã€HTMLãƒ•ã‚©ãƒ¼ãƒ ã«å…¥åŠ›
endo_5501 2010/09/28
ãªã‚“ã‹ä¾¿åˆ©ã‹ã‚‚

HTML5
ãƒªãƒ³ã‚¯
iBooksï¼ˆiPadï¼‰ã§ãƒ«ãƒ“ã¨ç¸¦æ›¸ããŒã§ããªã„ã‹è©¦ã—ã¦ã¿ã‚‹
åˆ¥ã®æ–¹æ³•ã§ãƒ«ãƒ“ã¨ç¸¦æ›¸ãã‚’è©¦ã—ã¦ã¿ãŸã®ã¯ã‚³ãƒãƒ© http://www.youtube.com/watch?v=_vE0dojUs5A ã“ã®å‰ï¼ˆè¾žæ›¸æ©Ÿèƒ½ã¨ã‚¢ãƒ³ãƒ€ãƒ¼ãƒ©ã‚¤ãƒ³ã‚’è©¦ã—ã¦ã¿ãŸï¼‰ã¯ã‚³ãƒãƒ©â†“ http://www.youtube.com/watch?v=TOQ_Jgjm-o0 iBooksã§ãƒ«ãƒ“ã‚„ç¸¦æ›¸ããŒã§ãã‚‹ã‹è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ç”»åƒã¯ä½¿ã‚ãšã€HTML5ã«æº–æ‹ ã™ã‚‹å½¢ã§è©¦ã—ã¦ã„ã¾ã™ã€‚çµæ§‹æ®‹å¿µãªçµæžœã§ã—ãŸã€‚ ã¡ãªã¿ã«ã€ã€ŒePubã£ã¦iBooksï¼ˆiPadï¼‰ã§ã©ã‚“ãªé¢¨ã«è¦‹ãˆã‚‹ã®ï¼Ÿã€ã¯ã‚³ãƒãƒ©â†“ http://www.youtube.com/watch?v=gCK8vI13G-U http://www.youtube.com/watch?v=RI0RcgoVgQ8
endo_5501 2010/07/04
ãƒ«ãƒ“ã€ã¾ã ã¾ã ã ãªã‚ã€‚çµæ§‹é‡è¦ãªã®ã«ãªã‚

é›»åæ›¸ç±

iPad

html5
ãƒªãƒ³ã‚¯
iPadä¸Šã§HTML5 Widgetã‚’èµ°ã‚‰ã›ã¦éŠã¼ã†
æ˜¨æ—¥ã®ã€ŒHTML5: W3C Widget ã¨ãã®å¿œç”¨ã‚’è€ƒãˆã‚‹ä¼šã€ã¯å‚åŠ è€…ã‚‚å¤šãã€ç§è‡ªèº«ã¨ã¦ã‚‚è‰¯ã„å‹‰å¼·ã«ãªã£ãŸãŒã€ãã“ã§ã‚‚äºˆå‘Šã—ãŸé€šã‚Šã€iPadç™ºå£²ã‚’è¨˜å¿µã—ã¦Widgetã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ã„ãã¤ã‹ç”¨æ„ã—ãŸã®ã§ã€ãœã²ã¨ã‚‚ãŠè©¦ã—ã„ãŸã ããŸã„ã€‚ æ‰‹é †ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ ã‚¹ãƒ†ãƒƒãƒ—ï¼‘. iPadã«CloudReadersã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ï¼ˆiTunes ã‚¹ãƒˆã‚¢ã¸ã®ãƒªãƒ³ã‚¯ï¼‰ ã‚¹ãƒ†ãƒƒãƒ—ï¼’. ä»¥ä¸‹ã®Widgetã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ Download 3dClock.wgt (2.5K)ã€€ãƒ¼ CSS3ã‚’ä½¿ã£ãŸï¼“Dæ™‚è¨ˆ Download TimeTrial25.wgt (7.8K)ã€€ãƒ¼ã€€ã‚¿ã‚¤ãƒ ãƒˆãƒ©ã‚¤ã‚¢ãƒ«ã‚²ãƒ¼ãƒ Download JSCalc.wgt (3.4K)ã€€ãƒ¼ã€€é›»å“ Download QuadraBench.wgt (2.5K)ã€€ãƒ¼ã€€Canvas ã®ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ãƒ—ãƒã‚°ãƒ©ãƒ ã‚¹ãƒ†ãƒƒãƒ—ï¼“. iPadã‚’PC/Macã«ç¹‹ã’
endo_5501 2010/05/28
ã“ã‚Œã¯é¢ç™½ã„

ipad

HTML5
ãƒªãƒ³ã‚¯
ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã‚’HTML5ã§è¦‹ã‚‹bookmarklet - saiten@blog
æ€§æ‡²ã‚Šã‚‚ç„¡ããƒ‹ã‚³ãƒ‹ã‚³ãƒã‚¿ã§ã™ã€‚ iPadã§ã‚‚çµå±€FlashãŒæè¼‰ã•ã‚Œãªã‹ã£ãŸã“ã¨ã‚‚ã‚ã£ã¦ã€æœ€è¿‘Flashã®ä»£æ›¿æ‰‹æ®µã¨ã—ã¦HTML5ãŒã‚„ã‘ã«æŠ¼ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ã‚‚ã®ã¯è©¦ã—ã§ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®Flashãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’HTML5ã§æ§‹æˆã—ãŸãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ç½®ãæ›ãˆã‚‹bookmarkletã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚iPhone/iPadã®videoã‚¿ã‚°ã®å‹•ä½œãŒãƒžã‚·ã«ãªã£ã¦ã‚Œã°ã€iPhone/iPadä¸Šã§ã‚‚å‹•ãã‹ã‚‚ã£ã¦ãªæœŸå¾…è¾¼ã¿ã§ã€‚ ä½¿ã„æ–¹ã¯ã€ä¸‹è¨˜ã®bookmarkletã‚’ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®å†ç”Ÿãƒšãƒ¼ã‚¸(http;//www.nicovideo.jp/watch/*)ä¸Šã§å®Ÿè¡Œã™ã‚‹ã ã‘ã§ã™ã€‚å®Ÿè¡Œã™ã‚‹ã¨æ¨™æº–ã®Flashè£½ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ã€HTML5+javascriptã§æ§‹æˆã—ãŸãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ç½®ãæ›ãˆã¾ã™ã€‚ javascript:(function(){var e=document.createElement("script");e.s
endo_5501 2010/03/02
html5

ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»

JavaScript
ãƒªãƒ³ã‚¯
Sketchpad
Sketchpad is an online drawing application -- written in
endo_5501 2010/02/10
HTML5ã‚’ä½¿ã£ãŸãŠçµµã‹ãã‚µãƒ¼ãƒ“ã‚¹ã€‚ã“ã‚Œã¯ã™ã”ã„ã€‚

html5

Webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
1