今回、久しぶりに EC-CUBE 案件を引き受けたのでメモ。 昨今のフロント界隈では、 Grunt や Gulp などのタスクランナーが当たり前のように使われていますね。 EC-CUBE でも当然その恩恵を受けることは可能です。 Sass のコンパイル JavaScript の minify と jshint で構文チェック 画像の最適化 ブラウザリロード EC-CUBE 本体の phpunit の実行 上記 5つを自動化してみたいと思います。 0. 前提 0-1. 開発環境 Mac book pro retina 各ソフトウェアのバージョン php : 5.4.28 composer : 1e4229e22aefe50582734964d027fc1bfec16b1d node : v0.10.26 npm : 1.4.3 ruby : 2.0.0p353 Sass : 3.4.3 上記

2014年12月24日 Webサイト制作, 便利ツール みなさん、タスクランナーを使っていますか？タスクランナーとはファイルの圧縮やSassのコンパイルなんかを、ファイルを保存したと同時に自動で行なってくれる素敵ツールです。制作のスピードアップも間違いなし！今回はそんなタスク自動化ツールのひとつ、gulpを紹介します。 ↑私が10年以上利用している会計ソフト！ gulpとは gulpとは、Node.jsを使ったタスク自動化ツールです。CSSやJavaScriptファイルの圧縮や結合、Sassのコンパイルなんかも自動化できるので、「フロントエンドしかいじらないよ！」というWebデザイナーさんでも、使えるようになると作業がかなりはかどりますよ。一度gulpでプロジェクトファイルを作成しておくと、自動化の手順を他の人と共有できるので、チームで開発する時にも力を発揮してくれます！ Gruntとの違