CREATOR BLOG

「タスクランナー」の記事の一覧

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に乗せてみましょう。

今までの記事はこちら

もくじ

  • 同期処理をする
  • ローカルサーバを立ててライブリロードする
  • 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で、ファイルの監視や同期処理などを覗いていきたいと思います。

続きを読む

Recent Entry

CSSの単位まとめ pxからvm/vh/vmin/vmaxまで

レスポンシブHTMLメールを作ってみての感想

CSSのリファクタリングでした5つのこと

大人が読んでも頭を使う絵本の紹介

サイト内にうまくInstagramを取り入れてるサイト11選

Category

Archive