先月、HTML5など勉強会に参加した時、雑談タイムで 「 yeoman を使ってバックエンドの開発とかできないですか？ 」 という内容に対して、フォローとして ｢ gruntでリバースプロキシ使えますよ ｣ っていうお話をした。 そのまま記事に書かずじまいで申し訳ないなーと思っていたら、@bathtimefish さんがブログをアップされていた。 その記事、 YeomanでフロントエンドとREST APIサーバーを同時に開発する方法 でリバースプロキシを使った手法が挙がっていたのですが、gruntのモジュールを使うともう少し楽ができそう。 私は、easymock を知らなかったですし、やはりyeoman 使ってる人が周りにあまりおらず、前回の勉強会は非常に勉強になったので、ここは一つ御礼の意味を込めてブログを書こうと思います。 ということで、yeoman(grunt) を使ったバックエンド開発のもう一つの手法を書いておきます。 さてここからが本題。 ベースとなる手順は元の記事を見ていただきつつ、途中まではだいたい同じです。 Yeomanは使える環境が整っているのが前提。 使えない場合はYeoman 導入編を参照してみてください。 まず REST APIサーバのモックが簡単に作れる easymock をインストール $ npm install -g easymock Node.jsのv0.10.1 ではインストールできなかったので今回はv0.8.14で。

Gruntが0.4系になってGruntのプラグインが細分化されました。 名称が grunt-xxx となるものが非常に多くなりましたね。 また、細分化された分 Gruntfile.js でロードするプラグインの数が多くなっています。 packege.json にこのような記述があったとしましょう。 { "name": "grunt-plugin-auto-load", "version": "0.1.0", "Dependencies": {}, "devDependencies": { "grunt": "~0.4.0", "grunt-contrib-connect": "~0.1.2", "

GRUNTのバージョンがv0.4.0になり、記述・利用方法が一新されました。 Grunt 0.4.0 released 主な変更点と言えば、 grunt-cli をグローバルインストール gruntを各プロジェクトごとにローカルインストール プラグイン(contrib-xxxなど）は細かく細分化された (プラグインはpackage.json に記述し npm install でインストール) Yeomanも1.0から grunt-cli をインストールする形になっています。 手順 今回はLiveReloadを試してみたいと思います。 grunt-contrib-livereload Sass,lessの自動コンパイルなどは無しで。 ファイル一式(gist)https://gist.github.com/kamiyam/4996713 □□□□□□□□□□□ grunt をインストールして作業用のフォルダを作成する もし、0.4.0以前のgruntがインストールされていれば削除する $ npm uninstall -g grunt