Backbone UI
Overview Backbone UI provides a simple way to represent your Backbone Models and Collections as UI components. The need to shuffle data in and out of your UI is replaced with simple data binding techniques. All components are skinnable with CSS, and will render consistently accross browsers. The source is hosted on github with an MIT license. Philosophy This framework is written to embrace the DOM
Backbone.jsã«å…¥é–€ã—ã¦ã¿ã‚‹ã€Router編】 - yutaponã®ãƒ–ãƒã‚°
ä¹…ã—ã¶ã‚Šã®Backbone.js入門。 Backbone.jsガイドブックを見ãªãŒã‚‰ã¾ã¨ã‚ã¦ã¾ã™ãŒã€ 後åŠã¯è©¦è¡ŒéŒ¯èª¤ã®ãŸã¾ã‚‚ã®ã€‚ Backbone.Routerã¨ã¯ Backbone.Routerã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰MVCフレームワークã§ã„ã†ã¨ã“ã‚ã®Cã«ã‚ãŸã‚‹éƒ¨åˆ†ã€ã§ã‚‚ã‚ã‚Šã¾ã™ã—ã€VCã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ Backbone.ViewãŒDOMを監視ã™ã‚‹ã®ã«å¯¾ã—ã¦ã€Backbone.Routerã¯ãƒ–ラウザã®ãƒãƒƒã‚·ãƒ¥ï¼ˆURL欄）を監視ã—ã¾ã™ï¼ˆåŽ³å¯†ã«è¨€ã†ã¨hashChangeイベントã¨popStateイベントを監視）。 Backbone.Routerã«ãƒãƒƒã‚·ãƒ¥ã¨ãã‚Œã«å¯¾å¿œã™ã‚‹æ“作をè¨å®šã—ã¦ãŠãã“ã¨ã§ã€ アプリケーション全体ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã¿ãŸã„ãªãµã‚‹ã¾ã„ã‚’ã—ã¾ã™ã€‚ Backbone.Routerã®ä½¿ã„æ–¹ 何ã¯ã¨ã‚‚ã‚れサンプルコードを。 // @file router_sample.js var Router
Backbone.jsã§Viewã‹ã‚‰Model・DOMã‚’æ“作ã™ã‚‹æ™‚ã®æµã‚Œ - maeharinã®æ—¥è¨˜
自分ã®é ã®ä¸ã®æ•´ç†ã®ãŸã‚ã«ã€‚ ã¯ã˜ã‚ã« Backbone.jsガイドブックをèªã‚“ã§ã„ãŸã‚‰ã€ã“ã®ã‚ˆã†ãªäº‹ãŒæ›¸ã„ã¦ã‚ã£ãŸã€‚ BackboneæµMVCã§ã¯ã€ãƒ“ューã¨ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã¯ä¸¡æ–¹ã¨ã‚‚ViewãŒæ‹…当ã—ã¾ã™ã€‚（略）ã“れらã¯ãã‚Œãžã‚ŒViewã®ãƒ¡ã‚½ãƒƒãƒ‰ã¨ã—ã¦å®Ÿè£…ã—ã¾ã™ãŒã€æœ¬æ›¸ã§ã¯åŒºåˆ¥ã®ãŸã‚ã«å‰è€…をビューメソッドã€å¾Œè€…をコントãƒãƒ¼ãƒ©ãƒ¡ã‚½ãƒƒãƒ‰ã¨å‘¼ã¶ã“ã¨ã«ã—ã¾ã™ã€‚（略）é‡è¦ãªç‚¹ã¯ã€DOMイベントã«å¿œã˜ã¦ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¡ã‚½ãƒƒãƒ‰ãŒå®Ÿè¡Œã•ã‚Œã‚‹ã“ã¨ã§å‡¦ç†ãŒå§‹ã¾ã‚Šã€ãã®ä¸ã§modelã‚„collectionã‚’æ“作ã—ã€ãã®çµæžœç”Ÿã˜ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆãŒãƒ“ューメソッドを呼ã¶ã€ã¨ã„ã†æµã‚Œã‚’æ„è˜ã™ã‚‹ã“ã¨ã§ã™ã€‚ãã®ãŸã‚ã«ã‚‚ã€ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¡ã‚½ãƒƒãƒ‰ã«ã¯å‡¦ç†ã®èµ·ç‚¹ã«ãªã‚‹ä»¥ä¸Šã®ä»•äº‹ã‚’与ãˆãšã€DOMæ“作ã¯ã™ã¹ã¦ãƒ“ューメソッドã«é›†ã‚るよã†æ˜Žç¢ºã«åŒºåˆ¥ã—ã¾ã—ょã†ã€‚ 図ã«ã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚‹ï¼ˆç‚¹ç·šãŒã‚¤ãƒ™ãƒ³ãƒˆã§å®Ÿç·šãŒç›´æ“作） ã—ã‹ã—ã€ãªãœã“ã®ã‚ˆã†ãªæ›¸ãæ–¹ã«
大è¦æ¨¡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 = {}
3ã¤ã®MVC系人気フレームワークã€Backbone.jsï¼AngularJSï¼Knockout.js ［スライド＆動画］
ãã‚Œãžã‚Œã®JavaScriptフレームワークã«è©³ã—ã„3人ã®è¬›å¸«ãŒã€30分ãšã¤ã€ãƒ•ãƒ¬ãƒ¼ãƒ ã®æ¦‚è¦ã‚„基本的ãªä½¿ã„方を紹介。ãã®å¾Œã®10分ã»ã©ã§ã€ãã‚Œãžã‚Œã®è¬›å¸«ã¸ã®è³ªç–‘å¿œç”ã‚„ã€ãã‚Œãžã‚Œã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã®æ©Ÿèƒ½æ¯”較やæ„見交æ›ã‚’è¡Œã†ãƒ‘ãƒãƒ«ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ã‚’実施。 ï¼»Backbone.jsï¼½LINEæ ªå¼ä¼šç¤¾ 開発１室 UITãƒãƒ¼ãƒ 　清水 大輔 ï¼»AngularJS］金井 å¥ä¸€ï¼ˆAngularJS Japan User Group 管ç†äººï¼‰ ï¼»Knockout.js］沢渡 真雪 ［質疑応ç”＆パãƒãƒ«ãƒ»ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ã®ãƒ¢ãƒ‡ãƒ¬ãƒ¼ã‚¿ãƒ¼ï¼½ã‚°ãƒ¬ãƒ¼ãƒ—ã‚·ãƒ†ã‚£æ ªå¼ä¼šç¤¾ã€€å…«å·» 雄哉 ↠å‰å›ž 連載 INDEX 次回 → 6月8日（土曜日）ã«é–‹å‚¬ã—ãŸã‚»ãƒŸãƒŠãƒ¼ã€Œç¬¬1回 Build Insider OFFLINEã€ã®Room A 14:35～16:30ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³å‹•ç”»ï¼ˆ115分）ã¨ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’視è´ãƒ»é–²è¦§ã§ãã¾ã™ï¼ˆæ˜ åƒä¸Šã§ã¯ã‚¹ãƒ©ã‚¤ãƒ‰ã®
試ã—ã¦å¦ã¶ Backbone.js 入門ã®ã¾ã¨ã‚ - Taste of Tech Topics
皆ã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ã€‚id:KenichiroMurataã§ã™ã€‚ 今回ã¯Knowledge Noteã«ã¦é€£è¼‰ã•ã›ã¦é ‚ã„ã¦ã„㟠「試ã—ã¦å¦ã¶Backbone.js入門ã€ãŒå…¨ï¼•å›žåˆ†å…¬é–‹ã•ã‚ŒãŸãŸã‚ã€ãã®ã¾ã¨ã‚ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 記事ã®ã‚³ãƒ³ã‚»ãƒ—ト タイトルã«å«ã‚ãŸé€šã‚Šã€å®Ÿéš›ã«ã‚³ãƒ¼ãƒ‰ã‚’書ã„ã¦è©¦ã—ã¦ã¿ã‚‹ã“ã¨ã§Backbone.jsã®ç†è§£ã‚’æ·±ã‚ã‚‹ã“ã¨ã‚’一番ã®ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚ ãªã®ã§ã€ãœã²å®Ÿéš›ã«è¨˜äº‹ã®ä¸ã«å‡ºã¦ãるコードを書ã„ã¦ã€å‹•ã‹ã—ã¦ã€ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã®ãƒã‚°ã‚„動作を確èªã™ã‚‹ã“ã¨ã‚’ãŠã‚¹ã‚¹ãƒ¡ã—ã¾ã™ã€‚ å„記事ã®æ¦‚è¦ ç¬¬ï¼‘å›ž 試ã—ã¦å¦ã¶Backbone.js入門 Backbone.jsã®æ¦‚è¦ã‹ã‚‰ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã€Modelã€Collectionã®åŸºæœ¬ã‚’説明ã—ã¦ã„ã¾ã™ã€‚ 目次 ã¯ã˜ã‚㫠セットアップ Modelã®åŸºæœ¬ Collectionã®åŸºæœ¬ Collectionã®ä¾¿åˆ©ãªé–¢æ•° 第２回 試ã—ã¦å¦ã¶Backbone.
ScaleOut | Supership
日々ã®å‡ºæ¥äº‹ã€ãƒ¡ãƒ³ãƒãƒ¼ã®åƒã様åや声ã€æœªæ¥ã¸ã®æƒ³ã„ãªã©ã€Supershipã®â€œBE SUPERâ€ãªã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’シェアã—ã¦ã„ã¾ã™ã€‚
クライアントサイドMVCã«ã¯ä½•ãŒå¿…é ˆ? - ã¯ã“ã¹ã«ã£ã ♨
最近何度ã‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCフレームワークã§ã‚ã‚‹ã¨ã“ã‚ã®ã€Backbone.jsを使ã£ã¦ã‚³ãƒ¼ãƒ‰ã‚’ã‹ã„ãŸã‚Šã—ã¦ã„ãŸã®ã§ã€ãã®æ™‚ã«æ„Ÿã˜ãŸã“ã¨ã‚’ã¾ã¨ã‚㦠Kyoto.js ã§è©±ã—ã¦ã¿ã¾ã—ãŸã€‚ 発表資料 "何ãŒMVCã‚’ã¤ãªã’ã¦ã„ã‚‹ã®ã‹" Backbone.jsã§ã¯MVCã®å„層をã¤ãªã’ã‚‹ãŸã‚ã«ã€Backbone.Eventsã¨ã„ã†ã‚ªãƒ–ジェクトãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚Backbone.jsã®Modelã¨Viewã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã¯ã€ãƒ™ãƒ¼ã‚¹ã«ãªã£ã¦ã„ã‚‹Backbone.Eventsã«ã‚ˆã‚‹Observerパターンã«ã‚ˆã£ã¦å®Ÿç¾ã•ã‚Œã¦ã„ã¾ã™ã€‚実際ã«Backbone.jsã§ã‚³ãƒ¼ãƒ‰ã‚’書ã„ã¦ã¿ã‚‹ã¨ã€ä¾¿åˆ©ãªæ©Ÿèƒ½ã¯ã„ã‚ã„ã‚ã‚ã‚‹ã‚‚ã®ã®Backbone.Eventsã®å˜åœ¨ãŒMVCを実ç¾ã™ã‚‹ã®ã«é‡è¦ã§ã‚ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ ãã“ã¤ãã¤ã‚ã‚‹ã¨ã€Backbone.Eventsã®ã‚ˆã†ãªObserverパターンを簡å˜ã«å®Ÿç¾ã§ãるよ
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}