読者です 読者をやめる 読者になる 読者になる

新しい日記

新しい日記

gulp

gulp+ejs+json その2

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

ejs で json からデータを取り込む

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

browserify で javascript plug-in 使いたいときは browserify-shim を使え

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

gulp-ruby-sass で複数の scss を同時にコンパイルする

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

gulp で browserify

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

gulp-run-sequence is deprecated

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