ページの情報を json にまとめておいて、そこから情報を取ってきたり、出力場所をそれぞれのページで変えたりする場合、以下のようなやり方でできる。 meta の一部が違うとか、中身で共通する部分はあるけどそれぞれのページでユニークな部分が多いときに便…

ejs は embeddedjavascript というテンプレートエンジン。 gulp 用のパッケージもあるよ。www.npmjs.comHTML に組み込むような書き方なので、デザイナーさんなどと共有しやすいし、学習コストが低くて気に入っています。 外部ファイルの include や 変数の呼…

前に書いた browserify の記事、これで $ は使えるようになるんですが、 plug-in を使おうとするとこのままだとできない。 そこで必要になるのが "browserify-shim" というもので、こいつを npm install したのち、 package.json に以下を追加。 { ~略~ "bro…

gulp-ruby-sass は src 部分に配列とかグローバル(*)を使うことが出来ないので、異なる scss ファイルを出力したい場合は複数のタスクを作るしかないと思っていたが、 以下のような方法で source をわけてあげることで複数の scss をコンパイル出来る。 //so…

ちょっと前から話題の browserify を導入してみました。 browserify とは？ javascript で require ができるようになる。 jquery だとか、その他いろいろなライブラリを使っていると、その依存関係を考慮して html 順番に読み込ませたり、 あるいは順番に co…

というわけなのでgulp-run-sequenceを使っていたところは、run-sequenceに移行しましょう。run-sequencewww.npmjs.comgulpfile.jsの書き方は全く一緒。