BACKBONE.JSã«ã‚ˆã‚‹Webアプリケーション開発ã«ã¤ã„ã¦
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨JavaScript JavaScriptã®MV*å‘ã‘ライブラリ BACKBONE.JSã«ã‚ˆã‚‹Webアプリケーション開発ã«ã¤ã„㦠「オープンソースカンファレンス 2013 ç¦å²¡ã€ã® HTML5ã¨æœ€è¿‘ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰äº‹æƒ…ã§ç™ºè¡¨ã—ãŸè³‡æ–™ã§ã™ã€‚ Read less
Single Page Application ã§ã¯ãªã„å ´åˆ JavaScript コードã®ã‚¨ãƒ³ãƒˆãƒªãƒã‚¤ãƒ³ãƒˆã¯ã©ã“ã«ã‚ã‚‹ã¹ãã‹ï¼Ÿ - @kyanny's blog
仕事ã§ä¸è¦æ¨¡ç¨‹åº¦ã® Rails アプリケーションã®ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã‚’ã„ã˜ã£ã¦ã„る。ã“ã®ã‚¢ãƒ—リã¯ã‚‚ã¨ã‚‚㨠app/assets/javascripts 以下ã«å¿…è¦ã«å¿œã˜ã¦ JavaScript ファイルを置ãã€é©å½“ãªãƒ†ãƒ³ãƒ—レートファイルã‹ã‚‰ç›´æŽ¥ JavaScript ã®é–¢æ•°ã‚’呼ã³å‡ºã—ãŸã‚Šã—ã¦ã„ãŸã€‚ã”ã普通㮠Rails アプリã§ã‚る。 ã“ã®ã‚¢ãƒ—リ㯠CMS ã§ã€ã„ã‚ゆる「ブãƒã‚°ã®ç®¡ç†ç”»é¢ã€ã¿ãŸã„ãªç”¨é€”ã§ä½¿ã‚ã‚Œã¦ã„る。一部ã®æ©Ÿèƒ½ã¯ãã‚Œãªã‚Šã«è¾¼ã¿å…¥ã£ãŸ UI æ“作を必è¦ã¨ã—ページé·ç§»ãªã—ã«æ“作ã§ãã‚‹å¿…è¦ãŒã‚ã‚‹ãŒã€æ—§æ¥ã®ã‚„ã‚Šæ–¹ã§ã¯ JavaScript コードã®ç®¡ç†ãŒé–“ã«åˆã‚ãªããªã£ã¦ããŸã®ã§éƒ¨åˆ†çš„ã« Backbone.js ã‚’å°Žå…¥ã—始ã‚ã¦ã„る。 最近悩んã§ã„ã‚‹ã®ãŒã€ Backbone.js ãªã‚³ãƒ¼ãƒ‰ã®ã‚¨ãƒ³ãƒˆãƒªãƒã‚¤ãƒ³ãƒˆã‚’ã©ã®ã‚ˆã†ã«å‘¼ã³å‡ºã™ã¹ããªã®ã‹ï¼Ÿã¨ã„ã†ã“ã¨ã€‚ãã‚‚ãも自分㌠Backbone.js
Backboneã¨Angularを比較ã™ã‚‹
Spring Bootã«ã‚ˆã‚‹APIãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ§‹ç¯‰å®Ÿè·µã‚¬ã‚¤ãƒ‰ 第2版 何åƒäººã‚‚ã®é–‹ç™ºè€…ãŒã€InfoQã®ãƒŸãƒ‹ãƒ–ック「Practical Guide to Building an API Back End with Spring Bootã€ã‹ã‚‰ã€Spring Bootを使ã£ãŸREST API構築ã®åŸºç¤Žã‚’å¦ã‚“ã 。ã“ã®æœ¬ã§ã¯ã€å‡ºç‰ˆæ™‚ã«æ–°ã—ãリリースã•ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ Spring Boot 2 を使用ã—ã¦ã„る。ã—ã‹ã—ã€Spring Boot3ãŒæœ€è¿‘リリースã•ã‚Œã€é‡è¦ãªå¤‰...
試ã—ã¦å¦ã¶ Backbone.js 入門ã®ã¾ã¨ã‚ - Taste of Tech Topics
皆ã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ã€‚id:KenichiroMurataã§ã™ã€‚ 今回ã¯Knowledge Noteã«ã¦é€£è¼‰ã•ã›ã¦é ‚ã„ã¦ã„㟠「試ã—ã¦å¦ã¶Backbone.js入門ã€ãŒå…¨ï¼•å›žåˆ†å…¬é–‹ã•ã‚ŒãŸãŸã‚ã€ãã®ã¾ã¨ã‚ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 記事ã®ã‚³ãƒ³ã‚»ãƒ—ト タイトルã«å«ã‚ãŸé€šã‚Šã€å®Ÿéš›ã«ã‚³ãƒ¼ãƒ‰ã‚’書ã„ã¦è©¦ã—ã¦ã¿ã‚‹ã“ã¨ã§Backbone.jsã®ç†è§£ã‚’æ·±ã‚ã‚‹ã“ã¨ã‚’一番ã®ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚ ãªã®ã§ã€ãœã²å®Ÿéš›ã«è¨˜äº‹ã®ä¸ã«å‡ºã¦ãるコードを書ã„ã¦ã€å‹•ã‹ã—ã¦ã€ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã®ãƒã‚°ã‚„動作を確èªã™ã‚‹ã“ã¨ã‚’ãŠã‚¹ã‚¹ãƒ¡ã—ã¾ã™ã€‚ å„記事ã®æ¦‚è¦ ç¬¬ï¼‘å›ž 試ã—ã¦å¦ã¶Backbone.js入門 Backbone.jsã®æ¦‚è¦ã‹ã‚‰ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã€Modelã€Collectionã®åŸºæœ¬ã‚’説明ã—ã¦ã„ã¾ã™ã€‚ 目次 ã¯ã˜ã‚㫠セットアップ Modelã®åŸºæœ¬ Collectionã®åŸºæœ¬ Collectionã®ä¾¿åˆ©ãªé–¢æ•° 第２回 試ã—ã¦å¦ã¶Backbone.
Backbone.jsガイドブック - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
Backbone.jsガイドブックposted with amazlet at 13.05.07高橋 侑久 ラトルズ 売り上ã’ランã‚ング: 2,459 Amazon.co.jpã§è©³ç´°ã‚’見る Backbone.js ガイドブックを一通りèªã¿ã¾ã—ãŸã€‚言åŠã™ã‚‹ã‹å°‘ã—è¿·ã£ãŸã‘ã©ã€ã¾ã ã‚ã¾ã‚Šè©±é¡Œã«ãªã£ã¦ã„ãªã„よã†ãªã®ã§æ›¸ã„ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ Backbone.js ã‚ã‚‹ã„ã¯ã“ã‚Œã«ã‚ˆãä¼¼ãŸã‚ˆã†ãªãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯ä»Šå¾Œã€Webアプリケーション開発ã§ã‚ˆã使ã†é“å…·ã«ãªã£ã¦ã„ãã¨æ€ã†ã€‚ã¨ã„ã†ã‹ã€ã™ã§ã«ãªã£ã¦ã„ã‚‹ã§ã—ょã†ã€‚ Backbone.js ã¯ã€Œã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCフレームワークã€ã¨å‘¼ã¶ã¨è‰¯ãã‚ã‹ã‚‰ãªã„。クライアントサイドMVCフレームワークãŒæ³¨ç›®ã•ã‚Œã‚‹ä»¥å‰ã‹ã‚‰ã€ã‚る程度以上ã®è¦æ¨¡ã® JavaScript アプリケーションã«ãªã‚‹ã¨ã¡ã‚ƒã‚“ã¨ã—ã¦ã‚‹ã‚‚ã®ã¯æ§‹é€ 化ãŒè¡Œã‚ã‚Œã¦ã„ãŸã€‚イベントを集約ã™ã‚‹ã‚ªãƒ–ジェクト
ã€å‰ç·¨ã€‘Backbone.jsã§ã¤ãã‚‹MVPãªUIパターンã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¹ãƒ‘イ】 | DevelopersIO
å‰å›žã®æ›´æ–°ã‹ã‚‰ã ã„ã¶é–“ãŒé–‹ã„ã¦ã—ã¾ã„ã¾ã—ãŸãŒã“ã®ã‚·ãƒªãƒ¼ã‚ºã¯ã¾ã 終ã‚ã‚Šã¾ã›ã‚“ï¼ä»Šå›žã¯Twitter Bootstrapã«jQuery Pluginã¨ã—ã¦å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ScrollSpyを真似ã—ã¦ä½œã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨è§£èª¬ãŒé•·ããªã£ã¦ã—ã¾ã£ãŸã®ã§å‰å¾Œç·¨ã«åˆ†ã‘ã¦ã”紹介ã—ã¾ã™ã€‚ 後åŠã¯ã“ã¡ã‚‰ >> Backbone.jsã§ã¤ãã‚‹MVPãªUIパターンã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¹ãƒ‘イ】後編 デザイン 4ã¤ã®æ–‡ç« ã«å¯¾ã—ãã‚Œãžã‚ŒãƒŠãƒ“ゲーションãŒå˜åœ¨ã—ã€æ–‡ç« ã®ã‚¨ãƒªã‚¢ã‚’スクãƒãƒ¼ãƒ«ã—ã¦é–²è¦§ã—ã¦ã„ã‚‹æ–‡ç« ã«å¯¾å¿œã™ã‚‹ãƒŠãƒ“ゲーションãŒã‚¢ã‚¯ãƒ†ã‚£ãƒ–表示ã«ãªã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ã“ã®UIã®htmlã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¾ã—㟠<div id="ui-scroll-spy"> <div class="scroll-spy-nav navbar"> <div class="navbar-inner"> <div class="
Backbone.jsã§ã¤ãã‚‹MVPãªUIパターンã€ãƒªã‚¹ãƒˆã€‘ | DevelopersIO
今回ã¯Backbone.jsを使ã£ã¦ãƒ•ã‚©ãƒ¼ãƒ ã‹ã‚‰è¿½åŠ ã—ã€å‰Šé™¤ã§ãるリストを作ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚デザインã¯å‰å›žåŒæ§˜Twitter Bootstrapã§ä½œæˆã—ã¾ã—ãŸã€‚ htmlã¯ã“ã¡ã‚‰ï¼ <div id="ui-list"> <div class="list-controls"> <form> <div class="input-append"> <input type="text" placeholder="Please type something" /> <input type="submit" class="btn" value="Add" /> </div> </form> </div> <div class="list-items"> <ul> <li class="list-item" data-cid="c1"> <a href="#" class="close">×</a
RequireJS＋Backbone.jsã§ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ç®¡ç†ã•ã‚ŒãŸWebアプリ開発 | DevelopersIO
Todoアプリもã©ãを作る 今回ã¯RequireJSã®ç†è§£ã‚’æ·±ã‚ã‚‹ãŸã‚ã€Backbone.jsã¨çµ„ã¿åˆã‚ã›ã¦Todoã‚’è¿½åŠ ã™ã‚‹ã ã‘ã®ç°¡ç´ ãªãƒ‡ãƒ¢ã‚’作ã£ã¦ã¿ã¾ã—ãŸã€‚ Backbone.jsã«ã¤ã„ã¦ã‚‚触れã¦ã„ã‚‹ãŸã‚ã€è¨˜äº‹ãŒå°‘ã—é•·ã„ã§ã™ã€‚ ãŠæ€¥ãŽã®æ–¹ã¯ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«ãƒ‡ãƒ¢ã¨ã‚µãƒ³ãƒ—ルコードãŒã‚ã‚‹ã®ã§ã€ãã¡ã‚‰ã‚’ã•ãã£ã¨ã”確èªãã ã•ã„。 RequireJS： http://requirejs.org/ RequireJS API： http://requirejs.org/docs/api.html Backbone.js： http://backbonejs.org/ ãªã«ãŒã§ãã‚‹ã®ï¼Ÿ Webアプリを制作ã™ã‚‹éš›ã«ã€RequireJSを使ã£ã¦Backbone.jsã§æ§‹æˆã•ã‚Œã‚‹Modelã‚„Viewをモジュール化ã™ã‚‹ã“ã¨ã§ã€é–‹ç™ºæ™‚ã®ç®¡ç†ã‚³ã‚¹ãƒˆå‰Šæ¸›ã‚’目指ã—ã¾ã™ã€‚ ãªãŠã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã™ã‚‹ã¨ãƒ•ã‚¡ã‚¤ãƒ«æ•°ãŒå¢—ãˆã¦èªã¿è¾¼ã¿
Backbone.jsã§ã¤ãã‚‹MVPãªUIパターンã€ã‚¿ãƒ–】 | DevelopersIO
今回ã¯Backbone.jsを使ã£ã¦ã‚¿ãƒ–UIを作ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚デザインã¯Twitter Bootstrapã‚’ã¤ã‹ã£ã¦ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ 世界的ã«å高ã„ä¼æ¥ã®åå‰ãŒä¸¦ã‚“ã§ã„ã¾ã™ã。 デザインã¯htmlを仮組ã¿ã—ã¦Bootstrapã§æ—¢ã«ã§ãã¦ã„ã‚‹ã“ã¨ã«ã—ã¾ã™ã€‚（本題ã¨é›¢ã‚Œã¦ã—ã¾ã†ã®ã§â€¦ã™ã¿ã¾ã›ã‚“＞＜） ボタンã®éƒ¨åˆ†ã« active ã¨ã„ã†ã‚¯ãƒ©ã‚¹ã‚’ã¤ã‘ã‚‹ã¨é¸æŠžä¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰ã‚り〠内容ã®éƒ¨åˆ†ã«ãŠãªã˜ã active ã¨ã„ã†ã‚¯ãƒ©ã‚¹ã‚’ã¤ã‘る㨠display: block; ã¨ãªã‚Šè¡¨ç¤ºã•ã‚Œã‚‹ä»•çµ„ã¿ã§ã™ã€‚ ã™ã¹ã¦activeãªçŠ¶æ…‹ ã™ã¹ã¦éžactiveãªçŠ¶æ…‹ htmlã¯ã“ã¡ã‚‰ã§ã™ <div id='ui-tab'> <ul class='nav nav-tabs'> <li class="active"> <a href="#apple">Apple</a> </li> <li> <a
Backbone.jsã«ãŠã‘ã‚‹Model-View-Presenterアーã‚テクãƒãƒ£ãƒ‘ターン | DevelopersIO
クライアントサイドJavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã—ã¦äººæ°—ã®Backbone.jsãŒæŽ¡ç”¨ã—ã¦ã„ã‚‹ Model–View–Presenter (MVP) ã¨ã„ã†ã‚¢ãƒ¼ã‚テクãƒãƒ£ãƒ‘ターン(以下MPVパターン)ã«ã¤ã„ã¦è€ƒå¯Ÿã—ã¦ã¿ã¾ã™ã€‚ Model-View-Controllerãªã‚‰èžã„ãŸã“ã¨ã‚ã‚‹ã‘ã©ï¼Ÿ 僕もãã†ã§ã—ãŸã€‚åˆã‚ã¦çŸ¥ã£ãŸã®ã¯Ruby on Railsを触ã£ãŸæ™‚ã§ã™ã€‚ Modelã¯ãƒ‡ãƒ¼ã‚¿ã¨æ‰‹ç¶šãを担当ã—ã€Viewã¯UIã‚’ã€Controllerã¯å…¥åŠ›ã‚¤ãƒ™ãƒ³ãƒˆã‚’å—付ã‘ã¦Modelã¨Viewæ“作ã™ã‚‹â€¦ã¨ã¾ãã–ã£ãり言ã†ã¨ã“ã‚“ãªæ„Ÿã˜ã§ã™ã‚ˆã。 MVPパターンも凄ãä¼¼ã¦ã„ã¦ã€ã©ã†ã‚‚MVCパターンã‹ã‚‰æ´¾ç”Ÿã—ãŸã‚‚ã®ã¿ãŸã„ã§ã™ã€‚以下ãŒå„パターンã®å›³ã§ã™ã€‚ Model-View-Controller Model-View-Presenter PresenterãŒModelã¨Viewã‚’æ“作ã—ã¦ã„ã‚‹ã¨ã“ã‚
Backbone.jsã‚’RESTã§ãªã„環境やJSONã®ä½¿ãˆãªã„環境ã§ä½¿ã†
最近ã¯CoffeeScriptã§Backbone.jsを書ã„ã¦ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚ MVCã£ã½ã„JavaScriptフレームワークã¯ãªã‚Œã¦ãã‚‹ã¨ã€ã‚„ã£ã±ã‚Šã„ã„ã‚‚ã®ã§ã™ã。 ã§ã‚‚ã€Webアプリケーションフレームワークã«ã‚ˆã£ã¦ã¯RESTスタイルãªã‚„ã‚Šå–ã‚Šã§ããªã‹ã£ãŸã‚Šã€JSONã§ãƒ‡ãƒ¼ã‚¿ã®ã‚„ã‚Šå–ã‚ŠãŒå›°é›£ãªå ´åˆã‚‚ã‚ã£ãŸã‚Šãªã‹ã£ãŸã‚Šã€‚ Backbone.jsã‚’ãã‚“ãªç’°å¢ƒä¸‹ã§ä½¿ã†ã¨å¤§å¤‰ã˜ã‚ƒãªã„ã®ã‹ã¨ã‹æ€ã£ã¦ã„ãŸã‘ã©ã€ã¡ã‚ƒã‚“ã¨æº–å‚™ã•ã‚Œã¦ã¾ã—ãŸã€‚ ã“ã‚Œã€ãƒ‰ã‚ュメントã«ã‚‚書ã„ã¦ã‚ã‚‹ã‚“ã§ã™ã‘ã©ã。 ModelオブジェクトやCollectionオブジェクトãŒRESTãªAPIã§é€šä¿¡ã§ããªã„ã¨ã㯠[javascript] Backbone.emulateHTTP = true; [/javascript] ã¨ã—ã¦è¨å®šã‚’変ãˆã¦ãŠã‘ã°ã€Putã€Deleteã«ä»£ã‚ã£ã¦Postã§é€šä¿¡ã—ã¦ãã‚Œã¾ã™ã€‚ã¡ãªã¿ã«ã€Ajaxã®é€šä¿¡ã¯
Backbone.jsを使ã†ã¨ãã«å‚考ã«ãªã‚‹ãƒªã‚½ãƒ¼ã‚¹ 2012年末版 (Backbone Advent Calendar 2012 25th day)
Backboneを使ã†ã¨ãã®å‚è€ƒæƒ…å ±ãŸã¡ Advent CalendarãŒãƒã‚¿åˆ‡ã‚Œã®æŠ˜ã€æœ€çµ‚æ—¥ãŒå†´ãˆãªã„å°ãƒã‚¿ã§çµ‚ã‚るよりã¯ãƒžã‚·ã‹ã¨ã„ã†ã“ã¨ã§ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ã¦ã¿ãŸã€‚ 日本語リソース ã§ã¯æ—©é€Ÿã€æ—¥æœ¬èªžã®ãƒªã‚½ãƒ¼ã‚¹ã‹ã‚‰ã€‚å¤ã„æƒ…å ±ã¯ãƒªã‚¹ãƒˆã‹ã‚‰å¤–ã—ã¦ã„ã‚‹ã®ã§ã€ã„ãらã‹åã‚ŠãŒã‚ã‚‹ã‹ã‚‚。悪ã—ã‹ã‚‰ãšã€‚ ビギナーå‘ã‘ã«ã¾ã¨ã¾ã£ãŸã® CodeGrid - フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«é–¢ã‚る人々ã®ã‚¬ã‚¤ãƒ‰ Backbone.js Advent Calendar 2011 - Qiita CodeGridã§é€£è¼‰ä¸ã®Backbone入門ãŒã€ã¡ã‚‡ã†ã©ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«æ›´æ–°ã•ã‚Œã¦ã„るビギナーå‘ã‘æƒ…å ±ã§ãŠã™ã™ã‚。ãŸã ã—有料。去年ã®Advent Calendarã‚‚ä¸å¯§ã§ãŠã™ã™ã‚。 enja-oss/Backbone · GitHub JavaScript MVCフレームワーク Backbone.jsã®ã‚³ãƒ¡ãƒ³ãƒˆä»˜ãソースコード日本語訳ãŒå…¬é–‹
Backboneã®å°ãƒã‚¿ãªãƒ‘ターン3㤠(Backbone Advent Calendar 2012 21th day)
Backbone.js Advent Calendar 2012ã®21日目ã§ã”ã–ã„ã¾ã™ã€‚ãŠã‚‚ã‚€ã‚ã«å°ãƒã‚¿ãªãƒ‘ターンをã€3ã¤ã»ã©ç°¡å˜ã«ç´¹ä»‹ã—ã¦ã¿ã‚‹æ¬¡ç¬¬ã€‚ renderã¨presenterã®åˆ†é›¢ãƒ‘ターン ã“れ㯠Backbone.js Tips and Tricks ã‚’å‚考ã«ã—ã¦ã„ã¾ã™ã€‚実践ã—ã¦ã¿ãŸã¨ã“ã‚ã€ãªã«ã‹ã¨å…·åˆãŒè‰¯ãã¦ãŠæ°—ã«å…¥ã‚Šã®ãƒ‘ターンã§ã™ã€‚ Backbone.View.extend({ tmpl: 'path/to/tmpl', initialize: function() { this.model = new SomeModel(); this.model.fetch({ success: this.render }); }, presenter: function() { var data = this.model.toJSON(); // data manipulation
JavaScript MVCフレームワーク Backbone.jsã®ã‚³ãƒ¡ãƒ³ãƒˆä»˜ãソースコード日本語訳ãŒå…¬é–‹
JavaScript MVCフレームワークã¨ã—ã¦ã‚‚ã£ã¨ã‚‚知å度ãŒé«˜ã„Backbone.jsã®ã‚³ãƒ¡ãƒ³ãƒˆä»˜ãソースコードã®æ—¥æœ¬èªžè¨³ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚havelogã®è¨˜äº‹ã€ŒBackbone.js コメント付ãソースコード日本語訳ã€ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ 翻訳を行ã£ãŸã®ã¯ã€githubをベースã«ã‚ªãƒ¼ãƒ—ンソースソフトウェアã®ãƒ‰ã‚ュメントを翻訳ã—ã¦ã„る翻訳コミュニティã®enja-oss。 åŒã‚°ãƒ«ãƒ¼ãƒ—ã¯ã™ã§ã«Backbone.jsã®FAQã®ç¿»è¨³ã‚’公開済ã¿ã§ã€ãã‚Œã«ç¶šã„ã¦Backbone.jsソースコードã®ã‚³ãƒ¡ãƒ³ãƒˆã«ã¤ã„ã¦ã‚‚翻訳を終ãˆã¾ã—ãŸã€‚ 全部ã§1411è¡Œã®è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ワーク Backbone.jsã¯JavaScript MVCフレームワークã¨ã—ã¦ã‚‚ã£ã¨ã‚‚知å度ãŒé«˜ã„ã‚‚ã®ã§ã™ãŒã€ã¨ã¦ã‚‚軽é‡ãªãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ 今回日本語訳ãŒå…¬é–‹ã•ã‚ŒãŸã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’見ã¦ã‚‚ã€å…¨éƒ¨ã§1411è¡Œã€60.72kb。
Backbone.js コメント付ãソースコード日本語訳
Annotated Sourceã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’訳ã—ã¾ã—㟠地味ã«é“ã®ã‚ŠãŒé•·ã„作æ¥ã§ã—ãŸãŒã€ä½•ã¨ã‹å…ˆã€…週末ã«ã‚„ã£ã¤ã‘ã¦ã€ä¾‹ã«ã‚ˆã£ã¦@cssradaræ°ã«ç¢ºèªã—ã¦ã„ãŸã ã„ãŸã‚Šã¨ã‹ã—ã¦ä»Šã«è‡³ã‚Šã”紹介ã™ã‚‹æ¬¡ç¬¬ã€‚ 日本語訳コメントãŒã¤ã„ãŸã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰Â· enja-oss/Backbone · GitHub ãªã‚“ã ã‹ã‚“ã ã§å…¨åŸŸã‚’網羅ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸãŸã®ã§ã€éžå¸¸ã«å‹‰å¼·ã«ãªã‚Šã¾ã—ãŸã€‚ソースコード自体ã¯çŸãç°¡æ½”ãªã®ã§ã€Backboneã‚’ã“ã‚Œã‹ã‚‰ä½¿ã„始ã‚ã‚‹/ã‚‚ã†ä½¿ã£ã¦ã‚‹ã‚’å•ã‚ãšã€ã¾ã èªã‚“ã§ãªã„æ–¹ã¯ä¸€åº¦èªã‚“ã§ã¿ã‚‹ã¨è‰¯ã„ã§ã™ã€‚ 監訳è¬è¾ž Revert original text for supervise by ahomu · Pull Request #12 · enja-oss/Backbone 上記Pull Request＆監訳ä¾é ¼ã«ã¤ãã¾ã—ã¦ã€å¤šå¤§ãªã‚‹ãƒ¬ãƒ“ューをã—ã¦ãã ã•ã£ãŸ@cssradar æ°ã«æ„Ÿè¬ã‚’。
Backbone.js 1.0ã«å‘ã‘ã¦ã®å¤‰æ›´ç‚¹ « NAVER Engineers' Blog
UITãƒãƒ¼ãƒ 清水大輔 (@tori3_jp)ã§ã™ã€‚ 2012年も残り僅ã‹ã¨ãªã‚Šã¾ã—ãŸãŒã€å¹´ã®ç€¬ã‚’ã„ã‹ãŒãŠéŽã”ã—ã§ã—ょã†ã‹ã€‚ Backbone.js Advent Calendar 2012ã®10日目ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¨ãªã‚Šã¾ã™ã€‚ 先月ã€DailyJSã¨ã„ã†JavaScript関連ã®ãƒˆãƒ”ックをé…ä¿¡ã—ã¦ã„るサイト㫠Backbone.jsã®æ¬¡æœŸãƒªãƒªãƒ¼ã‚¹ã«é–¢ã™ã‚‹è¨˜äº‹ãŒæŠ•ç¨¿ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ 今回ã¯ã“ã®ä¸ã‹ã‚‰Backbone.jsã®æ¬¡æœŸãƒªãƒªãƒ¼ã‚¹ã§äºˆå®šã•ã‚Œã¦ã„る変更点ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Backbone.$ Backboneã§æ‰±ã†jQuery互æ›ãƒ©ã‚¤ãƒ–ラリã¸ã®ã‚¨ã‚¤ãƒªã‚¢ã‚¹ãŒå¤‰æ›´ã•ã‚Œã¾ã™ã€‚ ãƒãƒ¼ã‚«ãƒ«å¤‰æ•°$ã‚’å‚ç…§ã—ã¦ã„ãŸã‚‚ã®ãŒBackbone.$ã«å¤‰æ›´ã•ã‚Œã¾ã™ã€‚ - var $ = root.jQuery || root.Zepto || root.ender; + Backbone.$ =
Backbone.jsã§ä»Šã¤ãã£ã¦ã„る構æˆã«ã¤ã„㦠(Backbone Advent Calendar 2012 1st day)
Advent Calendar 1日目ã よ ã£ã¦ã“ã¨ã§ã€Backbone.js Advent Calendar 1日目を書ã‹ã›ã¦ã„ãŸã ãã¾ã™ã€‚本当ã¯å…ˆæ—¥å…¬é–‹ã—ãŸFAQã®æ—¥æœ¬èªžè¨³ã‚’一発目ã«ã—ãŸã‹ã£ãŸã®ã§ã™ãŒã€å…¬é–‹ã—ãŸã„欲ã«è² ã‘ãŸæ¬¡ç¬¬ã€‚ 何ã¨ã‹ã—ã¦ç¾çŠ¶ã‚’振り返るアウトプットã®æ©Ÿä¼šã«ã—ãŸã‹ã£ãŸã®ã§ã€ä»Šã‚„ã£ã¦ã„るプãƒã‚¸ã‚§ã‚¯ãƒˆã§æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã®å¤§ã¾ã‹ãªæ§‹æˆã¨å±€æ‰€çš„ãªãƒ‘ターンã®ç´¹ä»‹ã‚’ã—ã¾ã™ã€‚ ã„ã¾æ‰‹å…ƒã§ä½œæˆã—ã¦ã„ã‚‹ã‚‚ã®ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ãªWebアプリケーションã§ã™ã€‚å°‚ä»»ã§å¤§é‡ã®JavaScriptをスクラッãƒã™ã‚‹ã®åˆã‚ã¦ã€‚Backbone自体も割ã¨åˆæŒ‘戦。 ã“ã“ã§ã„ã†ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã¯ã€HTML1æžšã®ã¿ã§ã€ãƒšãƒ¼ã‚¸é·ç§»ã¯bodyã®ä¸ã‚’JavaScriptã§æ›¸ãæ›ãˆã¦ã„ã構æˆã®ã‚¢ãƒ—リケーションを指ã—ã¦ã„ã¾ã™ã€‚ 今ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‹ã‚‰æŠ½å‡ºã•ã‚ŒãŸã‚¯ãƒ©ã‚¹æ§‹æˆ 下記ã®ã‚ˆã†ãªæ§‹æˆã«è½ã¡ç€ãã€æŠœæœ¬çš„ãªãƒª
Backbone.jsãŒè‡ªå‹•ã§ã‚„ã£ã¦ãれるã¨ã“ã‚ã«ã¤ã„ã¦ã€‚ （Backbone.js Advent Calendar 2012 – 03日目） | Ginpen.com
Backbone.js Advent Calendar 2012 – 03日目 最近ã«ãªã£ã¦ã‚ˆã†ã‚„ãBackbone.jsを触り始ã‚ãŸé«˜æ¢¨ã‚®ãƒ³ãƒšã‚¤ã§ã™ã€‚ ã¾ã よãã‚ã‹ã£ã¦ãªã„ã‘ã©ã€åˆã‚ã¦è§¦ã£ã¦ã¿ã¦æ°—付ã„ãŸäº‹ã®ã†ã¡ã€Backbone.jsãŒè‡ªå‹•çš„ã«å‡¦ç†ã—ã¦ãれる部分ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ Viewã®è¦ç´ 生æˆã®ä»•çµ„ã¿ Viewã®ã‚¤ãƒ™ãƒ³ãƒˆç›£è¦–ã®ä»•çµ„ã¿ Backbone.jsã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯0.9.2ã§ã™ã€‚ 内部用ユーティリティ ãƒãƒ¼ã‚«ãƒ«ã‚¹ã‚³ãƒ¼ãƒ—ã®æ±Žç”¨é–¢æ•°ã€‚方々ã§ä½¿ã£ã¦ã‚‹ã®ã§ã€å…ˆã«ã“れ書ã„ã¦ãŠãã¾ã™ã€‚（ã“ã®é …ã¯å¾Œã‹ã‚‰è¦‹è¿”ã›ã°ã„ã„ã§ã™ã€‚） getValue(object, key) object[key]ãŒé–¢æ•°ãªã‚‰å®Ÿè¡Œã—ã¦æˆ»ã‚Šå€¤ã€ãã†ã§ãªã‘ã‚Œã°ãƒ—ãƒãƒ‘ティã®å€¤ã‚’è¿”ã™ã ã‘ã§ã™ã€‚ è¦ç´ ã®ç”Ÿæˆ properties.elãŒview.elã«ãªã‚‰ãªã„…… サンプルを見ã¦ã¿ã‚‹ã¨ã€Backbone.View.ext
Backbone.js FAQ 日本語訳 - "is a library, not a framework"
Backbone.js FAQ を日本語訳ã—ã¾ã—㟠Backbone/docs/FAQ.md at master · enja-oss/Backbone · GitHub 上記ã®GitHubã‹ã‚‰å‚ç…§ã§ãã¾ã™ã€‚ ã¾ãšFAQã‹ã‚‰è¨³ã—ã¾ã—ãŸãŒã€æœ€çµ‚çš„ã«ã¯ã¿ã‚“ãªã®åŠ›ã§å…¨è¨³ãƒ‰ã‚ュメントã«ã™ã‚‹ã®ãŒç›®æ¨™ã€‚ã»ã‚“ã¨ã¯æœ¬å®¶ã‚’forkã™ã¹ãã ã£ãŸã‹ã‚‚ã§ã™ãŒã€Pull Requestã«å‘ã‘ã¦ã®æ•´å‚™ã¯å¾Œã§è€ƒãˆã¾ã™ã€‚:) ã„ã¾ã¯ã€æœ‰å¿—ã§Markdownã§ã•ãã•ãã¨æ—¥æœ¬èªžãƒ‰ã‚ュメントを書ããŸã‚ã¦ã„ã‘ã‚Œã°ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ enja-oss/Backbone ã£ã¦ã“ã¨ã§Issueã¨ã‹Pull Request大æ“è¿Žã§ã™ï¼ 詳ã—ãã¯ãƒªãƒã‚¸ãƒˆãƒªã‚’ã”覧ãã ã•ã„。 Backbone.js ã®æœ¬æ€§ã¯MVCã§ã‚‚フレームワークã§ã‚‚ãªã„ 「クライアントサイドMVCフレームワーク = Backbone.jsã€ã¨ã„ã†ã‚ˆã†ãªè¡¨ç¾ãŒ
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ã¯ã˜ã‚よㆠBackbone.js
{{#tags}}- {{label}}
{{/tags}}