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
-

執筆者:

関連記事

ThoughtBotの『Backbone.js on Rails』の目次と見出しをななめ読み

By: John – CC BY 2.0 learn.thoughtbot.com/products/1-backbone-js-on-rails 買いました 電子書籍で137ページに$4 …

vimでcoffee scriptの開発環境を整える~vim-coffee-script

環境 CentOS5.8にnodebrewでnode.jsをインストールを参考にubuntu server 12.04にnode v0.6.20をインストールした 目次1 coffee scriptの …

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

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

Backbone.Eventを使ったグローバル通知

  By: Carissa Rogers – CC BY 2.0 Backbone.js global notifications berzniz.com/post/193515

Rails4でMarkdownをリアルタイムプレビュー〜vue.js&marked.js

By: Matthew Wilkinson – CC BY 2.0 目次1 vue.jsとは2 Hello vue.js3 サンプル準備〜Redcarpet導入など4 vue.jsでリアル …