Corredor

ウェブ、プログラミングの勉強メモ。

Gulp

Gulp でファイル削除を監視して変更先のファイルも削除する

フロントエンドエンジニアのための現在とこれからの必須知識 [ 斉藤祐也 ]ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天ブックス価格: 2,786円 Gulp の watch はファイルの追加を検出しないので、Gulp-Watch という Gulp プラグ…

template-html を Gulp プラグイン化する gulp-template-html を Fork した

現場のプロが教えるWeb制作の最新常識アップデート版 (知らないと困るWebの新ルール) [ 久保知己 ]ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天ブックス価格: 2,376円 以前、template-html という npm パッケージを Fork して…

AngularJS + Cordova なプロジェクトに Protractor + Appium を導入して iOS シミュレータで E2E テストを動かす

実践 Appium作者: Manoj Hans,太田健一郎,児島修出版社/メーカー: オライリージャパン発売日: 2016/11/26メディア: 単行本(ソフトカバー)この商品を含むブログ (1件) を見る タイトルが長くなってしまったが、 AngularJS に Cordova を取り込んだプロジェ…

Browserify + Babelify + Babel-Preset-ES2015 で ES2015 をトランスパイルして1つのファイルに結合する

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発作者: Ethan Brown,武舎広幸,武舎るみ出版社/メーカー: オライリージャパン発売日: 2017/01/20メディア: 単行本(ソフトカバー)この商品を含むブログを見る 前回 Gulp-Sass で SCSS をビルドし、1ファ…

Gulp-Sass と Gulp-SourceMaps でソースマップを含んで SCSS ファイルをビルドする

はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法 (Web Engineer’s Books) [ 田辺 丈士 ]ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天ブックス価格: 2,894円 いいかげん SCSS メインで書こうか…

gulp.watch() の上位互換 Gulp-Watch パッケージを使う

フロントエンド専門制作会社が教える速く正確なWeb制作のための実践的メソッド ワークフロー構築、コーディング規約、制作&ディレクションTipsなど、高品質な制作を支える現場の仕事術作者: 株式会社モノサス/コーディングファクトリー出版社/メーカー: マイ…

cordova-lib を読み込めば Gulp スクリプト内で Cordova コマンドが叩ける

Monacaで学ぶはじめてのプログラミング?モバイルアプリ入門編?発売日: 2016/03/18メディア: ハードカバーこの商品を含むブログを見る ローカルに cordova をインストールすると、cordova-lib というモノが読み込めるようになるらしく、これを Gulp スクリプ…

Run-Sequence で Gulp タスクの並列処理・直列処理を管理する

いまから始めるWebフロントエンド開発作者: 松田承一発売日: 2016/08/25メディア: Kindle版この商品を含むブログを見る Gulp は gulp.task('task', ['dependency'], ... という形で、当該タスクが依存するタスク (事前に実行しておいて欲しいタスク) を定義…

Gulp-Load-Plugins は Pattern 指定できる

フロントエンド開発徹底攻略 (WEB+DB PRESS plus)作者: cho45(さとう),五十嵐啓人,伊野亘輝,須藤耕平,片山育美,池田拓司,高津戸壮,石本光司,竹迫良範,伊藤直也,若原祥正,沢渡真雪出版社/メーカー: 技術評論社発売日: 2014/07/16メディア: 大型本この商品を含…

Gulp-Description で Gulp タスクの説明書きを追加する

フロントエンドエンジニア養成読本 HTML、CSS、JavaScriptの基本から現 (Software Design plus)ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天ブックス価格: 2,138円 何やら Gulp v4 系では gulp.task().description(); という…

Wiredep・Gulp-Inject・Gulp-Useref で HTML ファイルからの CSS・JS 読み込みを自動化

Webフロントエンド ハイパフォーマンス チューニング作者: 久保田光則出版社/メーカー: 技術評論社発売日: 2017/05/26メディア: 単行本(ソフトカバー)この商品を含むブログを見る HTML ファイルから必要な Bower コンポーネントや自分で作ってビルドしたフ…

npm run-script に環境変数を渡す方法

いまから始めるWebフロントエンド開発作者: 松田承一発売日: 2016/08/25メディア: Kindle版この商品を含むブログを見る Node.js の環境変数の仕組みを使うと、npm run-script に環境変数を渡すことができる。 # 例えば開発モードにして Gulp ビルドする、と…

CSS と JavaScript を圧縮する Gulp タスク ~ npm-scripts から Gulp に戻ってしまった ~

このはてなブログの CSS・JS ビルドに関して。 これまで、CSS の圧縮は clean-css-cli を使っていて、package.json に npm-scripts を書き、npm-run-all で一括実行できるようにしていたが、結局 Gulp に戻ってしまった。 neos21.hatenablog.com Uglify を導…

Babel を試す環境に Gulp-Plumber を入れて自動ビルドに備える

前回の記事で、Babel を使って ES2015 の記法で書いたファイルを ES5 の記法に直す環境ができた。 neos21.hatenablog.com 今回はこのトランスパイルを、ファイルが更新されたときに自動的に行うようにしたい。 Browserify とか Watchify とか これらはある一…

Babel にリベンジ!ES2015 ってやつを勉強する環境を作るぜ!

ここんとこ職場では Windows バッチと VBScript をいじる生活で npm とか gulp とか言わせたいんじゃ~というフラストレーションが溜まっていたので、npm とか gulp とかする。 前にいじりかけていたけど放置していた Babel に手を出して、ES2015 とやらを試…

Gulp で Browser-Sync を動かしてブラウザにリアルタイムに変更を反映させる

ブレイクスルーJavaScript フロントエンドエンジニアとして越えるべき5つの壁 オブジェクト指向からシングルページアプリケーションまで/太田智彬/田辺丈士/新井智士【1000円以上送料無料】ジャンル: 本・雑誌・コミック > PC・システム開発 > プログラミ…

npm でパッケージ管理しながら Gulp で Browserify を実行させて http-server で動作確認を行う

何となくJavaScriptを書いていた人が一歩先に進むための本作者: 五十嵐肇,多良間斎発売日: 2016/04/30メディア: Kindle版この商品を含むブログを見る JavaScript ライブラリを色々使ってみようぜってことで、Node.js がお送りする npm でパッケージを管理し…