Node.js + WebSocket + Backbone.jsã®ã™ã™ã‚ - aticoã«ã‚ˆã†ã“ã
Backbone.js Advent Calendarã®16日目ã§ã™ã€‚ æ–°ã—ã„技術ã¯èˆˆå‘³ã¯ã‚ã‚‹ã‘ã©ã€ä¸»æµã«ãªã‚‰ãªã„技術も多ãã¦å…¨éƒ¨è¦šãˆã‚‹ã«ã¯ãŠè…¹ã„ã£ã±ã„ã¨ã„ã†çš†ã•ã‚“。 ç§ã‚‚ã“ã‚Œã¯ã¨ã„ã†æŠ€è¡“を身ã«ã¤ã‘ã¦ã€ä¸€ç”Ÿé£Ÿã¹ã¦è¡Œã‘ã‚ŒãŸã‚‰ã¨å¸¸ã€…æ€ã£ã¦ã„ã¾ã™ã€‚ ãã—ã¦ã‚ˆã†ã‚„ãã“ã‚Œã¯ã¨æ€ãˆã‚‹æŠ€è¡“ã«å‡ºä¼šã„ã¾ã—ãŸã€‚ ãã‚ŒãŒè¡¨é¡Œã®Node.js+WebSocket+Backbone.jsã§ã™ã€‚ ãれを使ã£ãŸç°¡å˜ãªã‚µãƒ³ãƒ—ルアプリ（backbone-railsã®ã‚µãƒ³ãƒ—ルをrailsã§ã¯ãªã Node.jsã«ç½®ãæ›ãˆã€DBã‚’Redisã€ãƒ‡ãƒ¼ã‚¿ã®åŒæœŸã«Socket.ioを使ã£ãŸã‚‚ã®ï¼‰ã®ã‚½ãƒ¼ã‚¹ã¯ ã“ã“ã«ã‚ã‚Šã¾ã™ã€‚アプリã®è§£èª¬ã¯ã¾ãŸä»Šåº¦ã—ã¾ã™ã€‚ 今回ã¯ãªãœã“ã®çµ„ã¿åˆã‚ã›ã«è³ã‘ã‚‹æ°—ã«ãªã£ãŸã®ã‹æ€ã£ãŸã‚’è¿°ã¹ã¾ã™ã€‚ 利点 デãƒã‚¤ã‚¹ã‚’é¸ã°ãªã„ HTML5ã®åˆ©ç‚¹ã§ã‚ˆã言ã‚ã‚Œã¦ã„るよã†ã«PCã¯ã‚‚ã¡ã‚ã‚“ iPhoneã€Androidã§ã‚‚動作
Backbone.jsã§Node.jsã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ãƒã‚¸ãƒƒã‚¯ã‚’イケã¦ã‚‹æ„Ÿã˜ã§å…±é€šåŒ–ã™ã‚‹ - Webtech Walker
Backbone.js Advent Calendarã®12日目ã§ã™ã€‚ Backbone.jsを使ã£ã¦Node.jsã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®JavaScriptã§ãƒã‚¸ãƒƒã‚¯ã‚’共有ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã¾ã™ã€‚ Node.jsã¨ã„ãˆã°ãƒãƒ£ãƒƒãƒˆã€‚ãƒãƒ£ãƒƒãƒˆã¨ã„ãˆã°Socket.IOã¨ã„ã†ã“ã¨ã§Socket.IOを使ã£ãŸãƒãƒ£ãƒƒãƒˆã‚’例ã«ã—ã¦ã¿ã¾ã™ã€‚ 例ãˆã°ãƒãƒ£ãƒƒãƒˆã®ä¸€å›žã®æ–‡å—列ã®ä¸Šé™ã‚’140æ–‡å—ã«ã—ãŸã„ã¨ã—ã¾ã™ã€‚ãã®å ´åˆã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§ã‚‚サーãƒãƒ¼å´ã§ã‚‚åŒã˜ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒã‚¸ãƒƒã‚¯ã‚’実装ã™ã‚‹ã®ã¯é¢å€’ã§ã™ã—ã€ä¸Šé™å€¤ãŒå¤‰æ›´ã«ãªã£ãŸã¨ãã«2箇所変更ã™ã‚‹ã®ã¯ã‚¤ã‚±ã¦ãªã„ã§ã™ã。ãã“ã§Backbone.jsを使ã£ã¦ãã®éƒ¨åˆ†ã®ãƒã‚¸ãƒƒã‚¯ã‚’共通化ã™ã‚‹æ–¹æ³•ã‚’考ãˆã¦ã¿ã¾ã™ã€‚ Backbone.jsã¯npmã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã‚‹ã®ã§ã¾ãšã¯Backbone.jsã¨Socket.IOをインストールã—ã¾ã™ã€‚ $ npm install
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Sublime Text 2 ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆ 12 é¸ï¼ˆWinã€Mac両方） ｜ クラスメソッド開発ブãƒã‚°
{{#tags}}- {{label}}
{{/tags}}