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
-

執筆者:

関連記事

Rubyでd3.jsのapiリファレンスの一覧を取得してくる~mechanize

  d3.jsにはlayoutというおおまかに準備されたレイアウトがあって、その中にあるTreeレイアウトを試してみることにした d3.js自身のapiリファレンスが階層構造になっているので …

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

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

Rails3.2とBackbone.jsでGoogle CalendarライクなカレンダーにCRUD~fullcalendar-rails

目次1 前回2 READ ~データベースからイベントを読み込んでカレンダーに表示する3 CREATE~カレンダーからイベントを登録する4 UPDATE1~カレンダーのイベントをクリックしてイベントを編 …

1から学ぶReact-Redux

By: Ian Sane – CC BY 2.0 目次1 React-Reduxとは2 create-react-app3 電卓のロジック4 reactで電卓の外観を作る5 reduxでと …

no image

Railsで動画を管理する2 動画のサムネイルを作成する~CarrierWave + Flowplayer

  *とりあえず動いているけど、もっとましな方法があるとおもいます 前提 Railsで動画ファイルを管理する~CarrierWave Flowplayer 参考 Rubyでffmpegのラッ …