『CSSアニメーションが終わったら、JSでなにかしらの処理を走らせる』といった場合、CSSアニメーションのduration値とJSのsetTimeoutの値を合わせたりするわけですが、それって結局同じ値。 これに限らず、CSS/JS間で共通した値(アニメーション時間やプロパティ)を使うんだったら一元管理したいですよね。 そんなときは...そうだあれだ! Gruntでやってしまいましょう! grunt-shared-configを使う Gruntのモジュール 「grunt-shared-config」 を使います。 CSSプリプロセッサー(SassとかSCSSとかLESSとかStylus)とJSで共通で使えるconfigファイルを生成してくれるモジュールです。 grunt-shared-config Gruntを使うので、Grunt.jsとNode.jsが必須です。 詳しくはこちら↓ Gru
![SassとJSの設定ファイルを一元管理する! | MONSTER DIVE](https://cdn-ak-scissors.b.st-hatena.com/image/square/03306352b721cb8f93ae21d192a1cb1702869a6a/height=288;version=1;width=512/https%3A%2F%2Fwww.monster-dive.com%2Fshare%2Fimg%2Fog_img.png)