ブックマーク / suckamon.com (1)

  • 作業効率UP タスクランナーGulp

    フロントエンド開発において、もはや必須となってしまった開発環境Gulp。 今更ながらGulpの魅力について書き留めておきます。 Gulpでできること プラグインを追加し、タスクを登録していくことで、様々な処理を同時並行で自動化することができます。 僕がコーディングの際によく使うのは主に4つ 1. Sassのコンパイル 2. CSS3ベンダープレフィックスの自動挿入 3. 画像の圧縮 4. BrowserSyncによるライブリロード 中でも4のライブリロードは重宝してます。 その他、HTMLCSS、JSの圧縮など何でもできちゃいます。 ではまずGulpを動かすための環境構築から解説していきます。 Gulp環境構築 GulpはNode.jsのインストールが前提となるので、公式サイトからインストールしましょう。 インストールが完了したらターミナル(コマンドプロンプト)でバージョン確認。 nod

    作業効率UP タスクランナーGulp
  • 1