Pugでimgタグにwidthとheightを自動付与する
レイアウトシフト対策としてimgタグのwidthとheightは設定した方がよいですが、サイズを確認して手入力だと手間が...
Gulpの記事一覧
Gulp実行時に「zsh: command not found: gulp」とエラーが出る
普段触っていない案件のGulp環境を使用しようとした際、「zsh: command not found: gulp」とエ...
Dart Sassの@useでファイルをまとめて読み込む
以前にgulp-sassでDart Sassを使用する記事を投稿しましたが、この環境の@useで複数のSassファイルを...
Gulp環境でWebPを生成する
Gulp環境でimagemin-webpを使用して、WebPを扱えるようにしてみます。...
del使用時にエラーが表示される
Gulp環境でdelを使用していたのですが、少し前にバージョンが7.0.0にあがってエラーが出るようになったので、その際...
gulpfile.jsをES Modulesでの記述に移行する
gulpfile.jsにパッケージを追加する際、ES Modulesで作成されているため追加できないということがたまにあ...
gulp-imageminを使ってみる
Gulpの環境で画像圧縮を行う方法として、gulp-imageminを使ってみます。 使用するバージョンはgulp-im...
gulp-sassでDart Sassを使用する
新しい環境でgulp-sassを設定する機会があったので、Dart Sassを使用する方法をメモ。 今回はgulpが4....
webpack-streamでエラー時にgulp.watchが止まる
以前にGulpとwebpackとTypeScriptで開発環境を作成する記事を投稿しましたが、webpack-strea...
autoprefixer + gulp-postcssでPostCSS plugin autoprefixer requires PostCSS 8.とエラーが出た時の対応方法
gulpでプラグインのバージョンをアップデートして使用した際、タイトルのようなエラーが出たので対応方法をメモ。...
Gulp + webpack + TypeScriptで開発環境を作成する
GulpとwebpackとTypeScriptで開発環境を作成してみます。...
gulp v4 に移行する時のgulpfile.jsの変更点
gulp v3で使用していたgulpfile.jsをv4に変更する機会があったので、その際の変更点をメモ。...
autoprefixerのブラウザのバージョン指定でエラーが出る場合の対応
autoprefixerを使ってSassのコンパイルを行う際、少し前からエラーメッセージが表示されるようになったので、対...
PugをHTMLで記述する
基本的にはHTMLタグで記述して、一部だけPugのインクルードの機能などを使いたいということがあったので、可能かどうか試...
Gulp v4でCannot read property ‘apply’ of undefinedとエラーが出る時の対応方法
Gulp v4を触ってみた際、TypeError: Cannot read property ‘apply&...
gulp-csslintでCSSのバリデーションを行う
少し前にHTMLのバリデーションの記事を書きましたが、今回はgulp-csslintを使ってCSSのバリデーションを試し...
gulp-htmlhintでHTMLのバリデーションを行う
gulp-htmlhintを使ってHTMLのバリデーションを行ってみます。...
GulpのSassで分割したファイルをまとめてimportする
Sassで分割したファイルimportする際に、まとめて指定する方法を試してみます。...
スタイルガイドジェネレーターの「Fractal」でpugを使用する
fractalのコンポーネントでpugを使う方法をメモ。 環境は以前投稿したgulpを使った環境をベースにします。...
スタイルガイドジェネレーターの「Fractal」をgulpで使ってみる
スタイルガイドジェネレータの「Fractal」をgulpで使用する方法をメモ。 Fractalの使い方については以前投稿...