DailyJS: Backbone.js Tutorial: Routes
Part 1: Build Environment Part 2: Google's APIs and RequireJS Part 3: Authenticating with OAuth2 Part 4: Backbone.sync Part 5: List Views Part 6: Creating Lists Part 7: Editing Lists Part 8: Deleting Lists Part 9: Tasks Part 10: Oh No Not More Tasks Part 11: Spies, Stubs, and Mocks Part 12: Testing with Mocks Part 13: Routes Preparation Before starting this tutorial, you’ll need the following: ale
Backbone.jsでつくるModel-View-PresenterなUIパターンいろいろ | DevelopersIO
この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。 今日の目次 Backbone.jsの紹介 タブの実装を紹介 今日の目標 Backbone.jsで開発したことのない人の始める取っ掛かりになってもらえれば Backbone.jsつかってますか？ Backbone.jsってなんですか？ クライアントサイドJavaScriptアプリケーションの構造を支えるMVPフレームワーク シングルページアプリケーションとかで威力を発揮 Underscore.js もしくは Lo-Dash に強く依存。 json2.js、jQueryもしくはZeptoにも依存 Backbone.jsってなんですか？ Backbone.jsってなにがいいの？（特徴） クラスベースのJavaScript(プロトタイプ継承) => テスト書きやすい、コードの見通しがいい Backbo
Androiderに贈るAngularJS概説 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 会社でAngularJSをわっしわっし使ってみて、そろそろ某かの意見を言えるようになったのではないか？と思ったので、推薦記事を書いてみます。AngularJSマンセー！ 一般のAngularJS解説記事はまぁ巷にそれなりに出回っていると思うので、僕の周りに蔓延る混沌Androidクラスタ向けの説明記事を書いてみようと思います。 というわけで、AngularJSをAndroid用語を駆使して説明します。正確さはあまり気にしません。 読者に要求されるもの Androidについての基本的な知識 JavaScriptやHTMLなどに対する基本的
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における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を操作しているところ
jQuery to Backbone – into JavaScript architecture.
Frontrend Vol.4（2013年2月9日開催）で行われた、"jQuery to Backbone – アーキテクチャを意識したJavaScript入門"のセッション資料です。 参考: http://frontrend.github.io/events/04/
DailyJS: Backbone.js Tutorial: Spies, Stubs, and Mocks
Part 1: Build Environment Part 2: Google's APIs and RequireJS Part 3: Authenticating with OAuth2 Part 4: Backbone.sync Part 5: List Views Part 6: Creating Lists Part 7: Editing Lists Part 8: Deleting Lists Part 9: Tasks Part 10: Oh No Not More Tasks Part 11: Spies, Stubs, and Mocks Preparation Before starting this tutorial, you’ll need the following: alexyoung / dailyjs-backbone-tutorial at commit
GitHub - paulmillr/ostio: Your open-source talks place.
Ost.io ("open-source talks") is a forum for open-source projects and the best place for discussing project stuff with other users. It is tightly integrated with GitHub. The main ostio mission is to replace mailing lists. Ost.io apps are TodoMVC-like set of example applications, which hopes to offer more complex apps. We think example app should be: Real-world. Ost.io support forum will be self-hos
Underscore.js で JavaScript を楽にしよう
こんばんは、サドルのない生活にも随分慣れた高橋です。 いきなりですが、JavaScript面白いですよね！んでガリガリ書いてコード膨らんでしまって若干依存があって分割めんどくせー！という経験をされた方はいませんか？もしかしたら「あんな事したいなぁ」が Underscore.js でスマートに解決するかもしれませんよ。 Underscore.js とはユーティリティライブラリです。非依存のため、稼働中のアプリケーションにも導入できます。 実績については Backbone.js に組み込まれているのもあって十分でしょうか。 使い方は _.size() みたいな書き方で超簡単。 ものすごいUnderscoreです・・・ さて、数あるライブラリの中でUnderscore.jsを使う理由なんですが、やはりドキュメントが充実していう点でしょうか。これに一度目を通しておけば、あれやこれやしなくて済むかも
rails3 + backbone.jsでデータのやり取りをするために。 - リア充爆発日記
RailsでWEB APIサーバを作るときのアーキテクチャをどうするか考える RESTful APIとWebサイトを１つのアプリケーションで作る で、この時はAndroidアプリしかAPIを使うクライアントはいなかったんだけど、等々HTMLから使うときが来ました！ この時のために、いろいろ考えて自分なりのRESTfulなAPIを作ってきたつもりだった。 で、ここまでの積み重ねを活かせると思い、backbone.jsも採用したのでなんかもう自分的には伏線回収フェーズが来ました的な。 上記リンクのとおり、APIはサブドメインを切って受け付けることにしたけど、backbone.jsはデフォルトだと同一ドメインに対してリクエストを飛ばすので（あたりまえ）これを変更する。 backbone.jsでajaxのリクエスト先を別のHostにする方法 すると問題になるのがsame-originポリシー。これ
Backbone.js 0.9.10 の変更点 - Webtech Walker
Backbone.jsの0.9.10がリリースされました。 Backbone.js - Change Log 変更点は次のような感じです。 routeイベントはこれまではBackbone.historyで発火してたんですが、routerでも発火されるようになりました。 バリデーションが走るのがsaveメソッドのみになりました。setメソッドやnewしたときには走りません。save以外でもバリデーションを実行するにはオプションに{validate:true}を指定します。 バリデーションが失敗したときのイベントがerrorからinvalidになりました。（本家のChange Logには未掲載） View#makeが削除されました。代わりに$を直接使ってDOM要素を初期化しましょう。 Model#changeメソッドが削除されました。 Passing {silent:true} on chan
Unit Testing JavaScript and Backbone.JS
Why do we hate testing? How do we test JavaScript? How do we test Backbone.JS? (Credits to @searls for slides 6 through 12, used with permission).
Backbone + Lo-Dash + Ender? | MOL
Backbone.js Advent Calendar 2012 Backbone.jsのTIPSとかパターンとか、他のライブラリとの連携などなど。 フルスタック感がない分、各自でいろいろ編み出しながら使いこなしていると思うので、そのあたりの共有がてら書きましょう！ ということで、Advent Calendarでは与えられたテーマから外れた内容で記事を書くことに定評のある@t32kが23日目をお贈りしてやんよ(o°3°b)b 私、恥ずかしながらBackbone.jsとは今のところ無縁な最下級HTMLコーダー(戦闘力・たったの５か・・ゴミめ・・・)でして、そんあ僕でもいつかはAPIとか使って情報とってきて面白いWebアプリケーション作りたいと思うわけです。そこでBackbone.jsなわけです。 そんなわけでわけの分からぬままBackbone.jsの公式サイトを読んでみると Backbon
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のコメント付きソースコード日本語訳が公開
Introduction for Browser Side MVC
# 概要 画面遷移を行わず、1枚の html 上で対話的に操作するような web アプリケーションを目にする機会が増えてきました。 そんなアプリケーションを開発する際、jQuery 主体だったこれまでの開発スタイルだと画面表示と機能が切り離せなくなってしまい、変更に弱い作りになってしまうことになるでしょう。 この問題に対処するにはどうすればよいでしょう？ そんなときは先人の知恵を参考に、その解決策を探してみるのはいかがでしょうか。 ユーザからのインタラクションを受け付けるアプリケーションを上手く構築していく際のやり方として、MVC パターンが広く知られています。 本セッションでは、ブラウザ上での JavaScript の MVC の原点を辿り、その実装のひとつである Backbone.js を例にとって、整理されたコードについて考えてみたいと思います。 SaCSS vol40 ( http
Backbone.Modelのattributesにオブジェクト入れるときの注意 - Webtech Walker
Backbone.js Advent Calendarの15日目です。軽めにいきます。 Backbone.Modelのattributesにオブジェクトを設定するときの注意点など。attributesはsetとかで設定される値をオブジェクトして持っているやつです。 まず次のようにsetでattributesを設定します。 var MyModel = Backbone.Model.extend(); var m = new MyModel(); m.set('hoge', 'fuga'); m.set('foo', { bar: 'baz' }); このようにhogeには文字列、fooにはオブジェクトを設定しました。そしてtoJSONでattributesを取得して値を更新してみます。 var attrs = m.toJSON(); attrs.hoge = 'new fuga'; attr
Backbone.jsでNode.jsとクライアントサイドのロジックをイケてる感じで共通化する - Webtech Walker
Backbone.js Advent Calendarの12日目です。 Backbone.jsを使ってNode.jsとクライアントサイドのJavaScriptでロジックを共有する方法について書いてみます。 Node.jsといえばチャット。チャットといえばSocket.IOということでSocket.IOを使ったチャットを例にしてみます。 例えばチャットの一回の文字列の上限を140文字にしたいとします。その場合クライアント側でもサーバー側でも同じバリデーションのロジックを実装するのは面倒ですし、上限値が変更になったときに2箇所変更するのはイケてないですね。そこでBackbone.jsを使ってその部分のロジックを共通化する方法を考えてみます。 Backbone.jsはnpmでインストールできるのでまずはBackbone.jsとSocket.IOをインストールします。 $ npm install
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はじめよう Backbone.js
http://andrewhenderson.me/tutorial/how-to-detect-backbone-memory-leaks/