Backbone.js
先日TypeScript使ってBackbone.jsのアプリケーションを書いて、いろいろハマったので備忘録的に書いておきます。 はじめに 既にTypeScript+Backbone.jsのサンプルはいくつか上がってたりします。 有名なのはTypeScript+Backbone.jsでTodoアプリケーションを…
前回さらっとHandlebars.jsを使っていたんですが、ふわっとしていたのでもう少し詳しく説明します。 前回の記事: Backbone.js+D3.jsでデータの可視化【準備編】 - yutaponのブログ Handlebars.js: Handlebars.js: Minimal Templating on Steroids RequireJS…
先週はnode.jsでニコ動のランキング情報をJSON取得するコードを書きましたが、 今回はそのデータを使って棒グラフを書くってところまでやります。 （d3.jsの事前知識は公式のチュートリアルを読んだくらいです。）普通にd3.js使っても面白く無いので、Backbo…
久しぶりのBackbone.js入門。 Backbone.jsガイドブックを見ながらまとめてますが、 後半は試行錯誤のたまもの。 Backbone.Routerとは Backbone.RouterはサーバーサイドMVCフレームワークでいうところのCにあたる部分、でもありますし、VCでもあります。 Back…
JavaScriptというか、XHRでメールを送信できるサービスがあるらしいので試してみます。 これを知った記事がこちら。 jsだけ使ってメールが送れる世の中らしい - 以下斜め読んだ内容そんなサービスを提供してるのがMailChimpのMandrill。 Transactional Email…
今回はBackbone.ModelとBackbone.Collectionを使って サーバーサイドとRESTな通信をしてみます。サーバーとの通信ですが、別に難しいことはありません。 jQueryでいう $.get(), $.post() をBackbone.js風に使うだけです。 はじめに サーバーとの通信ですが、…
今回はModel, Collection, Viewの連携をしてみます。 設計 電話帳をずっと例にしてきたので今回も電話帳で。電話帳は複数の電話情報の集合なので、 電話情報（Model） 電話帳（Collection） と整理することができます。 これらを表示するために、 1件あたり…
今回はBackbone.Viewを取り扱います。 この記事を書く前にいろいろ試してみたのですが、 なかなか難しく理解が甘いので2回やります。 Backbone.Viewとは MVCモデルでいうVCがBackbone.Viewになります。 サーバーサイドのMVCフレームワークを使ってきた人には…
Backbone.Collectionは本格的に使ったことがないです^^; ほんとの入門になります。 Backbone.Collectionとは CollectionはModelの集合を扱いたい場合に使います。 前回は電話帳を作ろうとしていたのですが、 電話情報がModelであって、それを束ねる電話帳がC…
今日はBackbone.Modelについてです。 Backbone.Collectionはあまり使ったことがないので、また別で扱います。 Backbone.Modelとは Modelといえば、MVCのMのことです。 DBから値を得たり、表示用に加工したり、ロジックを書いたりします。 注意したいのがDOM…
普段からBackbone.js使ってますが、実は細かい仕様はわかっていなかったり^^; 初心に返って基礎的なところを振り返ります。 Backbone.jsって何？ Backbone.jsはクライアントサイドのMVCフレームワークです。 と、よく説明されますが、サーバーサイドで慣れ親…
