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
-

執筆者:

関連記事

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

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

RailsでこんにちはBackbone.Marionette

By: palindrome6996 – CC BY 2.0 自分の中でmarionette熱がだんだんと高まりつつあり、特徴的なItemView、CollectionView、Compo …

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

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

Gulp+WebpackでElectronのライブリロード

By: erokism – CC BY 2.0 目次1 electron-connect2 package.json3 .babelrc4 webpack.config.coffee5 g …

no image

Google SpreadsheetにGoogleカレンダーからイベントの一覧を読み込む〜Google Apps Script

リファレンス developers.google.com/apps-script/ カレンダーのリファレンス developers.google.com/apps-script/reference/c