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
-

執筆者:

関連記事

三目並べゲームのAI〜原始モンテカルロ法

By: Luca Galli – CC BY 2.0 目次1 ゲーム用のAI2 シャローコピー3 AI4 勝率 ゲーム用のAI 三目並べのAIを考えてみた. 有効手をリストアップして、おの …

Underscore.jsのリファレンスなどのリンクメモ

By: Anne-Lise Heinrichs – CC BY 2.0 Underscore.jsは便利な関数ライブラリ. Backbone.jsが依存している.一部でアンスコと呼ばれてい …

Backbone.jsでモデルとフォームを関連づける〜backbone_datalink.js

By: See-ming Lee – CC BY 2.0     こんなコードでフォームからjQueryでいちいち指定しているのを [crayon-5977acfa4f …

Todolistをmarionette化

By: Jackie – CC BY 2.0 目次1 Marionette.js2 インストール3 Application4 gulpfile.coffee5 ItemView6 Coll …

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

By: Kool Cats Photography over 2 Million Views – CC BY 2.0 目次1 前回2 サンプルアプリ3 Gemfile4 generate5 …