AngularJS vs. Backbone.js vs. Ember.js
##5 Templating Angular and Ember include a template engine. Backbone, on the other hand, leaves it up to you to use the template engine of your choice. The best way to get a feeling of the different templating engines is a code sample, so let's dive in. We will show an example of formatting a list of items as HTML. ###5.1 AngularJS Angular's Templating engine is simply HTML with binding expression
Single Page Application ではない場合 JavaScript コードのエントリポイントはどこにあるべきか？ - @kyanny's blog
仕事で中規模程度の Rails アプリケーションのコードベースをいじっている。このアプリはもともと app/assets/javascripts 以下に必要に応じて JavaScript ファイルを置き、適当なテンプレートファイルから直接 JavaScript の関数を呼び出したりしていた。ごく普通の Rails アプリである。 このアプリは CMS で、いわゆる「ブログの管理画面」みたいな用途で使われている。一部の機能はそれなりに込み入った UI 操作を必要としページ遷移なしに操作できる必要があるが、旧来のやり方では JavaScript コードの管理が間に合わなくなってきたので部分的に Backbone.js を導入し始めている。 最近悩んでいるのが、 Backbone.js なコードのエントリポイントをどのように呼び出すべきなのか？ということ。そもそも自分が Backbone.js
読んだ: 『BACKBONE.JS ガイドブック』 高橋侑久 著 - ひだまりソケットは壊れない
Backbone.jsガイドブック 作者: 高橋侑久出版社/メーカー: ラトルズ発売日: 2013/04/25メディア: 単行本（ソフトカバー）この商品を含むブログ (2件) を見る id:yuku_t さん著の 『BACKBONE.JS ガイドブック』 を読み終わりました *1。 Backbone.js のことはもちろん、JS での開発に便利なツールについても書かれており勉強になりました。 JS でのクライアントサイドアプリケーション開発の実践的な話を知りたいという人にとって役立つ一冊だと思います。 本書の概要 本書は、JavaScript のライブラリである Backbone.js を使って web サービスのクライアントサイドの開発を行う方法について書かれた本です。 Backbone.js についての説明があることはもちろんのこと、RequireJS を使って AMD 形式の JS
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 アプリケーションになるとちゃんとしてるものは構造化が行われていた。イベントを集約するオブジェクト
DailyJS: Backbone.js Tutorial: Build Environment
This new Backbone.js tutorial series will walk you through building a single page web application that has a customised Backbone.sync implementation. I started building the application that these tutorials are based on back in August, and it’s been running smoothly for a few months now so I thought it was safe enough to unleash it. The application itself was built to solve a need of mine: a more u
【後編】Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】 | DevelopersIO
※この記事はBackbone.jsでつくるMVPなUIパターン【スクロールスパイ】前編からの続きの後編です。 ContentView 継承 ContentViewは文章を表示し、自身の管轄しているスクロール範囲を知っているコンポーネントです。Backbone.Viewを継承して実装します。 var ContentView = Backbone.View.extend({}); テンプレート UI表示用のテンプレート関数をNavViewと同じように定義しておきます。 <script type="text/template" id="ui-scroll-spy-content-template"> <div class="scroll-spy-content"> <%= content %> </div> </script> var ContentView = Backbone.View.ex
【前編】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="
DevTools Extensions For Web App Developers
March 26, 2013 The past year has seen many leaps made to improve developer productivity through better tooling. We're paying increasing attention to our workflow and many of us have spent time optimising our usage of tools like Grunt, Bower, Yeoman and the terminal. Another important area worth spending time on is your debugging workflow - if you're like me, this starts with the Chrome DevTools. W
Unit Testing Backbone.js Applications — SitePoint
After spending hours, maybe days, putting the finishing touches on an awesome new feature for your web application, you’re finally ready to see it in action. You add the new code to your JavaScript base, build the release candidate, and fire up your browser, expecting to be amazed. Then … Uh Oh… the new feature may be working fine, but some other critical part of your app – a part you didn’t touch
13 jQuery SelectBox/Drop-down Plugins — SitePoint
How to Use jQuery’s ajax() Function for Asynchronous HTTP Requests
TodoMVC
Introduction Developers have a number of choices today when it comes to selecting a JavaScript framework or UI library for building scalable web apps. React / Next.js, Vue / Nuxt, Angular…the list of solutions continues to grow, but just how do you decide on which to use in a sea of so many options? To help you understand the options, we created TodoMVC - a project which has offered the same Todo
Alternate Labs
Hey! I'm Pete, a software developer and founder of Alternate Labs. I love building apps using Ruby, Swift and JavaScript. I have been working with agencies and startups since early 2005, helping to design, build and ship products and services on the web. Previously I have worked at Typecast (aquired by monotype), Crafty Devil (now Flowlens) and PropertyPal (founding team). For several years my foc
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).
GitHub - tbranyen/backbone-boilerplate: A workflow for building Backbone applications.
Backbone Boilerplate This boilerplate is the product of much research and frustration. Existing boilerplates freely modify Backbone core, lack a build process, and are very prescriptive; Backbone Boilerplate changes that. The Backbone Boilerplate is a way of organizing a web application with some opinionated defaults, such as: Backbone, jQuery, Lodash, Grunt, Babel, Combyne, Karma, Mocha, and Pure
Backbone.js 日本語リファレンス
context コールバック関数の中のthisキーワードを束縛します。 object.off([events], [callback], [context]) 設定されているイベントを削除します。全ての引数を省略すると、オブジェクトに設定されているイベントを全て削除します。 events 削除するイベント名です。半角スペースで区切って複数のイベント名を指定することもできます。省略する場合はnullを渡します。 callback 削除するイベントを、コールバック関数で指定します。省略する場合はnullを渡します。 context 削除するイベントを、this に束縛しているオブジェクトで指定します。省略する場合はnullを渡します。 object.trigger(events, [*args]) イベントを発火します。また、onメソッドで設定したコールバック関数へ渡す引数を指定します。 ev
Backbone.js 0.9.9 の変更点 - Webtech Walker
Backbone.js Advent Calendarの19日目です。 先週Backbone.jsの0.9.9がリリースされてけっこう変更点多いのでChange Logに書いてあるやつを簡単にまとめときます。 Backbone.js - Change Log また、先日清水さん（@tori3_jp）が以下のようなエントリを書いていて、いくつか重複する点がありますので、こちらも参照してください。 Backbone.js 1.0に向けての変更点 « NAVER Engineers' Blog Events関連 EventsにlistenToとstopListeningが追加されました。清水さんのエントリの追記の部分に詳しく書いてあります。 BackboneオブジェクトがEventsを継承するようになりました。Backbone.on('foo')みたいなグローバルなイベントが貼れるみたいです。
Backbone.js 0.9.9 のChangelogを適当に日本語訳してみた - Qiita
貧弱な英語力での切ない日本語訳なので、 間違っているところがあれば教えてください＞＜ 原文：http://backbonejs.org/#changelog Events に listenTo と stopListening が追加されました。これらは on や off に対して inversion-of-control 的に使うことができます。あるオブジェクトがlistenしているすべてのイベントをunbindするのに便利です。view.remove()は自動的にview.stopListening()をコールします。 コレクションに対してaddを使う際に{merge: true}を渡すことで、重複したモデルを無視する代わりに、既存のモデルに属性値をマージすることができるようになりました。 モデルの集合を”賢く”アップデートできるupdate(fetchのオプションとしても利用できます)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FINAL FANTASY Record Keeper の作り方
BackboneとAngularを比較する
設計ポイントの 比較で知る Backbone.js
