タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

gulpと*WEB知識に関するokudenのブックマーク (2)

  • 面倒な作業も発狂しない!Web制作を超効率化するgulp.jsの始め方(2017年版)

    面倒なWeb制作の作業を効率化できるタスクランナー。もう使っていますか? 現在もっともポピュラーなタスクランナーであるgulp.jsの使い方を解説します。 開発者は、限りある大事な時間をコーディングに費やします。たとえ面倒な会議をさぼっても、仕事時間の大半は地味な作業に奪われています。 テンプレートとコンテンツファイルからHTMLを生成する 新しい画像と変更された画像を圧縮する SassをCSSコードにコンパイルする スクリプトからconsoleとdebuggerのステートメントを削除する ES6をブラウザーとの互換性が高いES5に変換する コードの埋め込みと検証 CSSJavaScriptファイルの連結と縮小 開発サーバー、ステージングサーバー、運用サーバーにファイルを展開する なにか変更があるたびに、作業は繰り返されます。作業を繰り返すうちに、一番優秀なエンジニアでさえ画像のひとつや

    面倒な作業も発狂しない!Web制作を超効率化するgulp.jsの始め方(2017年版)
  • gulp:とりあえず覚えておきたい、よく利用する基本タスクの記述サンプル - NxWorld

    主にこれからgulpを使い始めよう(使い始めた)という人向けに、とりあえず覚えておきたいよく利用するタスクの基的な記述例やプラグイン・モジュールを使った使用例をいくつかまとめてみました。 実際に使用する時はここで紹介しているような簡易的なものでなく、もっと複雑なタスクだったり様々なプラグイン・モジュールを組み合わせたりすることがほとんどですが、ファイルの移動や削除をはじめ、リネーム・結合・圧縮・監視など基となるような処理の記述方法や動きを知りたい人は参考にしてみてください。 gulpの基的な使用方法(環境準備やインストールなど)については割愛しています。 また、以下はいずれもgulpfile.jsに記載した例になり、ファイル指定のディレクトリは/src、出力先のディレクトリは/publicという想定になります。 ここで紹介している内容は、gulp Ver 3.9.1を使用した場合にな

    gulp:とりあえず覚えておきたい、よく利用する基本タスクの記述サンプル - NxWorld
  • 1