shinya deguchi deroter

第58回「WEB TOUCH MEETING」

generator-angular Yeoman generator for AngularJS =sindresorhus =addyosmani =paulirish =btford
generator-angular-silex Yeoman generator for Silex based upon AngularJS =adamquadmon 2013-05-08 17:52 0.1.
generator-assemble Yeoman generator for Assemble =hariadi 2013-05-03 08:16 0.2.
generator-aura Yeoman generator for Aura.js =dotcypress 2013-03-03 15:58 0.0.
generator-backbone Yeoman generator for Backbone.js =sindresorhus =addyosmani =paulirish =revath
generator-backbone-amd generator-backbone-amd ====================== =abiee 2013-04-02 05:10 0.0.
generator-barista Yeoman generator for Barista =trimeego 2013-03-26 17:43 0.2.
generator-bbb Yeoman generator for Backbone Boilerplate

ソースコードはこちら

そうすると、/bootstrapunch/bower/bootstrap/Makefileに記載されているルールに則り、/bootstrapunch/bower/bootstrap/less/にあるファイルが、bootstrapunch/templates/css/に展開される。

#共同執筆で参加させて頂いた書籍が発売となりました。
昨年の秋頃から参加させて頂いていた「HTML5とJavaScriptによるiPhone/Android両対応アプリ開発ガイド」が本日に発売となりました。

共同執筆と言う形で冒頭の30ページほどではありますが、執筆という貴重な経験をさせていただきました。

#書籍の概要タイトルから想像できるにように本書は主にWeb技術（HTML,CSS,JavaScript）を利用し
てWebアプリを制作できるようになる事が書籍のゴールです。

私が担当しているのはCHAPTER-01なります。

※npmから適当に集めただけなのでその辺ご容赦を。0.4系に対応してないのもあるかもやで。

各種gruntコマンドを実行するのに必要なコマンドラインインターフェース。これが無いと始まらない。

#Grunt(v0.4.0)でLivereload導入メモ

Grunt(v0.4.0)およびGruntプラグインを使ってLivereloadしてみるメモ。
一見メンドそうやけど、意外と簡単。

##準備

Grunt(v0.4.0)の環境がまだ無い人は、以下を参照。
Grunt(v0.4.0)導入メモ

第4のCSSプリプロセッサ「Roole」(v0.1.3)をGruntで自動化してみるメモ。
Rooleのgruntプラグインはまだないので、野良タスク（オリジナルのタスク）を作って直接rooleコマンドを叩く。

こんな感じのpackage.jsonをプロジェクトディレクトリに用意。

昨日2/18についにGruntの0.4.0がリリースされた。
自分の環境もアップグレードしたのでその導入メモ。

	var screenshotUrl = 'http://example.com/'

	var casper = require("casper").create({
	viewportSize: {
	width: 1024,
	height: 768
	}
	});

	if (casper.cli.args.length < 1) {

	/*
	* Takes provided URL passed as argument and make screenshots of this page with several viewport sizes.
	* These viewport sizes are arbitrary, taken from iPhone & iPad specs, modify the array as needed
	*
	* Original:
	* nhoizey / screenshots.js https://gist.github.com/nhoizey/4060568
	*
	* Usage:
	* $ casperjs screenshots.js http://example.com
	*/