JavaScript開発環境

js_dev.md

#JavaScript開発環境

---

##RequireJS

• 概要 モジュール管理ライブラリ
• 導入メリット 複数JSファイルの依存関係を管理しやすくなる
• 関連サイト
• 公式サイト - http://requirejs.org/
• RequireJS 2.0による依存関係の明示、フォールバック、複数バージョンの混在 - eller's blog - http://eller86.hatenablog.jp/entry/2012/07/01/211011

##Backbone.js

• 概要 MVCフレームワーク
• 導入メリット MVCモデルによる開発がしやすくなる（ちょっとMVCっぽくない面もあるけど）
• 依存ライブラリ underscore.js
• 補完ライブラリ Backbone-Super（親クラス操作）
• 特徴 歴史が長く利用者も多いため、情報が充実していて動作も安定している
• 関連サイト
• 公式サイト - http://backbonejs.org/
• GitHub - https://github.com/documentcloud/backbone
• Backbone.js入門 「Events」 #Backbone.js #AdventCalendar - Qiita - http://qiita.com/items/16b799d0ec0a0ae3f78e
• honmaaax/Haraochi.js · GitHub https://github.com/honmaaax/Haraochi.js

##Lo-Dash

• 概要 JavaScript拡張ライブラリ
• 導入メリット 面倒な配列操作や関数操作をシンプルに実現できる
• 準拠 underscore.js
• 補完ライブラリ underscore.deferred（Deferred機能）
• 特徴 underscore.jsより多機能かつ軽量かつ高速
• 関連サイト
• 公式サイト - http://lodash.com/
• GitHub - https://github.com/bestiejs/lodash
• Lo-Dash documentation - http://lodash.com/docs

##Zepto.js

• 概要 DOM／Ajaxライブラリ
• 導入メリット DOM操作やAjaxをシンプルに実現できる
• 準拠 jQuery
• 特徴 jQueryより軽量かつ高速（ただし機能はjQueryより少ない）
• 関連サイト
• 公式サイト - http://zeptojs.com/
• GitHub - https://github.com/madrobby/zepto
• Zepto.js リファレンス - http://www.openspc2.org/JavaScript/Ajax/ref/Zepto.js/
• Zepto.js (v1.0rc1) の jQuery との互換性 - メモ用紙 - http://d.hatena.ne.jp/scientre/20120803/zepto

##JsRender

• 概要 テンプレートエンジン
• 導入メリット HTML内への変数の代入を直感的に実現できる
• 特徴 機能が充実していて直感的に記述でき、ヘルパー等の拡張もしやすい
• 関連サイト
• 公式サイト なし
• GitHub - https://github.com/BorisMoore/jsrender
• クライアントへの理解 - JsRender の高度なテンプレート機能 - http://msdn.microsoft.com/ja-jp/magazine/hh975379.aspx
• JsRender | HTML5ers - http://html5ers.jp/jsrender/

##CreateJS

• 概要 Canvas描画・アニメーション支援ライブラリ
• 導入メリット Canvasの複雑な描画処理をシンプルに実現できる
• 特徴 Flashから書き出しができ、構文がASに似ているためFlasherが導入しやすい
• 関連サイト
• 公式サイト - http://www.createjs.com/
• GitHub - https://github.com/CreateJS/
• EaselJS v0.5.0 API Documentation - http://www.createjs.com/Docs/EaselJS/
• TweenJS v0.3.0 API Documentation - http://www.createjs.com/Docs/TweenJS/
• PreloadJS v0.2.0 API Documentation - http://www.createjs.com/Docs/PreloadJS/

##Jasmine

• 概要 テスティングフレームワーク
• 導入メリット ユニットテストおよびBDDを導入しやすくなる
• 補完ライブラリ Sinon.JS（テスト機能拡張）
• 補完ライブラリ Jasmine matchers for Sinon.JS（Sinon.JSのJasmine対応）
• 特徴 機能が充実している。RSpec風に書ける。Windows/MasOSに対応。（Buster.JSはWin未対応）
• 関連サイト
• 公式サイト - http://pivotal.github.com/jasmine/
• GitHub - https://github.com/pivotal/jasmine
• Jasmine spec覚え書き - http://qiita.com/items/8f6965968692186b1ea1