株式会社トリアナのブログtriBlogトリアナのブログ。webサイト制作なら、トリアナへ。【Gulp4】面倒なあれこれにさようなら!複数の作業を自動化するタスクランナーWEB制作フロントエンド2019.7.8【Gulp4】面倒なあれこれにさようなら!複数の作業を自動化するタスクランナー2019.7.8本当は歯磨きもお風呂も自動化したいおくだこんにちは。ブログ書くたびに文体がラフになってるインターンの奥田です。今日は久々のテック系記事です(⌒▽⌒)(前回はEFOについてでした!)EFO(入力フォーム最適化)って知ってる?コンバージョン率向上のための7つのチェッ...https://blog.triana.jp/?p=342こんにちは、奥田です。今回はWEBサイトにおける入力フォームのお話です。企業サイトやイベントページなど、様々なWEBサイトに設置されている入力フォーム。中にはユーザーがイライラしてしまうようなフォームも....!そこで今回はユーザーフレンドリーな入...今回は作業を効率化するのに非常に便利なタスクランナーを導入しましたのでご紹介します。採用したのはGulp。真っ赤なジュースのアイコンのあれです。今回はあれでSassのコンパイルや画像の圧縮などを自動化していきます。面倒な作業に時間は取られません!※全ての端末およびバージョンを想定しているわけではありません。復習Gulpの概要GulpとはまずGulpてなんやねんって感じですよね。作業(タスク)をプログラムで自動化してくれるものを全般的にタスクランナーって言うんですが、Gulpはそのタスクランナーのうちの1つです。導入コストはかなり低いほうだと思うので、フロントエンドエンジニアだけでなく、コーダーさんやデザイナーさんにもオススメです。他にももっとたくさん自動化できるタスクはあります。便利な機能を追加していく前に、まずGulp本体をインストールします。Macの方はターミナルを開いてください。