【WebStormでSassを使おう】1:node.jsとGruntの準備 現状自分のマスト環境になっているWebStormでのSassの利用についてまとめます。 まずはnode.jsとGruntの準備から。 Sassはこれらを使って動くためです。 前提 WebStormインストール済み Web… ゴトーハック2014.11.25 232
WebStormでGruntコンソールが開けなくなった場合 たまーに起こるのですが、WebStormで画面下のGruntコンソールが閉じてしまい、開くためのショートカットも消えてしまうことがあります。 ファイル一覧のGruntfile.jsを右クリックすると、「Open Grun… ゴトーハック2014.11.10 180
WebStormで一つのプロジェクトで複数のGruntを走らせる たとえば1つのWordpressサイトで複数のテーマをGruntを使って編集したい場合、複数のGruntを動かしたくなるケースがあります。 結論から言えば、Gruntfile.jsをコピーするだけでOKです。 Compa… ゴトーハック2014.11.04 200
WebStormでHamlをインストールしgruntで自動化する まずHamlとは何ぞやという点からですが、まずは下記Hamlコードをご覧ください。 !!! %html %head %title Haml test %body %h1 Haml test %p honyarara %u… ゴトーハック2014.08.06 361
Grunt:Compass、CoffeeScript、CSS圧縮を実行するGruntfile設定 module.exports = function (grunt) { var pkg = grunt.file.readJSON('package.json'); grunt.initConfig(… ゴトーハック2014.07.09 229
GruntでCoffeeScriptをコンパイルする まずGrunt自体の使い方はこちらを参考にしてください。以降はGruntがすでに使える前提での内用となります。 ファイル構成 以下の構成を前提とします。 project ├js │└index.js ├coffee │└… ゴトーハック2014.07.01 284
GruntでSCSSがうまく上書きされない時にチェックしたいこと ・エラーの内容を確認する(該当SCSSがoverwriteになっているかどうか)・unchanged の場合、きちんとimportされているかどうか(抜けているとunchangedになります←これだった…)・必要モジュー… Yukimi Satoハック2014.06.26 216
WebStormにGruntのインストールを失敗した時 node.jsをインストールし、GruntをWebStormにインストール、起動した時にどうもうまく動いていない。エラーを調べたところ、モジュールが足りないと言われたので、再度インストールコマンドを実行したものの、変わら… Yukimi Satoハック2014.06.23 205
WebStormでGruntを使うファストガイド 前提 下記のフォルダ構成を前提とします。 project ├img ├js ├css └sass 手順 node.jsのインストールhttp://nodejs.org/ コマンドプロンプトで下記コマンド実行 (Grun… ゴトーハック2014.06.20 345