前提 会社(Quipper)で今からこういう風にしたい、と宣言した社内ドキュメントを公開する。 枯れてるわけではない。 coffeescript Backbone Backbone.stickit (データバインディング) Chapling.js(は、オマケなのでどうでもいいがサンプルコードはこう) backbone.stickitは安心と信頼のNYT製。(実質Backbone作ってるDocumentCloudと一緒のところ?) backbone.stickit 目的 データバインディングを全面的に使って再描画を最小限にし、コードの見通しをよくしたい。 モデルの役割を明示的にし、MVVMを導入する。 理想的なAPI 擬似コード # ビューモデルの定義 class TopicViewModel extends Model defaults: title: '' # たぶんここでパラメータ名(
backbone-boilerplate https://github.com/tbranyen/backbone-boilerplate クライアントサイドMVCフレームワークであるbackbone.jsを使用したアプリケーションのテンプレートですね なんかbackbone.jsってこういうの多いですね。 使ってみる 上記URLからzipかtarをダウンロードするか、git cloneします cd myproject git clone https://github.com/tbranyen/backbone-boilerplate.git . rm -rf .git 付属のビルドツールを利用するためにはnode.jsが必要です node.js http://nodejs.org/ とりあえず、「すぐ動かせる」のが重要です node build/serverこれでちゃんと動きます 特徴
This document provides an overview of Marionette.js, a library for Backbone.js applications that helps address common patterns and problems when building larger scale single page applications. It introduces Marionette primitives like views, view containers, and an application structure that separates coordination logic from computation logic. Specific components covered include item views, collect
チュートリアルの続き。 さんざん伸ばした挙げ句、ようやくここからが、本番。 MarionetteのViewを使う。 また、長い記事になったので、先にソースあげておく。 https://github.com/lxyuma/todo-mario これから作るもの 前回、新規作成formを作ったので、 新規作成したtodoを表示するViewを作る。 liタグで、一つずつのTaskを表示する ulタグで、それらを束ねる liタグ用のView(1つ1つのTask) generatorをまた使う。 $ yo marionette:itemview task --create-all --create-allも付けると、templateも作ってくれる。 出来上がったソースに対して tagName: liを紐づける liをクリックしたらfinished:trueにして、線を引きたいので、 clickされた
marionette.jsのチュートリアルの続き。 ここから、クライアント側の話。 先に言うと、メインのmarionetteは、この記事でなく、その３なので読んで飽きてきたら、その３に飛ぶべし。 前回に引き続き、gruntを起動している状態で進める事。 もし、起動していなければ、gruntを起動する。 model 初めにmodel を作る。 railsみたいに、MVC,routerそれぞれのgeneratorが準備されているので、勿論それを使う。 $ yo marionette:model task create app/scripts/models/task.js invoke mocha-amd:unitTest create test/spec/models/task.js conflict test/spec/testSuite.js [?] Overwrite test/spec
Marionette.jsのチュートリアルを書く。 特に、yeoman製のgenerator-marionetteを使って、 railsみたいに、楽しながら、進めていく。 量が多くなったので、何度かに分けて書く。 この記事は、yeomanによる準備から、node+expressによるサーバー側まで。(baucis という楽チンな仕組みを使う) Marionette.jsとは？ この前作ったslideをご参考に。 introduction to Marionette.js (jscafe14) from Ryuma Tsukano インストール 以下のgenerator-marionetteのgithubのページを参照 https://github.com/mrichard/generator-marionette#install 特にハマる事は無い。多分ね。 project作成 proje
Чик чик и в продакшн: быстрый обзор маленьких библиотек для большого Backbone...
普段仕事をしていると、自分のやっている案件や会社内でのプロジェクトのことはわかりますが、「Railsの他社での設計方法」みたいなことを知る機会って中々ないですよね。そんな時にオススメしたいのがRails勉強会@東京です。月1回(?)の開催で前回が88回目だったので、Rails 1.xxのころから、7年近く継続している勉強会だそうです。 この勉強会のスタイルは、参加者の興味があるテーマを集めて人気のあるテーマにしたがってフリーディスカッションやハンズオンを行うというものです。参加者が主体的に発言できたり、実際の現場でどんなカタチで開発しているかがラフに聞けてしまいます＾＾ 今回は10/19(土)の勉強会の中で、僕が参加したJavaScript Frameworkの議論を参考にさせていただきつつ、周辺の資料をまとめてみました！ (2013/11/13) アシアルさんのブログのAngularJS
Backbone.jsを週末を使って学習しました。メモがてらそのときに使った学習リソースをまとめてみたいと思います。 公式サイトまずは公式サイト。ただ公式サイトを眺めただけじゃようわからないので、ざっと眺めるだけでOKだと思います。 Backbone.js 動画でBackboneを触ってみるドットインストールのBackbone入門。手を動かしてもいいですし、流し見でもいいでしょう。 Backbone.js入門（ドットインストール） 英語、かつ有料になりますがプログラミング学習サイト、Code Schoolのコンテンツも非常にいいです。 Anatomy of Backbone.js（Code School） 文章でBackboneを理解する英語になりますがオライリーのBackbone本がWEBで公開されているので読めます。（日本語訳版は現時点で出版されていないようです） Developing
Available free for open-source reading below or for purchase via the O'Reilly store. Pull requests and comments always welcome. Prelude Not so long ago, “data-rich web application” was an oxymoron. Today, these applications are everywhere and you need to know how to build them. Traditionally, web applications left the heavy-lifting of data to servers that pushed HTML to the browser in complete pag
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のModel, CollectionにはデータのCRUDに関する似たようなメソッドがあるのですが、Backbone.Syncを呼び出すかどうかがメソッドによって違いがあるので纏めておきます。 Backbone.Syncを呼び出すメソッド これらのメソッドは内部でBackbone.Syncを呼び出すため、デフォルトではRESTによるサーバサイドの呼び出しが発生します。 Model Collection fetch fetch save create destory Backbone.Syncを呼び出さないメソッド これらのメソッドは内部でBackbone.Syncを呼び出しません。メモリ上でのみデータが変更されます。イベント発行も行われます。 Model Collection new(※1) add set remove reset ※1 new 演算子によるコンストラ
Jasmine + Sinon.js を使って Backbone.js アプリケーションをテストするチュートリアルを読みました JavaScriptのためのBDDテストフレームワーク「Jasmine」と、簡単にスタブやモックオブジェクトを導入する「Sinon.js」を使って、JavaScriptのためのMVCフレームワークである「Backbone.js」で書かれたアプリケーションをテストするチュートリアル記事を読みました。 全３部構成。英語。 Testing Backbone applications with Jasmine and Sinon – Part 1 – Tinned Fruit Testing Backbone applications with Jasmine and Sinon – Part 2. Models and Collections – Tinned Frui
Apalagi link situs slot gacor Fastslot88 selalu memberikan jackpot nyata yang mana player tidak perlu ragu dan khawatir jika ingin daftar judi slot online bersama Fastslot88. Dan semua permainan yang kami Fastslot88 sediaan sangat gampang sekali untuk dimainkan serta dimenangkan. Cukup dengan satu akun ID saja kalian bisa bermain dengan provider gacor hari ini, tidak hanya menyediakan situs slot g
Backbone.js Introduction Events – bind – unbind – trigger Model – extend – constructor / initialize – get – set – unset – id – cid – attributes - toJSON – save – destroy – validate – url – clone – isNew – change – hasChanged – changedAttributes – previous – previousAttributes Collection – extend – constructor / initialize – models – Underscore Methods (24) – add – remove – get – getByCid – at – le
まずさらっと紹介。 ・backbone.js …クライアントサイドjsにMVCを提供してくれるすんげーライブラリ。railsと相性抜群（っぽい。まだサラっとしか見てません） railsと連携してルーティングとか使ってみたいので、knockoutjs使ってましたがこっちに切り替えようかなと思ってます。 ・jammit …jsのテンプレートとかcssとかをパッケージングしてくれるライブラリ。backbone.jsのviewテンプレートについて調べてたら出てきました。 ・haml …htmlの省略記法を提供するマークアップ Backbone is agnostic with respect to your preferred method of HTML templating. Your render function could even munge together an HTML stri
Backbone.js Advent Calendar 5日目 Backbone.jsの本家ドキュメントにtodoリストをブラウザのLocalStorageを使って保存するチュートリアルがあります。 todo.js 今回は、このtodoアプリのバックエンドとして、Ruby on Railsを使うように変更してみたいと思います。 Backbone.jsとサーバの通信 Backbone.jsはModelやCollectionの内容をサーバと同期するための手段を提供してくれています。標準で用意されているBackbone.syncはサーバがRESTfulと呼ばれるインタフェースを提供していることを前提に動作しますが、同期する方法を自作することも可能で、例えば上記のtodoリストのチュートリアルではLocalStorageにデータを保存するために、Storeという名前のオブジェクトを自作して用いてい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
