gulp使ってる人はほぼ間違いなくBrowsersyncを使ってるのではないでしょうか?すごく便利ですよね。gulpの導入記事でもよく紹介されています。 Browsersyncのいいところとしてファイルの内容を変更した時に自動でブラウザをリ[…]
タグ: gulp
gulpもesで書くことができます。gulp 3.9.0以降でできるようです。 そんなにゴリゴリ記法を使うわけではないですが、最近babelを導入したついでにgulpもesで書いています。 Sassのコンパイルタスクを作って[…]
minimistとgulp-ifを使って、gulpの開発環境用のタスクと本番環境用のタスクを分けるというものをやってみました。 minimistはコマンドライン引数を使えるようにするもの。gulp-ifは条件分岐を使えるようにしてくれます。[…]
PostCSSを初めて聞いたのはちょうど1年前ぐらいの勉強会で。その時はSassも勉強始めたばかりというのもあり、こんなのあるのか程度で終わってました。 でも、最近PostCSSを使う機会があったり、Sass以外の何か触ってみたいなというの[…]
スタイルガイドは全く使ったことがありませんでしたが、ちょっと使う機会があったので試してみました。 調べてみると、Node製のstyledoccoやRuby製のhologramなどがあるそうですが、たまたまSNSでシェアされていたNode製の[…]
以前書いたJade / Pugの記事の続きで、今回はgulpでコンパイルする方法です。 【Jade】ゴリラでもわかるJade入門 〜Jadeを使ってみる〜 【Pug】ゴリラでもわかるJade改めPug入門 もくじ gulpのインストール g[…]
Sassのコンパイルやブラウザのリロード、画像、JS、CSSの圧縮などの処理をを自動でやってくれるタスクランナーの一つ、gulpの導入から試しに使ってみるまでをやってみます。 もくじ gulpの導入 package.jsonの作成 プラグイ[…]