webpackやGulpを使う時に覚えて幸せになったnpmの便利な使い方 - Qiita
昨今のweb開発で必要なwebpackやGulpといった技術は、Node.jsのパッケージ管理ツール「npm」を通して使われます。npmの機能は豊富で、覚えておくと便利な使い方がいくつもあります。とくにオススメのものをピックアップしました。 npm initには-yをつけると質問が表示されない npmのモジュールを用いたプロジェクトを作成する際、最初に使用するコマンドはnpm initです。実行すると、プロジェクト名や著作権の設定の質問が表示され、必要な項目を入力したり、Yes([Enter]キー）を入力する必要があります。 とくに設定が不要な場合、-yオプションを指定することで、質問を表示することなく初期化できます。 次に示すのは、npm initとnpm init -y実行後のコマンドラインの差です。npm initはnameやversionといった設定を対話形式で尋ねられますが、np
2016年、僕のおすすめgulpプラグイン | gulp | Horic Design
公開アップルップル社内勉強会 Vol.20 公開アップルップル社内勉強会 2016-01-18（月）19:30 - 21:00 社内の勉強会を一般の皆さんに公開しています。 毎月第3月曜日に開催して、今回で20回目になります。 発表は質疑応答を含め20-30分程度ですが、実際の発表... gulpはみなさんご存知ですよね？ファイルを圧縮したり結合したりするときに便利なやつです。今回は2016年にどんなプラグインを使っていこうか考え、整理してみました。 今回は、以下の４つの項目に分けて、自分のおすすめのプラグインを紹介します。 ユーティリティ CSS JavaScript HTML ユーティリティ browser-sync ファイル等の保存時に、ブラウザーをリロードする際に利用します。例えばCSSを変更した際にわざわざブラウザをリロードする手間を省きます 使用例）CSSファイルを保存した際に
CSS最適化から圧縮までできる「gulp-pleeease」 | ブログ - Blog | 佐藤純平 - Jumpei Sato
はじめに CSSのベンダープレフィックスの付与はいちいちやると面倒ですよね。必要ないのも書いてしまっていたり。。 今回はそんな問題を解決してくれる、「gulp-pleeease」の紹介です。 gulp-pleeeaseとは タスクランナーGulpのプラグインのひとつです。 Sassの使用から、CSSのベンダープレフィックスの付与、圧縮、メディアクエリを一つにまとめる等、使えるオプションが豊富なのが魅力です。 まずインストール 「Node.js」、「Sass」はインストール済みの想定で進めます。 ディレクトリで下記のコマンドを入力します。 なお、下記のコマンドはMac用です。 「package.json」の作成 npm init 「gulp」のインストール sudo npm install --save-dev gulp 「gulp-pleeease」のインストール sudo npm ins
古くなったgulpのdevDependenciesを一気に更新する方法
1年前に作ったgulpのタスクを久々に触ったら、package.jsonにあるdevDependenciesがかなり古くなっていました。そこで、これらを一気にアップデートする方法を探していたら、やっぱりありました。 npm-check-updates というツールが。 このツールを使うと、package.jsonにあるdevDependenciesのバージョンと最新のものを比較して見せてくれます。そして、コマンドを叩くだけで、古くなったすべてのdevDependenciesをアップデートしてくれます。 やり方は簡単で、まずはnpm-check-updatesをインストール： % npm install npm-check-updates -g npm-check-updatesを走らせる： % ncu すると以下のように古くなっているものを教えてくれます： % ncu gulp-newer
Gulp.js入門 - コーディングを10倍速くする環境を作る方法まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
普通に使う分には全く困らないほどの数のプラグインがGulpにはあります。 Githubでのstar数からも明らかなように、GoogleのWenStarterKitでもGulpが採用されるなど、注目度はますます高くなっています。 Gruntとの比較 Gruntと比較してのメリット・デメリットは以下のようになります。 メリット Gruntより設定ファイルが記述しやすい StreamAPIを利用することでファイルを毎回書き出すGruntより高速でエコ デメリット 記述がよりNodeに近くなるため、複雑なことは敷居がやや高め プラグイン開発のためのドキュメントが少ない 今日のゴール Gulp.jsを使ってコーディング作業を10倍速くする！ そんな環境を作りたいと思います。 1. Node.jsをインストール まずはNode.jsをインストールしましょう。 Node.js http://nodejs
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
