Backbone.js JavaScript

Yeomanで最新のJavaScript開発環境を最速で整える

投稿日:

screenshot

環境 mac OSX Lion

Yeomanは最新のJavaScript開発のための統合環境を提供してくれます

yeoman.io/index.html

紹介動画

インストール

足りないものがあったら教えてくれます

screenshot

CompassとOptiPNGとPhantomJSとYeomanが足りないようなので言われたとおりにインストールします

screenshot

こんどはうまくいったようです

さっそく

匿名で情報提供するか聞かれるのでY/Nで答える

screenshot

 

さっそくアプリをつくってみる

いくつかの質問に答えると

自動でTwitterBootstrapも準備してくれます

 

そしてサーバーの実行

Macだと自動でブラウザが立ち上がります

screenshot

ライブリロードしてくれるみたいです

テンプレートの利用

最近はやりのフレームワークはだいたいテンプレートが準備されています

もちろんテンプレートを追加することもできます

 

ここは迷わずbackboneをインストール

簡単簡単

screenshot

GruntfileをみるとCoffeeScriptとCompassは自動でコンパイルしてくれるみたい

-Backbone.js, JavaScript
-

執筆者:

関連記事

no image

Rails3.2とBackbone.jsでToDoアプリを作ってみた~backbone-on-rails

  公式 backbonejs.org/ Backbone ドキュメント日本語訳 github.com/enja-oss/Backbone イントロダクション github.com/enja

no image

Ubuntu12.04.1でCoffeeScriptの自動makeとブラウザの自動リロード~guard-coffeescript

  github.com/guard/guard github.com/guard/guard-livereload 目次1 自動make2 ブラウザの自動更新 自動make guardの準 …

Backbone.jsからjQuery UIのDialogを使う例

Backbone.js楽しくなってきた 部品ごとのクラスをつくって、それに飾りとイベントをつけて、あとは上位部品から呼び出してくっつけるだけ jQuery UIのダイアログの場合は、公式のサンプルだと …

Rails3.2でJasmineをつかってCoffeeScriptをテスト~jasminerice

    #261 Testing JavaScript with Jasmine (revised)   addyosmani.github.com/backbone-f

Backbone.jsとjQuery Mobileを一緒に使うためのリンクメモ

  By: Rick Turoczy jQuery Mobileの公式から jQuery Mobile, Backbone.js and Require.js 一例だけどエレガントなのはjQ …