node.js + backbone.js + mongodb + coffeescriptのコードサンプルとUI駆動開発

node.js、backbone.js、mongodb、coffeescriptなどを使用したシンプルなCRUDアプリのサンプルがgithubで公開されていましたので、動かして遊んでましたフレームワークはexpressを使用しています。https://github.com/gelnior/ponyoちゃんと動きますそもそ…

2012-01-01

Google App Engine + Backbone.js + Require.js で作成されたwebappサンプル

google app engine javascript python

webapp-boilerplate https://github.com/ronreiter/webapp-boilerplate Google App Engine、Backbone.js、Require.jsを使用して作成されたTodo listのサンプルコードがgithubで公開されてました。コードには丁寧にコメントが付けられているので勉強になりま…

2011-12-06

backbone-railsを触ってみた

rails javascript coffeescript

backbone-railsを触ってみたのでメモです。https://github.com/codebrew/backbone-rails インストール bakcbone-railsはrailsの3.1系で使えます。 railsのプロジェクトを作り、Gemfileに以下を記述します。 gem rails-backbone あとはbundle install bundle …

2011-12-05

html5アプリ作成のためのフレームワーク brunch

javascript html5 coffeescript

brunchというhtml5アプリを作るためのフレームワークがあります。 http://brunch.io/以下の言語、ライブラリ、ツールを使用してます。 CoffeeScript http://jashkenas.github.com/coffee-script/ Backbone.js http://documentcloud.github.com/backbone/ Und…

2011-12-03

backbone.jsでフラグメントがない場合は#homeに遷移させる

javascript

先日作成したRouterのサンプルで、フラグメントがない場合、#homeを表示するようにしてみました。 http://dl.dropbox.com/u/494487/backbone-sample/routing/index.html $(function(){ App.router = new App.Router; if(Backbone.history.getFragment() === …

2011-12-02

backbone.jsとjQueryでオートコンプリート

javascript

backbone.jsを使用するjQueryのプラグインBackbone-Widgetsで、フォームのオートコンプリートができるということなので試して見ました https://github.com/martindrapeau/Backbone-Widgetsサンプルはこちら http://dl.dropbox.com/u/494487/backbone-sample/…

2011-12-01

backbone.jsのRouterを触ってみる

javascript

backbone.jsのRouterについて調べつつ、サンプルを書いて見ました。 http://dl.dropbox.com/u/494487/backbone-sample/routing/index.htmlタブをクリックすると、Backbone.Routeのroutesで、URLパターンに対して指定したfunctionが呼ばれ、コンテンツが切り…

2011-11-29

backbone.jsのCollectionのフィルタリング

javascript

backbone.jsに慣れようと思って、ちょこちょこサンプルを書いているわけですが、今日はインクリメンタルサーチっぽいUIを書いて見ました。サンプルはこちら http://dl.dropbox.com/u/494487/backbone-sample/filtering/index.htmlデータは静的にもってるだ…

2011-11-28

backbone.jsでtooltipを表示する

javascript

backbone.jsのサンプルプログラムでtooltipを表示していたので、どういう処理になっているのか読んでみました。せっかく読んだので、わかりやすいように関連する箇所だけのサンプルにしてみました。 $(function(){ var AppView = Backbone.View.extend({ el…