Backbone.js サンプルアプリケーション #1
はじめにBackbone.jsのサンプルアプリケーションのソースを理解していきます。 まずはModelです。 var Todo = Backbone.Model.extend({ defaults: function(){ return{ title: "empty todo...", order: Todos.nextOrder(), done: false }; }, toggle: function(){ this.save({done: !this.get("done")}); } }); コード解説Todoモデルは３つの属性を持っています。（title、order、done） defaultsを関数にしているのは、Todoを生成する度に新しいオブジェクトを返すようにするためです。defaultsにオブジェクトを設定した場合は、defaultsが適用された全てのTodoでオブジェク
Backbone.jsで全イベントをconsoleに出力するデバッグ用スクリプト - Qiita
最近こんな記事を見かけて、フーンと思いながら眺めていたら、便利そうな内容(Ease debugging of Backbone events)を見かけたので、自分なりにアレンジしてみました。 Backbone.jsで作成したオブジェクトで発火した全イベントをこんな感じでconsoleに出力してくれます。 ソースは以下(コメントの指摘を受けて一行修正しました)。 (function () { 'use strict'; // ログのスタイル var logStyles = { timestamp: { color: 'gray' }, label: { color: 'white', 'border-radius': '2px' }, event: { color: 'blue', 'font-weight': 'bold', 'font-size': '110%' } }; // ラベルの
大規模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ワインセラーチュートリアル – 第2部：CRUD | Adobe Developer Connection
ダウンロードには、これらのサービスのPHP版（Slimフレームワークを使用）が含まれています。こちらの投稿では、同様の内容でJavaバージョンのAPI（JAX-RSを使用）を使用しています。 RESTful以外のサービスでBackbone.jsを使用する RESTfulサービスで永続化レイヤーを利用できない場合は、Backbone.syncを無効にできます。以下に、Backbone.jsドキュメントの記述を引用します。 「Backbone.syncは、modelをサーバーから読み込んだり、サーバーに保存しようとするたびにBackboneに呼び出される関数です。デフォルトでは、Backbone.syncは(jQuery/Zepto).ajaxを使用してRESTful JSONリクエストを作成します。WebSocket、XML transport、またはLocal Storageなど別の手段で
Backbone.jsのpjaxを試してみた - SUSH-i LOG
なんだか名前を良く聞くような気がするBackbone.jsを一度触ってみたかったので、Twitterの仕様が変わってタイムラインが取得できなくなった自サイトに組み込んでみました。 中でもpjaxが出来るとかなんとか聞いたので、その辺りを中心に試しています。むしろそれ以外は別にBackbone.jsじゃなくても良いくらいの状態なので、少しずつ試していこうかと思います。 Backbone.jsを使う準備 Backbone.jsは単体で動くわけではないみたいなので、下記ライブラリを用意しました。 Backbone.js Underscore.js jQuery jQueryの代わりにZepto.jsでも良いのですが、IE非対応みたいなので、一応jQueryにしました。 Backbone.RouterとBackbone.history Backbone.jsでpjaxを実装するためにはBackbo
【JavaScript】Backbone.jsとUnderscore.jsのtemplateメモ – T2
【JavaScript】Backbone.jsとUnderscore.jsのtemplateメモ 12月 5, 2012 admin JST 第4回 JavaScriptTemplates（JST）入門！ 概要 JavaScript用テンプレートエンジン「JavaScript Templates（JST）」 TrimPathというJavaScript用フレームワークの中で使用されているテンプレートエンジン デメリット ・SEO的にどうなのか。 ・JSオフすると微妙だよね ・テンプレートエンジンだから重い？ 例 試しに適当なものを作成しました。 <!-- window.onload = function(){ var contents = document.getElementById('contents'); var temp = contents.innerHTML; var data
Backbone.js Advent Calendar 2012 - Adventar
Backbone.jsのTIPSとかパターンとか、他のライブラリとの連携などなど。 フルスタック感がない分、各自でいろいろ編み出しながら使いこなしていると思うので、そのあたりの共有がてら書きましょう！
Backbone.js 日本語リファレンス
object.once(events, callback, [context]) object.listenTo(other, event, callback) object.stopListening([other], [event], [callback]) Backbone.Model Backbone.Model.extend([properties], [classProperties]) Backbone.Model を継承した新しいモデルを作ります。 properties インスタンスメンバを定義します。 var User = Backbone.Model.extend({ say: function () { console.log("Hello."); } }); var user = new User(); user.say(); //-> Hello. classPr
Backbone.js の記事一覧 | DevelopersIO
# Backbone.js の記事一覧【後編】Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】 山形 孝造2013.04.01 01:53【前編】Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】 山形 孝造2013.04.01 01:49Backbone.jsでつくるMVPなUIパターン【リスト】 山形 孝造2013.03.04 03:59Backbone.jsでつくるMVPなUIパターン【タブ】 山形 孝造2013.02.27 11:06Backbone.jsにおけるModel-View-Presenterアーキテクチャパターン 山形 孝造2013.02.26 07:05Backbone.jsでPOSTでXMLを返す 深澤 豪2012.10.02 05:53backbone.jsとcoffee scriptを組み合わせた小さいサンプル 中村 修
試して学ぶ Backbone.js入門 | Remote TestKit
Backbone.jsはJavaScript MVCフレームワークの1つです。Backbone.jsの概要から、インストール方法、Modelの基本を説明していきます。 はじめに Backbone.jsはJavaScript MVCフレームワークの1つです。Backbone.jsはその名が示す通り、Webアプリケーションにアーキテクチャという背骨を提供することを目的としたライブラリです。直ぐに複雑なスパゲッティコードになりがちなWebアプリケーションに、Backbone.jsが提供するEvent, Model, Collection, View, Routerというコンポーネントを使うことで、Webアプリケーションに一定の構造を与えることが可能になります。 例：Backbone.jsによるアーキテクチャイメージ Backbone.jsによるWebアプリケーションの一例 様々なJavaScri
jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう | Lab by engineering@dwango.jp
こんにちは、2011年度新卒エンジニアの夏目です！突然ですがみなさんJavaScript書いてますか？ 最近はjQuery Mobileなどを利用したスマートフォン向けアプリ開発において、クライアントサイドでもヘビーなJavaScriptのコーディングをする機会があると思います。そのようなときコードのいたるところにHTMLが混入したり、どこでどのデータを扱っているのか分からなくなるということになりがちです。 今回はそんな悪夢のようなコーディング生活に一筋の希望の光を照らすBackbone.jsを紹介したいと思います。 対象読者 JavaScriptでの開発経験がある方 Backbone.jsとは Backbone.jsはDocumentCloudが開発をしている、クライアントサイドのJavaScriptコードをModel、View、Controllerで構築するためのフレームワークです。b
Backbone.jsのカレンダー | Advent Calendar 2011 - Qiita
URLYou can post either your article on Qiita or your blog post. About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)
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 氏に感謝を。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - CyberAgent/beez: The framework for mobile browser faster development.
セブンスヘブン
Backbone.js入門 (全22回) - プログラミングならドットインストール
はじめよう Backbone.js