Backbone Antipatterns - Shine Solutions Group
Backbone.js deserves a lot of credit for bringing MVC to mainstream client-side Javascript development. That said, many beginners ask what the ‘right way’ of doing something with Backbone is. The bad news is that there’s not necessarily a ‘right way’ – it all depends on the problem you are trying to solve. The good news is that there are definitely some ‘wrong ways’ that you should avoid on your w
[O'REILLY]Developing Backbone.js Applications -
Available free for open-source reading below or for purchase via the O'Reilly store. Pull requests and comments always welcome. Prelude Not so long ago, “data-rich web application†was an oxymoron. Today, these applications are everywhere and you need to know how to build them. Traditionally, web applications left the heavy-lifting of data to servers that pushed HTML to the browser in complete pag
Backbone.js - Where to define view helpers?
I've been kicking the tyres of Backbone.js and having a play around in recent weeks, so a bit of a noob question... What is the 'correct' way to define and use view helpers in backbone.js? As far as I can work out, the only real place to define helpers to use in your templates is on the model or collection itself. However, when that helper is directly returning HTML, this begins to feel a little d
Backbone.jsã§å…¨ã‚¤ãƒ™ãƒ³ãƒˆã‚’consoleã«å‡ºåŠ›ã™ã‚‹ãƒ‡ãƒãƒƒã‚°ç”¨ã‚¹ã‚¯ãƒªãƒ—ト - Qiita
最近ã“ã‚“ãªè¨˜äº‹ã‚’見ã‹ã‘ã¦ã€ãƒ•ãƒ¼ãƒ³ã¨æ€ã„ãªãŒã‚‰çœºã‚ã¦ã„ãŸã‚‰ã€ä¾¿åˆ©ãã†ãªå†…容(Ease debugging of Backbone events)を見ã‹ã‘ãŸã®ã§ã€è‡ªåˆ†ãªã‚Šã«ã‚¢ãƒ¬ãƒ³ã‚¸ã—ã¦ã¿ã¾ã—ãŸã€‚ Backbone.jsã§ä½œæˆã—ãŸã‚ªãƒ–ジェクトã§ç™ºç«ã—ãŸå…¨ã‚¤ãƒ™ãƒ³ãƒˆã‚’ã“ã‚“ãªæ„Ÿã˜ã§consoleã«å‡ºåŠ›ã—ã¦ãã‚Œã¾ã™ã€‚ ソースã¯ä»¥ä¸‹(コメントã®æŒ‡æ‘˜ã‚’å—ã‘ã¦ä¸€è¡Œä¿®æ£ã—ã¾ã—ãŸ)。 (function () { 'use strict'; // ãƒã‚°ã®ã‚¹ã‚¿ã‚¤ãƒ« var logStyles = { timestamp: { color: 'gray' }, label: { color: 'white', 'border-radius': '2px' }, event: { color: 'blue', 'font-weight': 'bold', 'font-size': '110%' } }; // ラベルã®
普通ã®railsアプリã«backboneé©ç”¨ã—ã¦æ€ã£ãŸäº‹ - lxyuma BLOG
普通ã®railsã®webアプリã«backboneを埋ã‚込んã§ã¿ã¦æ€ã£ãŸäº‹ç‰ã‚’書ã。 è³›å¦ã‚ã‚‹ã‹ã‚‚ã ãŒã€ã‚ãã¾ã§å€‹äººçš„ãªæ„見。 １）ウãƒã®ç¾å ´ã§Backboneを使ã†ã¹ãã‹å¦ã‹ï¼Ÿ ã©ã“ã‚‚åˆã‚ã«è€ƒãˆã‚‹äº‹ã€‚ 大è¦æ¨¡ã«ãªã£ãŸã‚‰ä½¿ãˆã¨ã‹ã€Single Page Applicationãªã‚‰ä½¿ãˆã¨ã‹ã€è‰²ã€…æ„見ã‚ã‚‹ã¨æ€ã†ãŒã€ 今時ã®æ™®é€šã®webアプリãªã‚‰jsガリガリ動ãã®ã§ã€è¿·ã‚ãšBackbone使ã£ã¦ã„ã„ã¨æ€ã†ã€‚ ※å˜èª¿ãªBå‘ã‘ã®åŸºå¹¹ã‚·ã‚¹ãƒ†ãƒ 作ã£ã¦ã‚‹ã¨ã‹ã¯ä¾‹å¤–ã¨ã—ã¦ã€‚ ã©ã“ã§ä½¿ã†ï¼Ÿ 別ã«å…¨ã¦ã®pageã§Backbone使ã†å¿…è¦ã¯ç„¡ã„ã‘ã©ã€ フォームé€ä¿¡ç³»ã§è‰²ã€…jså‹•ã‹ã™æ‰€ã¨ã‹ã€æ¤œç´¢æ¡ä»¶æŒ‡å®šã€çµžã‚Šè¾¼ã¿ã¨ã‹ã€ ç”»åƒ/詳細表示ã€LightBoxã¨ã‹ã€ ã“ã†ã„ã†æ‰€ã§jsガリガリ書ã‹ãªã„ã¨è¡Œã‘ãªããªã£ãŸã‚‰ Backboneã§ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’æ•´ç†ã—ã¦ã„ã‘ã°ã„ã„ã¨æ€ã†ã€‚ 実際使ã£ã¦ã¿ã¦ã©ã†ã ã£ãŸã‹ï¼Ÿ before 元々ã€
Quipperã§HTML5アプリを作ã£ã¦ã‚‹è©± - Fujimura
9月ã‹ã‚‰Quipperã¨ã„ã†ä¼šç¤¾ã§åƒã„ã¦ã„ã¾ã™ã€‚ 今日ã¯ãƒªãƒªãƒ¼ã‚¹å‰ã¨ã„ã†ã®ã«åŒåƒšãŒã™ã”ã„å‹¢ã„ã§ãƒ–ãƒã‚°ã‚¨ãƒ³ãƒˆãƒªã‚’書ã„ã¦ã„る。 Quipper ã®ã‚¹ãƒ”ード感自分ã®å¼·ã¿ã‚’生ã‹ã™ã“㨠on QuipperGithub Issues を利用ã—ãŸãƒªãƒªãƒ¼ã‚¹ãƒžãƒãƒ¼ã‚¸ãƒ£ã®ãŠä»•äº‹Quipperã§ã®ãŠã˜ã•ã‚“エンジニアã®ç«‹ã¡ä½ç½®åŒèª¿åœ§åŠ›ã«è² ã‘ã€åƒ•ã‚‚書ãã“ã¨ã«ã—ãŸã€‚ 最近ã€ã„ã‚ゆるHTML5アプリ(HTML+CSS+JavaScriptã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆ)を作ã£ãŸã€‚ã‚‚ã†ã™ãリリース。 ãã“ã§è‰²ã€…æ–°ã—ã„テクノãƒã‚¸ãƒ¼ã‚’使ã£ãŸã®ã§ã€ç§è¦‹ã‚’交ãˆã¤ã¤ç°¡å˜ã«ã”å ±å‘Šã—ã¾ã™ã€‚ Chaplin.jsç´ ã®Backboneã ã¨ã€ãƒ–ートやインスタンス管ç†ã®ä»•çµ„ã¿ã‚’作るã®ãŒé¢å€’。ã“ã“一年ã§ãã‚Œã£ã½ã„ã‚‚ã®ã‚’2度作ã£ãŸã®ã§ã€ã‚‚ã†ã‚„ã‚ŠãŸããªã‹ã£ãŸã€‚ Chaplin.jsã¯ãƒ¬ãƒ¼ãƒ«ãŒã²ã„ã¦ã‚ã‚Šã€ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ç®¡ç†ã‚‚è¡Œã届ã„ã¦ã‚‹ã€‚ Brunchã§é››å½¢ã¤ãれる
Backbone.js入門: åˆå¦è€…ã®ç‚ºã®ãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ— | mawatari.jp
最近ã€JavaScriptを多用ã™ã‚‹Webアプリケーションã®é–‹ç™ºã«æºã‚る機会ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ jQueryã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’ベタã«æ›¸ã„ã¦ã„ãã®ã¯ã€è¦æ¨¡ãŒå°ã•ã„ã†ã¡ã¯è‰¯ã„ã®ã§ã™ãŒã€æ©Ÿèƒ½è¿½åŠ ・仕様変更ç‰ãŒå¤šç™ºã™ã‚‹ã¨å°‘々é¢å€’ãªã“ã¨ã«ãªã‚Šã¾ã™ã€‚ã“ã®ã¾ã¾å¤§ãããªã£ã¦ã„ãã¨ç ´ç¶»ãŒç›®ã«è¦‹ãˆã¦ã„ã‚‹ã®ã§ã€æ§‹é€ 化ã•ã‚ŒãŸã‚¢ãƒ—リケーションを作りãŸã„ã¨æ€ã„Backbone.jsã‚’å¦ã³å§‹ã‚ã¾ã—ãŸã€‚ Backbone.js å…¬å¼ã‚µã‚¤ãƒˆ 7月上旬ã‹ã‚‰å¦ã³å§‹ã‚ãŸã®ã§ã€ã¾ã 20日程度ã§ã™ãŒã€ãã®ä¸ã§å¦ã‚“ã ã“ã¨ç‰ã‚’紹介ã—ã¾ã™ã€‚ã“ã‚Œã‹ã‚‰å‹‰å¼·ã‚’始ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã†äººã®å‚考ã«ãªã‚Œã°ã€å¹¸ã„ã§ã™ã€‚ 以下ã®å†…容ã¯ã€Backbone.jsã®ç†Ÿç·´è€…ãŒæŒ‡å—ã—ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªã„ã“ã¨ã‚’予ã‚ã”了承ãã ã•ã„。ã¡ãªã¿ã«ã€å¹³æ—¥ã®å¤œã¨ã€æ™‚é–“ãŒå–れるã¨ãã®é€±æœ«ã‚’使ã£ã¦å‹‰å¼·ã—ã¦ã€ã‚¤ãƒ™ãƒ³ãƒˆã‚µãƒ¼ãƒ“スã®WebAPIを串刺ã—検索ã™ã‚‹ã‚¢ãƒ—リç‰ã‚’作るãらã„ã«ã¯ã€Backb
大è¦æ¨¡JSã§ã®Backbone.js/CoffeeScript ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸ - mizchi log
ã“ã‚Œèªã‚“ã§ãŸã‚‰r7kamuraå›ã«JSã®MVCã©ã†ã™ã‚‹ã®çš„ãªè©±ãã‹ã‚Œã¦ãŸã®ã‚’æ€ã„出ã—ãŸã®ã§ã€è‡ªåˆ†ãŒBackboneを使ã†æ™‚ã®ãƒ‘ターンをr7kamuraå›ã®è¨˜äº‹ã‚’ベースã«æ›¸ããªãŠã—ã¦ã¿ãŸã€‚ > サãƒã‚¯ãƒ©ä¸¡æ–¹ã§å‹•ã JavaScript ã®å¤§è¦æ¨¡é–‹ç™ºã‚’è¡Œã†ãŸã‚㫠― Gist https://gist.github.com/1362110 > client-side javascript - ✘╹◡╹✘ http://r7kamura.hatenablog.com/entry/2012/10/18/023629 以下ã®æ§˜ãªã‚³ãƒ¼ãƒ‰ã‚’書ã„ãŸã€‚ã‹ãªã‚Šå†—é•·ã ãŒã€è¤‡é›‘ãªã‚¢ãƒ—リã ã¨ã“ã‚Œãらã„ã®å†—長性ã¯å¿…è¦ã«ãªã‚‹ã€‚ (ãªãŠæ¦‚念をä¼ãˆã‚‹ãŸã‚ã®è§£èª¬ç”¨ã‚³ãƒ¼ãƒ‰ãªã®ã§ãã®ã¾ã¾ã˜ã‚ƒå‹•ã‹ãªã„) Backbone.Model # åå‰ç©ºé–“ã®åˆæœŸåŒ– App = {} App.View = {} App.Model = {}
Creating a Web App with Backbone.js, Node.js, Express.js, Bootstrap, and MongoDB - TUTORIAL
Tech Stack for the Backbone.js WebApp Before moving on to building the application, it’s a good idea to get to know more about the Tools and Frameworks we’ll be using. Backbone.js “Backbone.js is a Frontend framework which helps us in building web apps in a more structured way and helps us in writing cleaner and bug-free code.†Don’t worry if you do not understand the above definition, let’s first
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Managing A Modal Dialog With Backbone And Marionette · Los Techies
ã¯ã˜ã‚よㆠBackbone.js
https://blog.ik.am/entries/121
{{#tags}}- {{label}}
{{/tags}}