[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
Viewã«ç™»éŒ²ã—ãŸã‚¤ãƒ™ãƒ³ãƒˆãŒè¤‡æ•°å›žå‘¼ã°ã‚Œã¦ã—ã¾ã†å ´åˆã®å¯¾å‡¦ - Qiita
以下ã®ã‚ˆã†ã«ã€åŒã˜DOMè¦ç´ ã«å¯¾ã—ã¦è¤‡æ•°ã®Backboneã®Viewã‚’é©ç”¨ã™ã‚‹ã¨ã€ãã‚Œãžã‚Œã®ã‚¤ãƒ™ãƒ³ãƒˆãŒæ®‹ã‚Šç¶šã‘ã¦ã—ã¾ã„ã€ã‚»ãƒ¬ã‚¯ã‚¿ãŒã‹ã¶ã‚‹ã¨äºŒé‡ã«ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã—ã¦ã—ã¾ã„ã¾ã™ã€‚ViewãŒã²ã¨ã¤ã®å ´åˆã§ã‚‚ã€Routerを使ã£ã¦åŒã˜Viewを複数回表示ã—ãŸå ´åˆã‚‚åŒæ§˜ã§ã™ã€‚ var AView = Backbone.View.extend({ el: $("#main"), events: { "click button#btn1": "onBtn1Click" } ... }); var BView = Backbone.View.extend({ el: $("#main"), events: { "click button#btn1": "onBtn1Click" } ... });
Backbone Patterns
Backbone Patterns Building apps with Backbone.js Here, I try to document the good practices that our team has learned along the way building Backbone applications. This document assumes that you already have some knowledge of Backbone.js, jQuery, and of course, JavaScript itself. Table of contents Model patterns Bootstrapping data View patterns Inline templates JST templates Partials Animation buf
Angular.jsã¨Backbone.jsã®DOMä¾å˜ã‚’図解ã™ã‚‹ - ã‚¸ãƒ³ã‚¸ãƒ£ãƒ¼ç ”ç©¶å®¤
果敢ã«ã‚‚MVCフレームワークã®å›³è§£ã‚’試ã¿ãŸã®ã§ã€ã©ã†ãžï¼ MVCã®å‹•æ©Ÿ MVCã¨ã„ã†è¨€è‘‰ãŒåˆã‚ã¦ç™»å ´ã—ã¦ã‹ã‚‰30年以上ãŸã£ãŸä»Šã€æœ€æ—©ãªã‚“ã ã£ãŸã®ã‹åˆ†ã‹ã‚‰ãªã„ã»ã©MVCã®å®šç¾©ã¯æ··è¿·ã‚’ããŸã—ã¦ã„ã‚‹ã‚ã‘ã ãŒã€ã©ã‚ŒãŒMVCã§MVVMã§MVPã§ã‚ã‚‹ã¨ã„ã†å®šç¾©ã«ã¤ã„ã¦ã‚ã‚Œã“れ考察ã™ã‚‹ã®ã¯å€‹äººçš„ã«ã¯å¥½ãã§ãªãã¦ã€ã€Œçµå±€ä½•ãŒã—ãŸã„ã®ã‹ã€ã¨ã„ã†å‹•æ©ŸãŒã¶ã‚Œã¦ã„ãªã‘ã‚Œã°ä½•ã§ã‚‚良ã„ã¨æ€ã£ã¦ã„る。 ã˜ã‚ƒã‚ãã‚Œã¯ä¸€ä½“何ãªã®ã‹ã¨ã„ã†ã“ã¨ã‚’自分ãªã‚Šã«è€ƒãˆã¦ã¿ãŸã¨ã“ã‚ã€æ¬¡ã®ä¸€è¨€ã«è½ã¡ç€ã„ãŸã€‚ 「Modelã¯Viewã«ä¾å˜ã—ãŸããªã„〠世間的ã«ã¯ï¼ˆï¼Ÿï¼‰Modelã¨Viewã‚’å˜ã«ã€Œåˆ†ã‘ã‚‹ã€ã¨èª¬æ˜Žã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ãŒã€ç§ã¯ãã‚Œã ã‘ã§ã¯ç´å¾—ã—ã¦ã„ãªãã¦ã€ä¾å˜ã®æ–¹å‘ã“ããŒé‡è¦ã ã¨æ€ã£ã¦ã„る。ãŸã¨ãˆåˆ†ã‹ã‚Œã¦ã„るよã†ã«è¦‹ãˆã¦ã‚‚ModelãŒViewã‚’å‚ç…§ã—ã¦ã„ãŸã‚‰ã€æƒ…å ±ã®å–得先や表ç¾æ–¹æ³•ã¯å›ºå®šåŒ–ã•ã‚Œã¦ã—ã¾ã†ã€‚ Modelã¯Viewã®äº‹æƒ…ã‹ã‚‰
Kyoto.js #7 何ãŒMVCã‚’ã¤ãªã’ã¦ã„ã‚‹ã®ã‹
main.md 何ãŒMVCã‚’ã¤ãªã’ã¦ã„ã‚‹ã®ã‹ クライアントサイドMVC buzzwordã£ã½ã„ Backbone.js Angular.js Knockout.js Ember.js ã¨ã‹ 使ã£ã¦ã¾ã™ã‹? ã¯ã¦ãªã§ã‚‚一部本番é‹ç”¨/社内å‘ã‘ツールã§ã¯ã‚ˆãã¿ã‚‹ クライアントサイドMVCフレームワークを利用ã™ã‚‹ã¨MVCã«ã‚ˆã‚‹è¨è¨ˆæ–¹é‡ã‚’ç°¡å˜ã«ä½¿ã†ã“ã¨ãŒã§ãるよã†ã«ãªã‚‹ MVC!MVC! Ruby on Rails Django Amon2 Webアプリケーションã®MVCã¯ã“ã“ã§ã¯å¿˜ã‚Œã‚!!! MVCパターンã£ã¦ä½•ãŒè‰¯ã„ã®? ã„ã¤ã‚‚ã®å›³ MVC consists of three kinds of objects. The Model is the application object, the View is its screen presentation, and the Controller
大è¦æ¨¡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 = {}
Backbone.jsを利用ã—ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCã®å°Žå…¥ã«ã¤ã„ã¦ãã‚ãã‚書ã„ã¦ãŠãã‹ - 出町ミスド攻防記
jQueryヘビーãªã‚¢ãƒ—リケーションã®å•é¡Œç‚¹ã¨ã€MVCã«ã‚ˆã‚‹æ§‹é€ 化ã®å¿…è¦æ€§ jQueryã¯ã€ãƒ–ラウザ上ã§å‹•ãJSアプリケーションã®é–‹ç™ºç”Ÿç”£æ€§ã‚’劇的ã«å‘上ã•ã›ã¾ã—ãŸã€‚DOMæ“作ã«ã‚ˆã‚‹å‹•çš„ãªãƒšãƒ¼ã‚¸æ›¸ãæ›ãˆå‡¦ç†ãªã©ã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’使ã£ã¦ã¡ã‚‡ã‚ã£ã¨ã‚³ãƒ¼ãƒ‰ã‚’書ãã ã‘ã§ã€ã»ã‚“ã®æ•°è¡Œã§è¨˜è¿°ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æ–¹æ³•ã®å»¶é•·ã§ã€å¤§è¦æ¨¡ãªJSアプリケーションを構築ã™ã‚‹ã“ã¨ã¯æžœãŸã—ã¦ç¾å®Ÿçš„ã§ã—ょã†ã‹ã€‚例ãˆã°ã€ŒGMailã€ã‚„「New Twitterã€ç¨‹åº¦ã®è¦æ¨¡ã®JSアプリケーションを書ã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã—ãŸã‚‰ã€ã©ã†ã§ã—ょã†ï¼Ÿ 大è¦æ¨¡ãªJSアプリケーションを開発ã™ã‚‹ã«ã¯ã€ã“ã†ã„ã£ãŸæ‰‹æ³•ã‚’延長ã™ã‚‹ã®ã§ã¯ãªãã€ã‚ˆã‚Šæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンを導入ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ç›®çš„ã«ã´ã£ãŸã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンãŒã€ã€ŒMVCã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンã§ã™ã€‚ MVCパターンã¯ã€Webã®ä¸–ç•Œã§ã¯ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§åºƒã知られ
DailyJS: Node Tutorial Part 19: Backbone.js
Welcome to part 19 of Let’s Make a Web App, a tutorial series about building a web app with Node. This series will walk you through the major areas you’ll need to face when building your own applications. These tutorials are tagged with lmawa. Click to show previous tutorials. Backbone.js is a library for writing client-side JavaScript. It provides base classes for models, collections, and views.
Backbone.js - A brief introduction
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
1
メンテナンス
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
backbone.marionette-ja.js
todos.js
{{#tags}}- {{label}}
{{/tags}}