『npm WARN package.json @ No repository field.』 と怒られたでござる gulp の勉強をしようと、 package.json から構成を見なおして、とりあえず進めようとしたのですが、 $ npm install とたたいてみたところ 『npm WARN package.json @ No repository field.』 と警告がでてインストール進まないまま終ったでござる。
Railsでgulpを使ってアセットファイルの管理できる環境を構築します。 gulpはアセットを管理するツールで、js、css、imagesなどのアセットファイルをビルドして、それをRailsから参照する流れです。 また、gemにバンドルされているアセットファイルもあるので、Sprockets(Railsのアセット管理のgem)は有効にしておきます。有効にしておきますが極力使いません。 gulpでsass/scssのコンパイル、ES6のコンパイル(babel, webpack)、gulpの便利プラグイン(変更監視、画面リロード、通知)、ミニファイ、ダイジェスト付与をできるようにします。 そして、gulpで作成されたcssやjsのアセットファイルをRailsからロードできるようにします。 参考にソースファイルをGitHubに上げたあります。 https://github.com/nipe03
こんにちは、外部ライターの田路です。 春の足音がどんどん大きくなってきていますね。 春といえば卒業の季節です。 今回はパッケージマネージャーBowerとGulpを組み合わせて、ファイルのコピペを卒業する方法をご紹介いたします。 使うための準備 jQueryとBootstrapを例に進めていきます BowerとGulpを使います 「フロントエンド用パッケージマネージャーBowerの導入方法と使い方」を参考に、Bowerの基本的な使い方を理解しておいてください。 「Gulp.js入門 – コーディングを10倍速くする環境を作る方法まとめ」を参考に、Gulpへの入門を済ませておいてください。 黒い画面が苦手なあなたへ bower-browser – これは便利!Bower管理フロントエンド http://www.moongift.jp/2015/02/bower-browser-これは便利!bo
タスクランナーgulp入門 gulpはGruntと同じように様々なタスクを自動化してくれるツール(タスクランナー)です。 node.jsで開発されており、Sass/CompassやLess、StylusなどのCSSプリプロセッサーのコンパイルやCSS/JSの結合圧縮、JSHintによるバリデーションなど様々なタスクを自動で行ってくれます。 Gruntとできることはほとんど同じですが、Gruntよりタスクの流れがわかりやすく、JavaScript(node.js)で独自のタスクも簡単に記述することができます。 後発ということもありGruntよりプラグイン数は少ないですが、マニアックなタスク以外はそろっているので通常のWeb制作などでは問題なく利用できるでしょう。 node.jsのインストール node.jsが必要ですのでインストールしていない方はインストールしましょう。 公式サイトでインスト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く