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

kei2100 id:kei2100

javascriptã¨html5ã«é–¢ã™ã‚‹kei2100ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

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

è¶…ã‚·ãƒ³ãƒ—ãƒ«ãªã€pushState + Ajax = PJAXã®ã‚µãƒ³ãƒ—ãƒ«ã€€Flaskç·¨ - When itâ€™s ready.
HTML5ç†±ã„ã§ã™ãã€‚ã„ã‚ã‚“ãªæ„å‘³ã§ BigPipeã‚„ã‚‰ã€HTMLã§ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã¨ã‹ã„ã‚ã„ã‚å‡ºã¦ã„ã¾ã™ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ“ãƒªãƒ†ã‚£ä¸‹ã’ã¡ã‚ƒã„ã‘ãªã„ã‚ˆãã£ã¦äº‹ã¯ã€ã©ã®æŠ€è¡“ã§ã‚‚å¤§åˆ‡ãªå…±é€šé …ã§ã™ãã€‚pjax = pushState + ajaxä½¿ãˆã°ã€ãƒªãƒƒãƒãªäººã«ã¯ã‚µã‚¯ã‚µã‚¯ãªUIã‚’ã€ãã†ã˜ã‚ƒãªã„äººã«ã‚‚ãã‚Œãªã‚Šã«æä¾›ã§ãã‚‹ã€‚ãã®ä¸Šã€æˆ»ã‚‹ãƒœã‚¿ãƒ³ã‚‚ã‚µãƒ¼ãƒã‚¨ãƒ³ã‚¸ãƒ³ã«ã‚‚å„ªã—ã„ã¨ãã‚Œã°ã€ã“ã‚Œã¯è©¦ã•ãªã„ã‚ã‘ã«ã¯è¡Œã‹ãªã„ã§ã™ãã€‚ å‹•ä½œã‚µãƒ³ãƒ—ãƒ«ï¼š http://pjax.atu.si/ Pjaxã™ã‚‹ã¨ã©ã†ãªã‚‹ã®ã‹ï¼Ÿ éžåŒæœŸå‹•ä½œæ™‚ http://pjax.atu.siã€€ã«ã‚¢ã‚¯ã‚»ã‚¹ã‚’ã—ã¦ã€ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨è¦ç´ ãŒéžåŒæœŸã«å¤‰æ›´ã•ã‚Œã‚‹ã€‚ éžåŒæœŸã«æ›´æ–°ã•ã‚Œã¦ã„ã‚‹ãŒURLã¯ã€ã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ã«å¤‰æ›´ã•ã‚Œã‚‹ã€‚ åŒæœŸå‹•ä½œæ™‚ http://pjax.atu.si/parts/x ã‚„ http://pjax.atu.si/parts/
kei2100 2011/08/22
pjax

ajax

javascript

html5
ãƒªãƒ³ã‚¯
ç¬¬19å›žhtml5ã¨ã‹å‹‰å¼·ä¼š PJAX ï½žHTML5æ™‚ä»£ã®AJAXã‚µã‚¤ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ï½ž
16. Htmlã‚’è¦‹ã¦ã‚‚åˆ†ã‹ã‚‰ãªã„<header> <h1> bad ajax sample. </h1> - doesn't care about states ;-( - </header> <nav> <ul> <li><a href="/0">semantics</a></li> <li><a href="/1">offline</a></li> <li><a href="/2">device</a></li> <li><a href="/3">connectivity</a></li> </ul> </nav> <article> </article> </body>
kei2100 2011/08/22
html5

javascript

pjax

ajax
ãƒªãƒ³ã‚¯
https://jp.techcrunch.com/2011/03/01/20110228ajax-org-debuts-development-as-a-service-platform-for-javascript-html5/
kei2100 2011/03/03
javascript

html5

ide

webservice

development
ãƒªãƒ³ã‚¯
å…¥ä¼šã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã‚¬ã‚¤ãƒ‰ï½œçŸ¥ã‚‰ãªã„ã¨æã ã‚ˆï¼
æ—…è¡Œã‚„æ—…ã«ä¾¿åˆ©ã€å›½éš›ç·šã«å¯¾å¿œã—ã¦ã„ã‚‹èˆªç©ºæ©Ÿé…å»¶ä¿é™ºä»˜ãã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰ã¯ã€é£›è¡Œæ©Ÿã®æä¹—ãŒé…ã‚ŒãŸã‚Šã€ãƒ•ãƒ©ã‚¤ãƒˆãŒã‚ãƒ£ãƒ³ã‚»ãƒ«ã«ãªã£ã¦ã—ã¾ã£ãŸæ™‚ã«ã¯ç¾å®Ÿã«æ”¯å‡ºã—ãŸé‡‘é¡ã‚’ä¿è¨¼ã—ã¦ãã‚Œã‚‹éžå¸¸ã«é ¼ã‚‚ã—ã„ã‚µãƒ¼ãƒ“ã‚¹ã«ãªã‚Šã¾ã™ã€‚ ç©ºã®æ—…ã®å®‰å¿ƒæ„Ÿã‚‚ã‚ã‚Šã€ãƒ•ãƒ©ã‚¤ãƒˆãŒã‚ãƒ£ãƒ³ã‚»ãƒ«ã«ãªã£ãŸæ™‚ã«ã‚‚ã‚«ãƒ¼ãƒ‰ãŒä¿è¨¼ã—ã¦ãã‚Œã€ãã®ãŸã‚åˆ©ç”¨ã—ã‚„ã™ãååˆ†ã«æ§˜ã€…ãªå ´æ‰€ã§æµ·å¤–å‡ºå¼µã‚„æ—…è¡Œã‚‚å®‰å¿ƒã—ã¦éŽã”ã›ã¾ã™ã€‚ ã“ã®ã‚«ãƒ¼ãƒ‰ã¯ãƒˆãƒ©ãƒ™ãƒ©ãƒ¼ã‚„æ—…è¡Œå¥½ãã®æ–¹ã€å›½éš›ç·šã®ç§»å‹•ãŒå¤šã„ãƒ“ã‚¸ãƒã‚¹ãƒžãƒ³ã«ãŠã™ã™ã‚ã‚«ãƒ¼ãƒ‰ã§ã™ã€‚èˆªç©ºæ©Ÿé…å»¶ä¿é™ºã¯é£›è¡Œæ©ŸãŒé…ã‚Œã¦ã—ã¾ã£ãŸæ™‚ã«ã€ã‚«ãƒ¼ãƒ‰ä¼šç¤¾ãŒæå®³ã‚’è² æ‹…ã—ã¦ãã‚Œã‚‹ä¿é™ºãªã®ã§ã€ç©ºã®ç§»å‹•ã«ã¯ã“ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä»˜å¸¯ã—ãŸã‚«ãƒ¼ãƒ‰ã‚’æŒã£ã¦ã„ã‚‹ã¨éžå¸¸ã«å®‰å¿ƒæ„Ÿã‚‚ã‚ã‚ŠãŠã™ã™ã‚ã§ã™ã€‚ MUFGã‚«ãƒ¼ãƒ‰ ãƒ—ãƒ©ãƒãƒŠã‚¢ãƒ¡ãƒƒã‚¯ã‚¹ ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰ã§ã‚‚MUFGã‚«ãƒ¼ãƒ‰ã¯ã‚ã®æœ€å¤§æ‰‹ã‚¢ãƒ¡ãƒƒã‚¯ã‚¹ã¨ï¼ï¼µï¼¦ï¼§ã®ç™ºè¡Œã—ã¦ã„ã‚‹ãƒ—ãƒ©ãƒãƒŠã‚«ãƒ¼ãƒ‰ãªã®ã§ã€å¤šãã®ãƒ¡ãƒªãƒƒãƒˆãŒä»˜å¸¯ã—ã¦ã„ã‚‹ä½¿ã„
kei2100 2011/03/02
javascript

html5
ãƒªãƒ³ã‚¯
https://jp.techcrunch.com/2011/02/18/20110217game-closure-makes-it-a-breeze-to-build-multiplayer-cross-platform-games/
kei2100 2011/02/21
html5

javascript

game
ãƒªãƒ³ã‚¯
2011å¹´ã®JavaScript â”€ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªå…¨ç››ã®æ™‚ä»£ã¸ | gihyo.jp
ã‚ã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ã€‚æ˜¨å¹´ã«å¼•ãç¶šãã€ä»Šå¹´ã‚‚JavaScriptã®è¿‘ã„æœªæ¥ã«ã¤ã„ã¦ã¡ã‚‡ã£ã¨ã ã‘ãŠè©±ã•ã›ã¦é ‚ãã¾ã™ã€‚ æœ€åˆã«æ˜¨å¹´ã®äºˆæƒ³ã‚’è¦‹è¿”ã—ã¦ãŠãã¾ã—ã‚‡ã†ã€‚æ˜¨å¹´ã¯æ¬¡ã®3ã¤ã‚’2010å¹´ã®éµã¨ã—ã¦å–ã‚Šä¸Šã’ã¾ã—ãŸã€‚ ã‚¦ã‚§ãƒ–æ¨™æº– ãƒ–ãƒ©ã‚¦ã‚¶æ‹¡å¼µ ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JavaScript ã“ã®3ã¤ã‚’è»¸ã«2010å¹´ã‚’æŒ¯ã‚Šè¿”ã£ã¦ã¿ã¾ã™ã€‚ 2010å¹´ã®JavaScriptç•Œéšˆã§ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ ã‚¦ã‚§ãƒ–æ¨™æº– 2010å¹´æœ€åˆã®ãƒ“ãƒƒã‚°ãƒ‹ãƒ¥ãƒ¼ã‚¹ã¯ãªã‚“ã¨ã„ã£ã¦ã‚‚IE 9ã®Platform Previewç‰ˆã®ç™»å ´ã§ã—ãŸã€‚ã“ã‚Œã¾ã§ã®ç‹¬è‡ªå®Ÿè£…è·¯ç·šã‹ã‚‰ä¸€è»¢ã—ã¦ï¼ˆæ£ç¢ºã«ã¯IE 8ã®æ™‚ç‚¹ã§JSONã‚„Web Storageã®ã‚µãƒãƒ¼ãƒˆãªã©ã€ãã®å¾´å€™ã¯ã‚ã£ãŸã®ã§ã™ãŒâ ï¼‰â ã€HTML5ãªã©ã®ã‚¦ã‚§ãƒ–æ¨™æº–ã®ã‚µãƒãƒ¼ãƒˆã‚’é€²ã‚ã‚‹ã“ã¨ã‚’è¡¨æ˜Žã—ã¾ã—ãŸã€‚ãã—ã¦å®Ÿéš›ã«8é€±ãŠãã«Platform Previewç‰ˆã‚’ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ã¦ã€ECMAScript5ãƒ»S
kei2100 2011/01/07
javascript

node.js

html5

css
ãƒªãƒ³ã‚¯
WebSocketã§ç›®æŒ‡ã›â€œãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webâ€ï¼ç¬¬1å›ž node.jsã®è¡æ’ƒã¨WebSocketãŒæ‹“ãæœªæ¥ - ï¼ IT
ã”æŒ¨æ‹¶ ã“ã‚“ã«ã¡ã¯ã€ãƒãƒ³ãƒ‰ãƒ³ã®New Bambooã¨ã„ã†ä¼šç¤¾ã§Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦åƒã„ã¦ã„ã‚‹@makoto_inoueã§ã™ã€‚ã“ã“ã®ã¨ã“ã‚ã€Pusherã¨ã„ã†WebSocketã®ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“ã‚¹ã®é–‹ç™ºã«é–¢ã‚ã£ã¦ã„ã¾ã™ã€‚ä»Šå›žã‹ã‚‰3å›žã«æ¸¡ã£ã¦WebSocketã«é–¢ã™ã‚‹çŸæœŸé€£è¼‰ã‚’æ‹…å½“ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ç§ã‚’å«ã‚ãŸNew Bambooã®é¢ã€…ï¼ˆæˆ‘ã€…ã¯è‡ªåˆ†ãŸã¡ã®ã“ã¨ã‚’Bambinoã¨å‘¼ã‚“ã§ã„ã¾ã™ï¼‰ãŒWebSocketã«ãªãœèˆˆå‘³ã‚’æŒã£ãŸã‹ã¨ã„ã†ã“ã¨ã‹ã‚‰ã¯ã˜ã¾ã‚Šã€å®Ÿéš›ã«ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“ã‚¹ã‚’å§‹ã‚ã‚‹ã¾ã§ã«ã„ãŸã£ãŸã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’ãŠè©±ã—ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ãã®ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’é€šã˜ã¦ã€WebSocketãŒåˆ‡ã‚Šé–‹ãã€Œãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webã€ãªä¸–ç•Œã¸ã®å¯èƒ½æ€§ã‚„æŠ€è¡“çš„èª²é¡Œã‚’çš†ã•ã‚“ã¨å…±æœ‰ã§ãã‚Œã°ã¨æ€ã£ã¦ã„ã¾ã™ã€‚
kei2100 2010/10/06
html5

javascript

node.js

websocket
ãƒªãƒ³ã‚¯
jsdo.it
Come creare il miglior gioco da casinÃ² Quando si progetta un gioco da casinÃ², la prima cosa che devi considerare Ã¨ che tipo di gioco sarÃ . Ci sono molti diversi tipi di giochi da casinÃ², dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovr ai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovr ai a
kei2100 2010/09/28
javascript

webservice

html5

css3

REPL
ãƒªãƒ³ã‚¯
1