WEB掻っ穿じり

WEB備忘録とチャリとカメラ


Gulp

Gulp 4でテンプレートエンジンのPug(Jade)を使う

Gulpのタスクにテンプレートエンジンのpugを使えるようにします。

Pug

今更ですが、PugはもとはJadeという名称でHTMLのJavaScript Templatesの1つとされる。
Node.jsのフレームワーク Express ではhtmlビューはデフォルトでサポートされて...


Gulp 4でバベる(babelifyとbrowserifyでimport/exportのモジュール間の依存関係を使いつつ、require文を使わないようにJavaScriptをBABELでトランスパイルしてまとめる)

GulpのタスクにJavaScript構文をBABELでトランスパイル(ES5)ができるようにします。

加えてbabelifyとbrowserifyの処理を加えて、モジュール間の依存関係の解決(require文も吐き出さないようにしている)してJavaScriptを1ファイルにまとめるGulp...


【備忘録】Gulp 4サクッと導入(nodenv版)

タスクランナーGulp 4

4年前にGulpは1度書いているが、、ver.4用にupdate、、備忘録です。

今回はGulp 4に合わせた内容にするのと、Node.jsはnodenvでプロジェクトごとにバージョン管理、gulpもグローバルにインストールはしないやり方、mac OS & Homebrew...


Node.jsアップデートしたら「npm command not found」に、Gulpも使えなくなった

先日NodeSchoolに行ってきました。
Workshopperを使ったもくもく会っていうのも初参加で、用意としてNode.js v4.1.0にアップデート。

NodeSchoolで下記のWorkshopperを使うので、それもインストール、Macです。


ビルドツールのGulp、使ってみる

Gulp イメージ

ビルドツールのGulp、Gruntよりも使い易そうなので取り入れてみました、Sass派です。

デザインもマークアップも一緒にやっているので、作業の効率化はツールの学習コストと将来性や実用性、普及具合と社内の共有なんかも考えなら取り入れています。

備忘録的な内容ですが基本を押さえたプ...