blogこの広告は、90日以上更新していないブログに表示しています。2014-11-29Ampersand.js所感javascriptちょっと前に紹介されてたAmpersand.jsを使ってみたので、ざっくりとした紹介。Routerなど複数のモジュールに分割されていて、個別に読み込んで使うことができる。require('ampersand-model');多くのモジュールはBackbone.jsのコードをベースにしているので、名前が同じものは概ね同じ感覚で使うことができる。以下、全部ではないけど触ったモジュールのBackboneとの違いをざっくり紹介。ampersand-state後述するampersand-modelのベースになるモジュール。違いとしてはAjax周りの機能がない。derivedsessionsは一時的な値を保持するための、derivedは関数を設定できるプロパティ。どちらもtoJSONで列挙されない。2}ampersand-modelampersand-stateにモジュールampersand-syncを追加し、fetchやsaveを使えるようにしたもの。ajaxConfigでheaderやbeforeSendの詳細な設定ができたりする。ampersand-collectionBackbone.Collectionに相当するが、ampersand-syncおよびUnderscore.jsを使用したメソッドは含まれない。(forEachやmapなど、ES5のメソッドは使える)ampersand-rest-collectionampersand-collectionにsyncとUnderscore.js関連のメソッドの他、指定したidのモデルがあればそれを返し、なければfetchするfetchOrGetなどが追加されている。ampersand-viewBackbone.Viewの機能に加えて、2-way-bindings,collectionView,subViewなど、backbone.stickitやMarionette.jsなどでもおなじみの機能を含む。ampersand-router大部分はBackbone.Routerのコードが元になっているが、historyを残さずに遷移するredirectToなどが追加されている。CLIツールコマンドラインから使えるジェネレータもある。client/models/foo-collection.jsドキュメントは普通に充実しているので、詳細はそちらを見てもらった方が早いです。http://ampersandjs.com/docsモジュールは上記以外にも色々ある。人気のプラグインを取り込んで痒いところに手が届くようになったBackbone.js。モジュールが分散していることもあってgithubのstarはまだ少ないのだけれど、ちゃんとOrganizationがあって活発にメンテされているのも良い。大きなフレームワークを使っていてもプロダクトの要件にバッチリハマるみたいなことはそうそう無くて、結局は複数を組み合わせるとか、ラッパーを書くとかする必要が出てくるので、そうした面でも最初からモジュール化されているのは理にかなっていると思う。Model,CollectionをFluxアーキテクチャで言うところのStoreとして使っていて、他にもVue.jsと組み合わせるとか、純粋にBackbone.jsの上位互換のMVCフレームワークとしてとか、色々使い道はありそうなので試していきたい。Versioning)は依存関係のもつれ...2013-11-28Marionette.jsについてあれこれMarionette.jsはBackbone.jsのラッパー的なライブラリです。月別アーカイブリンクgithubQiitaはてなブログをはじめよう!t930さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。