StyleStats+αでCSSを継続的にチェックする(4/6追記あり) 2015/04/03 atsuko.a ツイート こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ) 春ですね!新年度ですね!一年が過ぎるのがどんどん早くなっていく気がします… 今回はStyleStatsというツールを使ってCSSの健康チェックをしたいと思います。 それだけではつまらないので、+αとして健康状態のデータを継続的にJSONファイルに溜めるようにしてみましょう。 ついでに出てきたファイルを使ってD3.jsでグラフを書きます。 もくじ StyleStatsってなに? 使ってみる ファイルに吐き出してみよう おまけ:D3.jsでグラフをつくろう まとめ 続きを読む
gulp入門その3―こまごま便利なこと 2015/02/27 atsuko.a ツイート こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ) まさかgulpネタをこんなに引っ張ることになるとは思わず、アイキャッチは使いまわしです。 今回は、細かい便利な機能をgulpに乗せてみましょう。 今までの記事はこちら gulp入門その1―とりあえず動かすところまで gulp入門その2―ファイルの監視をしてみる もくじ 同期処理をする ローカルサーバを立ててライブリロードする CSSのminifyしたりプロパティを並び替えたりする package.jsonでモジュールを管理する まとめ 続きを読む
gulp入門その2―ファイルの監視をしてみる 2015/01/21 atsuko.a ツイート こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ) 前回に引き続き、gulpについてつらつら書いていきます。 前回の記事はこちらgulp入門その1―とりあえず動かすところまで 同期処理やらについても書きたかったのですが、書き始めてみたらやたら長くなってしまったので分割。 今回は、ファイルの監視(+エラー時の通知)をしてみます。 もくじ デフォルトで実行されるタスクを設定する ファイルの監視をする タスクの監視中にエラーが起きた場合 エラーによる監視の強制停止を回避する エラーメッセージを表示する まとめ 続きを読む
gulp入門その1―とりあえず動かすところまで 2015/01/16 atsuko.a ツイート こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ) 去年の11月辺りから、メインマシンがWinからMacに変わりました。 Winちゃんもサブマシンとして頑張ってくれています。主に検証に使用していますが、、、 メインマシンの交代を機にgulpを導入したので、方法やら所感やらをちょこちょことまとめていきます。 今回は、簡単なタスクを登録して動かすところまで。 その2で、ファイルの監視や同期処理などを覗いていきたいと思います。 続きを読む