Backbone.jsのAjaxについて | 1000ch.net
2012/12/18 この記事は、Backbone.js Advent Calendar 18日目の記事です。 Backbone.js Advent Calendarに参加させて頂きました。2012/12/18担当。 JavaScriptにMVCの波を巻き起こしているBackbone.jsのAjax周りについて。 想像していたより、皆さん突っ込んだこと書いてて、どうしようと思いましたが。まぁいっか。 Backbone.js Advent Calendar 2012 Backbone.jsのAjax Backbone.jsのMVCは、ModelとCollectionにサーバーとの非同期通信関数を備えています。 しかし、Backbone.jsが依存しているUnderscore.jsは、 配列操作やイベントのバインドなどのUtility関数を提供していますが、 Ajax周りの処理は備
試して学ぶ Backbone.js入門2 | Remote TestKit
それでは、インスタンスを生成し、永続化処理を試してみましょう。 var memo = new Memo(); console.log("Before save: " + JSON.stringify(memo)); console.log("isNew(): " + memo.isNew()); memo.save({content: "Acroquest"}, { success: function() { console.log("After save(post) memo: " + JSON.stringify(memo)); console.log("After save(post) memo.isNew(): " + memo.isNew()); } }); console.log("After save: " + JSON.stringify(memo)); console.l
試して学ぶ Backbone.js入門5 | Remote TestKit
Backbone.jsの最終回の今回は、Backbone.Router（以降、Router）について説明します。 はじめに 前回の「試して学ぶ Backbone.js入門4」 では実際に動くアプリケーションを作成しながらBackbone.Viewについて説明しました。 今回は本連載も最終回となり、Backbone.Router（以降、Router）について説明します。 今回のソースの全体はこちらで確認することができます。 Backbone.Router Backbone.jsが提供するRouterコンポーネントは、クライアント側でのページ遷移のイベントとその後の処理（コールバック関数）をマッピングするルーティング機能を提供します。 ViewがDOMイベントの発生を監視して、対応するメソッドに関連付けるように、Rounterはrouteイベントを監視して、対応するメソッドに関連付けます。 W
Rendr入門(2): リクエスト処理の流れ（Router, Controller、View、Template） - Qiita
Rendr入門(2): リクエスト処理の流れ（Router, Controller、View、Template）JavaScriptNode.jsBackbone.jsExpress.jsRendr 前回のRendrの概要紹介に続いて、ここではRendrでのリクエスト処理の流れを解説します。 Rendrアプリのスケルトンコード、rendr-app-templateを参考にします。 https://github.com/airbnb/rendr-app-template ※まだざっくりしてるので、頻繁にアップデートされます。不明な点は質問してください。 ルーターによるURLのルーティング Rendrにリクエストを行うと、ルーターがURLに関連づけられたコントローラを呼び出します。 ルーターの設定は、app/routes.js で行います。Railsのconfig/routes.rbに相当しま
backbone.jsのRouterを触ってみる - メモ置き場
backbone.jsのRouterについて調べつつ、サンプルを書いて見ました。 http://dl.dropbox.com/u/494487/backbone-sample/routing/index.html タブをクリックすると、Backbone.Routeのroutesで、URLパターンに対して指定したfunctionが呼ばれ、コンテンツが切り替わるだけのサンプルです。 コンテンツはjQueryで表示を変えてるだけですが、本来はそこでBackbone.Viewを使って表示をするんだと思います。 構成 ├── index.html ├── css │ ├── base.css │ └── bootstrap.css └── js ├── app.js ├── setup.js ├── backbone.js ├── jquery-1.7.1.js └── underscore.jsa
作って覚える Backbone.js (2) Router 編 - present
モバイル版 Basecamp に使われていると聞いて興味を抱いていた、JavaScript の MVC フレームワーク Backbone.js。Model と View は先日試しました。 作って覚える Backbone.js - present でも、Controller はまだ。「今度試す」といってやらないことが多い私ですけど、Controller は自分も使うので、ちゃんと行動に移すことにします。 Backbone では Controller の役割は Backbone.Router を継承したクラスが行います。Routerの定義の仕方はこんな感じ。 var AppRouter = Backbone.Router.extend({ routes: { "post/": "list", "post/:id": "show" }, list: function() { # データ一覧を表
「Backbone.js」と「jQuery Mobile」を組み合わせてネイティブっぽいWebアプリを作ってみよう！～ ③Backbone.js + jQuery Mobile編 ～ - Tech-Sketch
前回 はBackbone.jsを使ったWebアプリを作ってみました。 ただ、見た目に関することを何もしていなかったのでいまいち(？)見た目が美しくありませんでした。 というわけで、今回はBackbone.jsで作成したWebアプリにjQuery Mobileを組み合わせることでネイティブっぽい見た目にしていきたいと思います。 はじめに Webページの見た目を簡単にモバイル対応させるためにはCSSフレームワークであるbootstrapや JavaScirptフレームワークであるjQuery MobileやSencha Touchなどを使うことが多いと思います。 本稿では、ネイティブっぽいWebアプリを作成することを目標にしているため、 ネイティブに近いUIツールを使えるjQuery Mobileを用いて画面の見た目を変更していきたいと思います。 アーキテクチャ Backbone.jsと
backbone.jsとcoffee scriptを組み合わせた小さいサンプル | DevelopersIO
backbone + coffee scriptで快適に 最近は仕事でもJavaScriptの使用頻度が多くなっており、煩雑になりがちでした。 解決方法を探していたところ、backbone.jsというフレームワークが良いらしいという話が出てきたので試してみます。 また、coffee scriptを組み合わせ、シンプルなサンプルを作成してみます。 backbone.jsとは backbone.jsはDocumentCloud(underscore.jsも開発しているところ)が開発しているMVCフレームワークです。 これを使用すればモデルの操作、HTMLレンダリング、URLフラグメントに応じたルーティング処理を分割して綺麗に記述することができます。 公式サイト ※1やソースコード解説 ※2があるので、詳細はこちらを確認してみてください。 まずはこれだけを用いてサンプルプログラムを作成してみまし
RequireJS と Backbone.js を組み合わせてモデルとビューをモジュール化してみる - present
はじめに Backbone.js を使って UI を実装しているけど、モデルやビューが増えてきた。1ファイルに収めるには多いんで、ファイルを分割して実装し、最終的には結合したい。 そこで、RequireJS を使ってモデルやビューをモジュールにして、ファイルを分割しつつ開発できるようにしてみる。 RequireJS とは RequireJS は JavaScript のファイルやモジュールを非同期でロードできる JavaScript ライブラリ。 RequireJS 最適化機能もあり、公開時はモジュールをひとまとめにできる。 RequireJS と Backbone.js を組み合わせてみる 以前作った TODO アプリのサンプルで練習してみる。モデルとビューとテンプレートを1ファイルに記述していたので、それを別ファイルに分割する。 ディレクトリ構成 RequireJS の導入でディレクト
Underscore.js で JavaScript を楽にしよう
こんばんは、サドルのない生活にも随分慣れた高橋です。 いきなりですが、JavaScript面白いですよね！んでガリガリ書いてコード膨らんでしまって若干依存があって分割めんどくせー！という経験をされた方はいませんか？もしかしたら「あんな事したいなぁ」が Underscore.js でスマートに解決するかもしれませんよ。 Underscore.js とはユーティリティライブラリです。非依存のため、稼働中のアプリケーションにも導入できます。 実績については Backbone.js に組み込まれているのもあって十分でしょうか。 使い方は _.size() みたいな書き方で超簡単。 ものすごいUnderscoreです・・・ さて、数あるライブラリの中でUnderscore.jsを使う理由なんですが、やはりドキュメントが充実していう点でしょうか。これに一度目を通しておけば、あれやこれやしなくて済むかも
Underscore.jsの使い方 ｜ Tips Note by TAM
今回は、javascriptのライブラリ「Underscore.js」の使い方をご紹介します。 ■ 公式 Underscore.js(http://underscorejs.org/) ■ 日本語訳 enja-oss/Underscore ・ GitHub Underscore.jsとは Underscore.jsは、主にjavascriptの関数や配列、オブジェクトを扱う際に頻繁に発生する処理が、 100種類程度のメソッドとしてまとめられている軽量なライブラリです。 （投稿時の最新バージョンは1.5.2。圧縮版のサイズは4.9kb） リリースからは既に数年が経過しており、 JavaScriptのフレームワークであるBackborn.jsで依存ファイルとして使用されていたり、 Backborn.jsとともにVersion 3.5以上のWordPressに同梱されていたりするようですので、
便利機能満載のライブラリUnderscore.js - にのせき日記
JavascriptライブラリUnderscore.jsがすごい便利。 すごい便利なのにもかかわらず、あんまり日本語の情報がなかったので、公式のドキュメントをスピリチュアル抄訳してみた。 http://documentcloud.github.com/underscore/ Collection Functions each _.each(list, iterator, [context]) listの要素をイテレートする。すべての要素はiterator関数にyieldされる。iteratorには(element, index, list)の3つの引数が渡される。もしlistがJavascript Objectだった場合は(value, key, list)になる。 _.each([1, 2, 3], function(num){ alert(num); }); => alerts eac
Backbone.jsを薦める3つの理由
ガリレオスコープ開発チームによる �最新Web動向、技術メモ ( Ruby, Rails, node.js ) です Backbone.js(http://documentcloud.github.com/backbone/)を2,3ヶ月触ってみて、導入して良かったことをまとめます。 Backbone.js単体での威力はそこまでではないかもしれませんが、Server側も含めた設計思想を絡めて考えると大きな効果が期待できます（サーバー側も含めた構造改革が全体的に必要になるとは思いますが・・・）。 ViewとControllerの結合強度低下 = Viewのアプリ化viewとcontrollerが1対1対応だった頃Rails単体で作成している場合、Viewにロジックが入れられない以上、 そのViewで必要な変数などは、全てControllerに書く必要がありました。 この状態では、Contro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Underscore.js入門 (全10回) - プログラミングならドットインストール