PhpStormからCakePHPをGrunt.jsで起動する

先日、第7回PHP関西勉強会 PhpStormとGrunt.jsで作るCakePHP快適開発環境 from kamiyam . 私の中ではLTの構成として * GruntとCakePHP * PhpStormとGrunt…

Yeomanでフロントエンドとバックエンドサーバを一緒に開発する

先月、HTML5など勉強会 「 yeoman を使ってバックエンドの開発とかできないですか？ 」 という内容に対して、フォローとして ｢ gruntでリバースプロキシ使えますよ ｣ っていうお話をした。 そのまま記事に書…

grunt 管理下で Express(Node.js)を開発できるgrunt-init-express を公開しました

gruntで Expressを使った開発を行う環境を生成するgrunt-initテンプレートを公開しました。 grunt-init-express 概要 grunt を使うとSass、LESSのコンパイルやWebSock…

Grunt.js 処理中にsayコマンドを実行すると開発も気持ちスピーディに!?

はい、ネタです。みんな大好き sayコマンド。 MacOSではターミナルで say hogehoge と実行すると喋ります。 $ say hello world !! ｢hello world!!｣ 出来ましたよね。 話…

grunt-init を使えば色々なプロジェクトのひな形の生成が簡単に

grunt-init を使うと色々なプロジェクトのひな形を簡単に自動で生成してくれるようになります。 Project Scaffolding ここでいう色々なプロジェクトとは 次の項目を開発する際のパッケージのことです。…

matchdepを使ってGrunt.jsのプラグインを自動ロードする

Gruntが0.4系になってGruntのプラグインが細分化されました。 名称が grunt-xxx となるものが非常に多くなりましたね。 また、細分化された分 Gruntfile.js でロードするプラグインの数が多くな…

Yeomanを使ってSass/LESSをもっと簡単スピーディに 〜導入編〜

概要 解説編 ファイルの変更を監視してブラウザのリロードをかけたり、Sass LESSのコンパイルを行い、最終的に実行ファイル(プレーンなHTMLやCSSファイル)を出力したりする機能があります。 今回は Yeoman1…

grunt-cli (grunt.js v0.4.x)で LiveReload を試してみた

GRUNTのバージョンがv0.4.0になり、記述・利用方法が一新されました。 Grunt 0.4.0 released 主な変更点と言えば、 grunt-cli をグローバルインストール gruntを各プロジェクトごとに…