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

nihohi id:nihohi

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

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

JavaScript + Chrome Packaged Apps API ã‚’ä½¿ç”¨ã—ãŸã‚·ãƒªã‚¢ãƒ«é€šä¿¡Webã‚¢ãƒ—ãƒª - Tech-Sketch
ç±³ã‚«ãƒªãƒ•ã‚©ãƒ«ãƒ‹ã‚¢å·žã‚µãƒ³ãƒ•ãƒ©ãƒ³ã‚·ã‚¹ã‚³ã«ã¦2013å¹´5æœˆ15æ—¥ã‹ã‚‰17æ—¥ã®ä¸‰æ—¥é–“é–‹å‚¬ã•ã‚ŒãŸã€ŒGoogle I/O 2013ã€ ãã“ã§Chrome Packaged Apps APIã«è¤‡æ•°ã®è¿½åŠ æ©Ÿèƒ½ãŒç™ºè¡¨ã•ã‚Œã€ãã®ä¸ã«ã‚·ãƒªã‚¢ãƒ«é€šä¿¡æ©Ÿèƒ½ãŒã‚ã£ãŸäº‹ã‚’çš†ã•ã‚“ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ï¼Ÿ å½“è¨˜äº‹ã¯ãã‚“ãªChrome Packaged Apps APIã®ã‚·ãƒªã‚¢ãƒ«é€šä¿¡æ©Ÿèƒ½ã‚’ä½¿ç”¨ã—ã€ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ä¸Šã«ã‚·ãƒªã‚¢ãƒ«é€šä¿¡ã§å–å¾—ã—ãŸãƒ‡ãƒ¼ã‚¿ã‚’è¡¨ç¤ºã—ã¦ã¿ã‚ˆã†ã¨ã„ã†å†…å®¹ã«ãªã‚Šã¾ã™ã€‚ ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã§ã¯Chrome Packaged Apps ã®ä½œæˆæ–¹æ³•ã¨Chrome Packaged Apps APIã®ã‚·ãƒªã‚¢ãƒ«é€šä¿¡æ©Ÿèƒ½ã®ä½¿ã„æ–¹ã‚’èª¬æ˜Žã—ã¾ã™ã€‚ Chrome Packaged Apps ä½œæˆæ–¹æ³•ã®èª¬æ˜Žã§ã¯Googleå…¬å¼ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã® Create Your First App ã‚’å‚è€ƒã«ã•ã›ã¦é ‚ã„ã¦ãŠã‚Šã¾ã™ã€‚ Chrome Pack
nihohi 2014/07/08
chrome

javascript

HTML5
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.jsæœ€åˆã®ä¸€æ©ï¼ž
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.jsæœ€åˆã®ä¸€æ©ï¼ž å°å±±ç”° æ™ƒæµ©ï¼ˆæ ªå¼ä¼šç¤¾ ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ï¼‰ WebGLã¯ã¨ã¦ã‚‚é«˜åº¦ãªæŠ€è¡“ã§ã‚ã‚‹ä¸€æ–¹ã€APIã¯ä½Žãƒ¬ãƒ™ãƒ«ã§ã‚ã‚‹ãŸã‚ãã®ã¾ã¾ä½¿ã†ã«ã¯ã©ã†ã—ã¦ã‚‚å†—é•·ãªæº–å‚™ã‚’è¡Œã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ä¸€æ–¹ã§ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’é€šã—ã¦é«˜ãƒ¬ãƒ™ãƒ«ãªAPIã¨ã—ã¦WebGLã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ã“ã†ã—ãŸJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã¨ã—ã¦ã¯three.jsã€Away3D.jsã€Babylon.jsãªã©ãŒæœ‰åã§ã™ã€‚ãã®ä¸ã§ã‚‚ç‰¹ã«äººæ°—ãŒã‚ã‚‹three.jsã‚’é€šã—ã¦ã€WebGLã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚(three.jsã®ãƒªãƒ“ã‚¸ãƒ§ãƒ³ã¯åŸ·ç†ç¾åœ¨ã®æœ€æ–°ã§ã‚ã‚‹r65ã‚’åˆ©ç”¨ã—ã¾ã™) three.jsã‚’æ‰‹ã«å…¥ã‚Œã‚‹ three.jsã¯http://threejs.org/ã‹ã‚‰æ‰‹ã«å…¥ã‚Œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚downloadã‹ã‚‰ã€zipãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ‰‹ã«å…¥ã‚Œã¾
nihohi 2014/05/26
3d

Three.js

javascript

HTML5

webgl
ãƒªãƒ³ã‚¯
Should PUT and DELETE be used in forms?
nihohi 2013/11/20
httpã§ã¯ã€PUTã¨DELETEã‚ã‚‹ãŒã€htmlã§ã¯ã€html5ã‚ˆã‚Šã¾ãˆã¯ã€POSTã¨ã€GETã—ã‹formã‹ã‚‰ã¯ã§ãã‚“ã€ã¨ã€‚

html

html5
ãƒªãƒ³ã‚¯
File Upload!
HTML5 File Upload Uploading files to the server has been disabled, but is available in the download
nihohi 2013/10/04
upload

html5

fileapi
ãƒªãƒ³ã‚¯
Web Storageï¼HTML5ã®APIã€ãŠã‚ˆã³ã€é–¢é€£ä»•æ§˜
â– sessionStorageã¯ã€ä¸€å›žé™ã‚Šã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§æœ‰åŠ¹ãªã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ sessionStorageã¯ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚„ã‚¿ãƒ–å˜ä½ã§ã®ä¸€å›žé™ã‚Šã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§æœ‰åŠ¹ãªã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã§ã™ã€‚ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚„ã‚¿ãƒ–ãŒé–‹ã„ã¦ã„ã‚‹é–“ã®ã¿ãƒ‡ãƒ¼ã‚¿ãŒä¿å˜ã•ã‚Œã€é–‰ã˜ã‚‹ã¨ãƒ‡ãƒ¼ã‚¿ãŒå¤±ã‚ã‚Œã¾ã™ã€‚ åŒã˜ãƒ‰ãƒ¡ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã‚’åˆ¥ã€…ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§é–‹ã„ã¦ã„ã‚‹å ´åˆã«ã¯ã€ãã‚Œãžã‚ŒãŒåˆ¥ã®sessionStorageã¨ãªã‚Šã¾ã™ã€‚ ã‚¯ãƒƒã‚ãƒ¼ã¨ã¯ç•°ãªã‚Šã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦é–“ã§ãƒ‡ãƒ¼ã‚¿ãŒå…±æœ‰ã•ã‚Œã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ sessionStorageã‚’åˆ©ç”¨ã™ã‚‹ä¸€ä¾‹ã‚’æŒ™ã’ã¦ã¿ã¾ã™ã€‚ ä¾‹ãˆã°ã€2ã¤ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§åŒã˜ã‚µã‚¤ãƒˆã‚’é–‹ããªãŒã‚‰èˆªç©ºåˆ¸ã‚’æ³¨æ–‡ã™ã‚‹å ´åˆã€ ã‚¯ãƒƒã‚ãƒ¼ã§ã¯è²·ã„ç‰©ã‹ã”æƒ…å ±ãŒæ··åœ¨ã—ã¦ã—ã¾ã£ã¦ã€åŒã˜ãƒ•ãƒ©ã‚¤ãƒˆã®ãƒã‚±ãƒƒãƒˆã‚’æ°—ã¥ã‹ãšã«2æžšæ³¨æ–‡ã—ã¦ã—ã¾ã†å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ sessionStorageã§ã¯ã€ãã‚Œãžã‚ŒãŒåˆ¥ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¨ãªã‚‹ãŸã‚ã€ åˆ¥ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®è²·ã„ç‰©ã‹ã”æƒ…å ±ãŒæ··
nihohi 2013/05/29
localStorage

html5
ãƒªãƒ³ã‚¯
Indexed Database API ã«ã¤ã„ã¦
Indexed Database APIï¼ˆä»¥ä¸‹ã€indexedDBï¼‰ã«ã¤ã„ã¦ã€ã“ã‚Œã¾ã§è¿½ã„ã‹ã‘ã¦ããŸæƒ…å ±ã‚’ã¨ã‚Šã¾ã¨ã‚ãŸã®ã§å…¬é–‹ã—ã¾ã™ã€‚ indexedDBã¯å½“åˆã¯ä»•æ§˜ãŒå›ºã¾ã£ã¦ãŠã‚‰ãšã€ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚‚å½“ç„¶ã®ã‚ˆã†ã«å‹•ã‹ãªã‹ã£ãŸã®ã§ï¼ˆä»Šã‚‚å‹•ãã¾ã›ã‚“ãŒâ€¦ï¼‰ã€æ¤œè¨¼ã™ã‚‹ã«ã¯ã‹ãªã‚Šãƒãƒ¼ãƒ‰ãªçŠ¶æ³ã§ã—ãŸã€‚æœ€è¿‘ã«ãªã£ã¦ã©ã†ã«ã‹å‹•ãã‚ˆã†ã«ãªã£ã¦ããŸã®ã§ã€@komasshu ã•ã‚“ã¨è‰²ã€…ã‚„ã‚Šå–ã‚Šã—ãªãŒã‚‰ä¸€é€šã‚Šã®å‹•ä½œã‚’ç¢ºèªã—ã¾ã—ãŸã€‚ ç¾æ™‚ç‚¹ã§åˆ©ç”¨ã§ãã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã¯ Chrome 9 ä»¥é™ ã¾ãŸã¯ Firefox 4 beta 8 ä»¥é™ã¨ãªã‚Šã¾ã™ã€‚ã¾ã ã¾ã ä»•æ§˜ã¯å‹•ã„ã¦ã„ã¾ã™ã®ã§ã€æ¤œè¨¼ã®éš›ã¯ã€ãªã‚‹ã¹ãæœ€æ–°ã®é–‹ç™ºç‰ˆã‚’ä½¿ã†ã“ã¨ã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€Chrome 9 beta ã€Firefox 4 beta 8 ã«ã¦æ¤œè¨¼ã—ã¾ã™ã€‚ã¾ãŸã€è³‡æ–™ã¯ã€2011å¹´1æœˆ20æ—¥æ™‚ç‚¹ã® W3C Editor's Draft ã‚’å‚ç…§
nihohi 2013/05/29
indexedDB

JavaScript

HTML5
ãƒªãƒ³ã‚¯
IndexedDB API - Web API | MDN
IndexedDB ã¯ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚„ blob ã‚’å«ã‚€å¤§é‡ã®æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‚’ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§ä¿å˜ã™ã‚‹ãŸã‚ã®ä½Žãƒ¬ãƒ™ãƒ« API ã§ã™ã€‚ã“ã® API ã¯ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã‚’ä½¿ç”¨ã—ã¦ã€é«˜ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãªãƒ‡ãƒ¼ã‚¿ã®æ¤œç´¢ã‚’è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚ã‚¦ã‚§ãƒ–ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã¯æ¯”è¼ƒçš„å°‘é‡ã®ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã™ã‚‹ã®ã«æœ‰ç”¨ã§ã¯ã‚ã‚Šã¾ã™ãŒã€æ§‹é€ åŒ–ã•ã‚ŒãŸéžå¸¸ã«å¤šãã®ãƒ‡ãƒ¼ã‚¿ã‚’æ‰±ã†ã«ã¯ä¸ååˆ†ã§ã™ã€‚IndexedDB ãŒè§£æ±ºç–ã‚’æä¾›ã—ã¾ã™ã€‚ã“ã“ã§ã¯ã€å®Œå…¨ãª API ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨ä½¿ç”¨ã‚¬ã‚¤ãƒ‰ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®å¯¾å¿œã®è©³ç´°ã€ãŠã‚ˆã³é‡è¦ãªæ¦‚å¿µã®èª¬æ˜Žã¸ã®ãƒªãƒ³ã‚¯ã‚’æä¾›ã—ã¾ã™ã€‚ ãƒ¡ãƒ¢: IndexedDB API ã¯å¼·åŠ›ã§ã™ãŒã€ã‚·ãƒ³ãƒ—ãƒ«ãªç”¨é€”ã«ã¯ã¨ã¦ã‚‚è¤‡é›‘ã«è¦‹ãˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã‚·ãƒ³ãƒ—ãƒ«ãª API ãŒå¥½ã¾ã—ã„ã®ã§ã‚ã‚Œã°ã€é–¢é€£æƒ…å ±ã®ç¯€ã«ã‚ã‚‹ IndexedDB ã‚’ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã«ã¨ã£ã¦æ‰±ã„ã‚„ã™ãã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’è©¦ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ IndexedDB ã¯ SQL ãƒ™ãƒ¼ã‚¹
nihohi 2013/05/29
HTML5

indexedDB
ãƒªãƒ³ã‚¯
localStorageã§ä¿å˜ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã®PCã§ã®æ ¼ç´å ´æ‰€ - æ—¥å¸¸ãƒ¡ãƒ¢
å‰å›žã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã€localStorageã‚’ä½¿ç”¨ã—ã¦æ ¼ç´ã—ãŸãƒ‡ãƒ¼ã‚¿ã¯ã€æ˜Žç¤ºçš„ã«å‰Šé™¤ã—ãªã„é™ã‚Šã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚’é–‰ã˜ã¦ã‚‚å‰Šé™¤ã•ã‚Œãªã„ã“ã¨ãŒåˆ†ã‹ã£ãŸã€‚ ã¤ã¾ã‚Šã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒåˆ©ç”¨è€…ã«å¯¾ã—ã¦æ˜Žç¤ºçš„ã«localStorageã®ãƒ‡ãƒ¼ã‚¿ã‚’å‰Šé™¤ã™ã‚‹ä»•çµ„ã¿ã‚’æä¾›ã—ã¦ã„ã‚‹å ´åˆã‹ã€ã‚‚ã—ãã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒlocalStorageã®ãƒ‡ãƒ¼ã‚¿ã‚’é©åˆ‡ã«å‰Šé™¤ã™ã‚‹ã‚ˆã†ãªä»•çµ„ã¿ã‚’ç”¨æ„ã—ã¦ã„ã‚‹å ´åˆä»¥å¤–ã¯ã€è‡ªåˆ†ã®PCã«ãƒ‡ãƒ¼ã‚¿ã‚’ãŸã‚è¾¼ã‚€ã“ã¨ã«ãªã‚‹ã€‚ ã“ã‚Œã¯æ°—æŒã¡ãŒæ‚ªã„ã¨æ€ã£ãŸã®ã§ã€localStorageã«ã‚ˆã£ã¦ä¿å˜ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ãŒPCã®ã©ã“ã«æ ¼ç´ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’èª¿ã¹ãŸã€‚ â– Chromeã®å ´åˆ ä¸‹è¨˜ãƒ•ã‚©ãƒ«ãƒ€ã«å˜åœ¨ã™ã‚‹ã“ã¨ãŒåˆ†ã‹ã£ãŸã€‚ C:\Documents and Settings\ãƒ¦ãƒ¼ã‚¶å\Local Settings\Application Data\Google\Chrome\User Data\Default\Loca
nihohi 2013/05/29
chrome

JavaScript

localStorage

HTML5
ãƒªãƒ³ã‚¯
Hogeã§è¡Œã“ã† WebSocketï¼šnode.jsã‚’ä½¿ã£ã¦ã¿ã‚‹
node.jsï¼†socket.ioã‚’ä½¿ç”¨ã—ãŸãƒ¡ãƒ¢ ç’°å¢ƒ node.js 0.5.0 socket.io 0.7.2 ã¡ãªã¿ã«socket.ioã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯ä»¥ä¸‹ã®ã‚³ãƒžãƒ³ãƒ‰ã‚’å®Ÿè¡Œ $ npm install socket.io ãƒãƒ¼ã‚«ãƒ«ã«node_modules/socket.ioãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¾ã™ã€‚ serverå´ã®ã‚½ãƒ¼ã‚¹ var sio = require('socket.io'); var io = sio.listen(3000, function(){ console.log("listen start 127.0.0.1:3000"); io.sockets.on('connection', function(socket){ console.log("* connection: " + socket.id); socket.on('message', function(d
nihohi 2013/04/02
HTML5

jQuery

javascript

Node.js

WebSocket
ãƒªãƒ³ã‚¯
WebSocketã§ãƒã‚¤ãƒŠãƒªãƒ‡ãƒ¼ã‚¿ã‚’é€å—ä¿¡ã—ã¦ã¿ã‚‹ - hagino3000's blog
ã“ã®è¨˜äº‹ã¯HTML5 Advent Calendarã®8æ—¥ç›®ã§ã™ã€‚ ã„ã¤ã®é–“ã«ã‹æ‰‹å…ƒã®ç’°å¢ƒ(Chrome17 dev + Node 0.6.3)ã«ãŠã„ã¦WebSocketã§ãƒã‚¤ãƒŠãƒªãƒ‡ãƒ¼ã‚¿ãŒæ‰±ãˆã‚‹æ§˜ã«ãªã£ã¦ã„ãŸã®ã§ä½•ã‹ä½œã£ã¦ã¿ã‚ˆã†ã‹ã¨ã€‚ ã¾ãšã€Nodeã§WebSocketã‚’ä½¿ãŠã†ã¨ã—ãŸã‚‰ãã‚Œç”¨ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†äº‹ã«ãªã‚‹ã®ã ãŒç¾æ™‚ç‚¹ã§ãƒã‚¤ãƒŠãƒªãƒ‡ãƒ¼ã‚¿ãŒæ‰±ãˆã‚‹ã®ã¯WebSocket-Nodeã®ã¿ã ã£ãŸã€‚ å½“åˆã¯ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰ç”»åƒã®RAWãƒ‡ãƒ¼ã‚¿ã‚’ã‚¬ãƒ³ã‚¬ãƒ³ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«é€ã‚Šã¾ãã‚‹ã¨ã„ã†ã®ã‚’ä½œã‚ã†ã¨ã—ãŸã®ã ãŒnode-pngãŒNodeã®0.6ç³»ã«å¯¾å¿œã—ã¦ã„ãªã‹ã£ãŸã®ã§æ–å¿µã€‚Canvasã®getImageDataã§å¾—ã‚‰ã‚Œã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’ãã®ã¾ã¾ã‚µãƒ¼ãƒãƒ¼ã«æŠ•ã’ã¦ã€ã‚µãƒ¼ãƒãƒ¼å´ã§åŠ å·¥ã—ãŸç‰©ã‚’å—ã‘å–ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ãŸã€‚ ãƒã‚¤ãƒŠãƒªãƒ‡ãƒ¼ã‚¿ã®é€ä¿¡ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ã‚³ãƒ¼ãƒ‰(client.js) var socket = null;
nihohi 2013/03/22
WebSocket

javascript

HTML5

node.js
ãƒªãƒ³ã‚¯
yume-build.com
The domain has expired and may be available at auction. If this is your domain, you can still renew it. Register or transfer domains to Dynadot.com to save more and build your website for free! yume-build.com 2022 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
nihohi 2013/03/22
WebSocket

node.js

HTML5
ãƒªãƒ³ã‚¯
ï¼‘ï¼ŽWebSocketä»•æ§˜è§£èª¬ã€€å®Ÿè£…WebSocketã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå¯¾å¿œãƒ—ãƒãƒˆã‚³ãƒ«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç¢ºèªç·¨ (2012/09/28 Update) - gtk2kã®æ—¥è¨˜
WebSocket API(æ—¥æœ¬èªžè¨³)ã¯ã€å…¨äºŒé‡ã®åŒæ–¹å‘é€šä¿¡ã‚’å¯èƒ½ã«ã™ã‚‹APIã§ã€ã“ã‚Œã«ã‚ˆã‚Šãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚WebSocketã®ãƒ—ãƒãƒˆã‚³ãƒ«å´ã®ä»•æ§˜ãŒåŠå¹´ã»ã©å‰ã«RFCã¨ã—ã¦ç–å®šã•ã‚Œã€ã‚ˆã†ã‚„ãè½ã¡ã¤ã„ãŸã¨ã“ã‚ã§ã™ã€‚(ã¾ã ä»•æ§˜å¤‰æ›´ãŒã‚ã‚‹å¯èƒ½æ€§ãŒãªã„ã¨ã¯è¨€ã„åˆ‡ã‚Œãªã„ã‘ã©) â€»ãªãŠã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã¯ç¾æ™‚ç‚¹(2012/07/26)ã§ã®å„æœ€æ–°ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã‚’å¯¾è±¡ã¨ã—ã¾ã™ã€‚(Chrome20,Firefox14,Opera12,Safari5+Safari6) ã¾ãŸã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹WebSocket(API)ã®ã“ã¨ã‚’"WebSocketã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆ"ã¨å‘¼ã¶ã“ã¨ã«ã—ã¾ã™ã€‚ WebSocketã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ ä¸»è¦ãªãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®ã†ã¡ç¾åœ¨ã«ãŠã„ã¦WebSocketã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’å®Ÿè£…ã—ã¦ã„ã‚‹ã®ã¯Chrome,Firefox,O
nihohi 2013/03/22
javascript

WebSocket

html5
ãƒªãƒ³ã‚¯
[JS]ä¸€è¡Œè¿½åŠ ã™ã‚‹ã ã‘ã§ã€IE6/7/8ã§ã‚‚HTML5ã®videoã¨audioã‚’åˆ©ç”¨ã§ãã‚‹ -html5media
HTML5ã®videoè¦ç´ ã‚„audioè¦ç´ ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ãªã„ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ãŸã£ãŸä¸€è¡Œã€ãƒšãƒ¼ã‚¸ã«è¿½åŠ ã™ã‚‹ã ã‘ã§ã“ã‚Œã‚‰ã‚’åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ html5media ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] html5mediaã®å®Ÿè£… html5mediaã®åˆ©ç”¨æ–¹æ³•ã¯ç°¡å˜ã§ã™ã€‚ ãƒšãƒ¼ã‚¸ã«è¿½åŠ ã™ã‚‹ä¸€è¡Œ ä¸‹è¨˜ã‚’ãƒšãƒ¼ã‚¸ã®headå†…ã«è¨˜è¿°ã—ã¾ã™ã€‚ <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> ã“ã‚Œã ã‘ã§ã€ã™ã¹ã¦ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒ–ãƒ©ã‚¦ã‚¶ã§HTML5ã®videoã¨audioã‚’åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ video, audioã«éžå¯¾å¿œã®IE7ã§ã‚‚æœŸå¾…é€šã‚Šã«å‹•ç”»ãŒå†ç”Ÿã•ã‚Œã¾ã™ã€‚ IE6(IE Tester)ã§ã®ã‚ãƒ£ãƒ—ãƒãƒ£ å‚è€ƒï¼švideo, audioã®ã‚µãƒãƒ¼ãƒˆçŠ¶æ³ video, audio
nihohi 2012/11/11
javascript

HTML5

video

audio
ãƒªãƒ³ã‚¯
Flash, HTML5 Canvas + OpenCV â€“ Rest Term
å‰å›žã¯WSGIã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‹ã‚‰OpenCVã‚’åˆ©ç”¨ã™ã‚‹ä¾‹ã‚’æŒ™ã’ã¾ã—ãŸãŒã€ä»Šå›žã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’Flashã¨HTML5ã®ä¸¡æ–¹ã§è©¦ã—ã¦ã¿ã¾ã™ã€‚ã¨ã„ã£ã¦ã‚‚ç‰¹åˆ¥ãªã“ã¨ã‚’ã™ã‚‹å¿…è¦ã¯ãªãã¦ã€å…¬é–‹ã•ã‚ŒãŸURIã‹ã‚‰ãƒªã‚½ãƒ¼ã‚¹ã‚’å–å¾—ã™ã‚Œã°ã„ã„ã ã‘ã§ã™ã€‚ ã€ã€ ã¨ã„ã†ã“ã¨ã§æ—¢ã«å…ˆãŒè¦‹ãˆã¦é£½ãã¦ã—ã¾ã„ã¾ã—ãŸãŒã€ç°¡å˜ãªãƒ‡ãƒ¢ã¨æ–¹é‡ã ã‘ã§ã‚‚æ°—åŠ›ã‚’æŒ¯ã‚Šçµžã£ã¦æ›¸ã„ã¦ãŠãã¾ã™ã€‚å¾Œã¯ã‚¢ãƒ—ãƒªå±¤ã®æ–¹ã€…ã«ãŠã¾ã‹ã›;; OpenCVã¯Pythonãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’ä½¿ã„ã¾ã™ã®ã§ã€ã“ã®éƒ¨åˆ†ã¯å‰å›žã¨åŒã˜ãFlaskã‚’ä½¿ã†ã“ã¨ã«ã—ã¾ã™ã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãŒFlashã®å ´åˆã¯ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ä¸è¦ã§ã€URIãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚’è¡Œã†ãŸã‚ã®WerkzeugãŒã‚ã‚Œã°ååˆ†ã§ã™ã€‚ãŸã ã€Flaskãªã‚‰æƒ…ç†±ãŒãªãã¦ã‚‚ãŸã¶ã‚“æœ€å¾Œã¾ã§æ›¸ããã‚Œã‚‹ã®ã§ã‚ªã‚¹ã‚¹ãƒ¡ã€‚æœ€å¾Œã«å‡¦ç†çµæžœã§ã™ãŒã€ä»Šå›žã¯Star Detectorã®ãƒ‡ãƒ¢ã‚’ä½œã‚ã†ã¨æ€ã†ã®ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ãªJSONå½¢å¼ã§è¿”ã™ã“ã¨ã«ã—
nihohi 2012/07/04
wsgi

ã‚¢ãƒ—ãƒª

rest

OpenCV

html5

Python
ãƒªãƒ³ã‚¯
HTML5ã§ä½¿ãˆã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ©Ÿèƒ½ | DevelopersIO
HTML5ã‚’ä½¿ã£ãŸã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªé–‹ç™ºã«èˆˆå‘³ãŒã‚ã£ãŸã®ã§ã€ã‚«ãƒ¡ãƒ©ã‚„GPSãªã©ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ©Ÿèƒ½ãŒã©ã“ã¾ã§ä½¿ãˆã‚‹ã®ã‹è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãªã®ã§ãƒ–ãƒ©ã‚¦ã‚¶ã«ä¾å˜ã—ã¾ã™ãŒã€ä»¥ä¸‹ã®ã‚µã‚¤ãƒˆã«ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶åˆ¥å¯¾å¿œçŠ¶æ³ãŒæ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ http://mobilehtml5.org è©¦ã—ãŸã®ã¯ä»¥ä¸‹ã®æ©Ÿèƒ½ã§ã™ã€‚ç«¯æœ«ã¯Galaxy Nexusã¨iPod Touch 4ä¸–ä»£ã‚’ä½¿ã„ã¾ã—ãŸã€‚ Androidã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯4.0.4ã§ãƒ–ãƒ©ã‚¦ã‚¶ã¯Chromeã¨ä¸€éƒ¨Firefoxã§ã™ã€‚iOSã¯5.0.1ã€Safariã§è©¦ã—ã¾ã—ãŸã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ç¢ºèªã§ãã‚‹ã‚ˆã†ã«ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ãŸã®ã§è©¦ã—ã¦ã¿ã¦ä¸‹ã•ã„ã€‚ ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆ(Touch Events) ãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢(Multimedia) ä½ç½®æƒ…å ±ã®å–å¾—(Geolocation API) åŠ é€Ÿåº¦ã‚»ãƒ³ã‚µãƒ¼(Motion Sensors) ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ã‚¯ã‚»ã‚¹(F
nihohi 2012/06/27
HTML5

Android

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
<button>ï¼HTML5ã‚¿ã‚°ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
<button>ã‚¿ã‚°ã¯ã€ãƒœã‚¿ãƒ³ã‚’ä½œæˆã™ã‚‹éš›ã«ä½¿ç”¨ã—ã¾ã™ã€‚ typeå±žæ€§ã¯ãƒœã‚¿ãƒ³ã®ç¨®é¡žã‚’æŒ‡å®šã™ã‚‹éš›ã«ä½¿ç”¨ã—ã¾ã™ã€‚ typeå±žæ€§ã®å€¤ã«ã¯ã€ä»¥ä¸‹ã®ï¼“ç¨®é¡žã®ã„ãšã‚Œã‹ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ åˆæœŸå€¤ã¯type="submit"ã§ã™ã€‚ type="submit" â€¦â€¦ ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›å†…å®¹ã‚’é€ä¿¡ã™ã‚‹ã‚µãƒ–ãƒŸãƒƒãƒˆãƒœã‚¿ãƒ³ï¼ˆåˆæœŸå€¤ï¼‰ type="reset" â€¦â€¦ ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›å†…å®¹ã‚’ãƒªã‚»ãƒƒãƒˆã™ã‚‹ãƒªã‚»ãƒƒãƒˆãƒœã‚¿ãƒ³ type="button" â€¦â€¦ ä½•ã‚‚ã—ãªã„æ±Žç”¨çš„ãªæŠ¼ã—ãƒœã‚¿ãƒ³ formå±žæ€§ã¯ã€ã©ã®ãƒ•ã‚©ãƒ¼ãƒ ã¨é–¢é€£ä»˜ã‘ã‚‹ã‹ã‚’æŒ‡å®šã™ã‚‹éš›ã«ä½¿ç”¨ã—ã¾ã™ã€‚ <button>ã¯åˆæœŸå€¤ã§ã¯ç›´è¿‘ã®è¦ªè¦ç´ ã¨ãªã‚‹<form>ã¨é–¢é€£ä»˜ã‘ã‚‰ã‚Œã¾ã™ãŒã€ <form>ã®idå±žæ€§ã®å€¤ã¨<button>ã®formå±žæ€§ã®å€¤ã‚’ä¸€è‡´ã•ã›ã‚‹ã“ã¨ã§ã€ ãƒœã‚¿ãƒ³ã‚’ç‰¹å®šã®ãƒ•ã‚©ãƒ¼ãƒ ã¨é–¢é€£ä»˜ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã‚’ä»»æ„ã®å ´æ‰€ã«é…ç½®ã§ãã‚‹ã®ã§ã€ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§
nihohi 2012/02/16
ã‚¿ã‚°ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

HTML5
ãƒªãƒ³ã‚¯
bestvpn.org
HTML 5 experimentation and demos I've hacked together. Click on the browser support icon or the techno logy tag to filter the demos (the filter is an OR filter). HTML5 also presents new challenges to online privacy, so if you're at all concerned about your privacy please read my comprehensive notes on VPN Services like ExpressVPN and NordVPN. Demo Support Techno logy
nihohi 2012/02/16
demoã«ã¤ã„ã¦

HTML5
ãƒªãƒ³ã‚¯
canvasè¦ç´ + Javascriptã§ä½œã‚‹ã€å‹•çš„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
HTML 5 + Javascriptã§ä½œã‚‹å‹•çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ å‰å›žã®æŽˆæ¥ã§ã¯ã€HTML 5ã«ã¤ã„ã¦ã€ãã®æˆã‚Šç«‹ã¡ã‚„ç‰¹å¾´ã‚’è§£èª¬ã—ãŸä¸Šã§ã€æ–°ã—ã„æ§‹é€ åŒ–ã®ãŸã‚ã®è¦ç´ ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã—ãŸã€‚ã¾ãŸã€ã‚ã‚ã›ã¦CSS3ã«ã‚ˆã£ã¦æ ¼æ®µã«é€²æ©ã—ãŸè¡¨ç¾åŠ›ã«ã¤ã„ã¦å®Ÿéš›ã«ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã‚’ä½œã‚ŠãªãŒã‚‰è§£èª¬ã—ã¾ã—ãŸã€‚ ä»Šã¾ã§ã¯ã€Webãƒšãƒ¼ã‚¸ã§å‹•çš„ã«å›³ã‚„ç”»åƒã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æç”»ã™ã‚‹ã«ã¯FlashãŒä»£è¡¨çš„ãªé¸æŠžè‚¢ã§ã—ãŸã€‚ã—ã‹ã—ã€ã“ã“æ•°å¹´ã§ãã®çŠ¶æ³ãŒå¤§ããå‹•ãã¤ã¤ã‚ã‚Šã¾ã™ã€‚Flashã«ä»£è¡¨ã•ã‚Œã‚‹ã‚ˆã†ãªå‹•çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒã€å°‚ç”¨ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ç„¡ã—ã«ã€HTMLã®è¦ç´ ã¨ãã‚Œã¨é€£æºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã ã‘ã§å®Ÿç¾ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¤ã¤ã‚ã‚‹ã®ã§ã™ã€‚ã“ã†ã—ãŸæŠ€è¡“ã¯ã€ä»Šå¾Œã®Webã®å‹•å‘ã‚’å¤§ããå¤‰ãˆã‚‹å¯èƒ½æ€§ã‚’ç§˜ã‚ãŸæŠ€è¡“ã¨ã—ã¦è„šå…‰ã‚’æµ´ã³ã¦ã„ã¾ã™ã€‚ HTML 5ã§å‹•çš„ã«ç”»åƒã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ãŸã‚ã«ã¯ã€canvasè¦ç´ ã¨ã„ã†æ–°è¦ã«å°Žå…¥ã•ã‚ŒãŸè¦ç´ ã¨ã€can
nihohi 2012/02/16
html5
ãƒªãƒ³ã‚¯
ç¬¬7å›žã€€Google Chromeæ‹¡å¼µã¨HTML5 #1 | gihyo.jp
ã“ã‚“ã«ã¡ã¯ã€å¤ªç”°ã§ã™ã€‚ä»Šå›žã¯Google Chromeæ‹¡å¼µã«ä½¿ãˆã‚‹HTML5é–¢é€£æŠ€è¡“ã®è§£èª¬ã‚’ãŠé€ã‚Šã—ã¾ã™ã€‚ Google Chromeã¯WebKitï¼ˆSafariï¼‰ã¨é€£æºã—ã¦ã€HTML5ã¨ãã®å‘¨è¾ºæŠ€è¡“ã®å®Ÿè£…ã‚’ç©æ¥µçš„ã«é€²ã‚ã¦ã„ã¾ã™ã€‚ä¸€èˆ¬çš„ãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã¯ã€äº’æ›æ€§ã®å•é¡Œã‹ã‚‰HTML5ãªã©ã®æœ€æ–°å®Ÿè£…ã‚’ç©æ¥µçš„ã«ä½¿ç”¨ã™ã‚‹ã“ã¨ã¯å›°é›£ã§ã™ãŒã€Chromeæ‹¡å¼µã§ã¯ãã†ã„ã£ãŸå•é¡Œã«ã¨ã‚‰ã‚ã‚Œãšã«æœ€æ–°ã®æŠ€è¡“ã‚’è©¦ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ä»Šå›žã‹ã‚‰æ•°å›žã¯ãã†ã„ã£ãŸHTML5é–¢é€£ã®è©±é¡Œã‚’å–ã‚Šä¸Šã’ã¾ã™ã€‚ Chromeæ‹¡å¼µã§ä½¿ãˆã‚‹HTML5 HTML5ã¯2010å¹´1æœˆæ™‚ç‚¹ã§ç–å®šé€”ä¸ã®æ®µéšŽã§ã™ã€‚æ—¢ã«ä¸€éƒ¨ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ä»•æ§˜ã§ã‚ã£ã¦ã‚‚ã€ï¼ˆâ å®Ÿè£…ã«ã‚ˆã‚‹ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’å—ã‘ã¦ï¼‰ä»•æ§˜ãŒä¿®æ£ã•ã‚Œã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚å¤šãã®ãƒ–ãƒ©ã‚¦ã‚¶ã§å®Ÿè£…ã•ã‚Œã¦ã„ã¦å®Ÿè³ªçš„ã«ç¢ºå®šã—ã¦ã„ã‚‹éƒ¨åˆ†ã‚‚ã‚ã‚Šã¾ã™ãŒã€ã¾ã ã»ã¨ã‚“ã©å®Ÿè£…ã•ã‚Œã¦ã„ãªã„ä»•æ§˜ã‚„ã€å®Ÿè£…ã¯ã•ã‚ŒãŸ
nihohi 2012/02/15
ä½œã‚Šæ–¹èª¿æŸ»ã€‚åŸºç¤Žèª¿æŸ»ã€‚

chrome

æ‹¡å¼µæ©Ÿèƒ½

HTML5
ãƒªãƒ³ã‚¯
1