Grunt

Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。

RSS

解決済

回答

1
NPMでGruntをインストールしようとするとエラー

前提・実現したいこと NPMでGruntをnpm install grunt --save-devでインストールしようとすると以下のように表示されてインストールできません。ちなみにコマンドラインインターフェイス(grunt-cli)の方はインストール出来ました発生している問題・エラーメッセージ PS D:\programming\node\g
- 0評価
- 229PV
- Node.js
  
  1021questions
  
  Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
- npm
  
  101questions
  
  npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。
TakeoAsai 3ヶ月前にベストアンサー
受付中

回答

0
grunt-dump-dirを実行したい

Gruntについての質問です前提・実現したいこと Gruntのインストールは終了し、以下のプラグインをインストールしました grunt-browserify grunt-contrib-concat grunt-contrib-uglify grunt-dump-dir grunt-known-options
- 0評価
- 203PV
- JavaScript
  
  9553questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
teratailが6ヶ月前にアップデート
解決済

回答

1
minify、concatしたjsのデバッグをやりやすくするには？

jsファイルをgruntを使ってbuildし、本番環境ではminify,concatしたファイルを、開発環境ではそのままのファイルを読み込んでいます。なんですが、恥ずかしながら、本番環境でもエラーが未だ発生することがあります。(bugsnagを使って補足しています。) この際minify,concatされているとデバッグにひどく時間がかかってしまい
- 0評価
- 307PV
- JavaScript
  
  9553questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- gulp
  
  180questions
  
  gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
h_daido 7ヶ月前にコメント
解決済

回答

1
タスクランナーとビルドツールの違いはなんですか？

ReactとbabelのためにGrunt/gulp/webpackについて調べていたのですが、「タスクランナー」と「ビルドツール」の違いがいまいちわかりません。同じもののように見えるのですがどこが違うのでしょうか。余談ですが、今回はwebpackを使おうと思っているのですが調べているとgulpと併用している話が出てきます。gulpも用意したほうがいい
- 0評価
- 452PV
- gulp
  
  180questions
  
  gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。
- webpack
  
  70questions
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
SatoshiAizawa 8ヶ月前にベストアンサー
解決済

回答

1
gulpでscssのようにjsを選択結合したい

やりたい事 gulpを使ってjsを結合する際、結合ファイルや結合順序を細やかに設定したい。現状現在gulpを使いcss/jsを結合・コンパイルしています。例えばディレクトリ構造が dir/assets/css ・・・出力css dir/assets/js ・・・出力js dir/src/js ・・・・・被結合js dir/
- 0評価
- 648PV
- JavaScript
  
  9553questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- Sass
  
  138questions
  
  Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。
- compass
  
  29questions
  
  CompassはSassを拡張したオープンソースのCSSフレームワークです。特徴は、ベンダープレフィックス等の複雑なCSSを手軽に記述できる点、 CSSスプライト画像を簡単に作成できる点などが挙げられます。
- gulp
  
  180questions
  
  gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
move 8ヶ月前にベストアンサー
解決済

回答

2
npm install でプラグインをインストールするといくつか他のプラグインがインストールされる

gruntをインストールした際に npm install --save-dev grunt にてgruntをインストールしたのですが、node_modulesのフォルダ内を確認するとgrunt以外のフォルダが多数入ってしまいます。 gruntも含め下記のように多数入っております。いらないものが入るのは避けたいのですが、初期設定が悪いのか、何が原因か
- 0評価
- 518PV
- Node.js
  
  1021questions
  
  Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
- npm
  
  101questions
  
  npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。
takashi006 11ヶ月前にベストアンサー
解決済

回答

1
Gruntを使用したCoffeeスクリプトのコンパイルエラー

前提・実現したいこと gruntを使用して特定ディレクトリ以下のcoffeeスクリプトを、ディレクトリ構成を全く同じにしたまま、別のディレクトリに.jsと.mapを出力したいと思っています。しかし、gruntを実行しても途中で処理が終了していまい、ファイルが作成されておりませんでした。どこの設定が誤っているのか、ご指摘いただきた
- 0評価
- 457PV
- CoffeeScript
  
  110questions
  
  CoffeeScriptはプログラミング言語です。シンタックスシュガーの導入により、JavaScriptのコードに変換された後動作します。JavaScriptに比べ、可読性と簡潔性が向上しています。
- Node.js
  
  1021questions
  
  Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。
- コンパイル
  
  41questions
  
  コンパイルとは、プログラミング言語のテキストソース(ソースコード)をコンピュータ上で実行可能な形式(オブジェクトコード)に変換することをいいます
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
kouzouman 11ヶ月前にコメント
解決済

回答

1
javascriptのビルドツール(gulp、grunt、browserify)?について

gulp、grunt、browserifyらへんのキーワードについて全然理解できていないのですが、参考にしたサイトのものをそのまま使ってという流れでやっていたのですが、少しは理解しようかなと思ったのですがこのへんのことがわかりやすく書いてあるサイトなどがあったら教えていただけないでしょうか？
- 0評価
- 386PV
- JavaScript
  
  9553questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- gulp
  
  180questions
  
  gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
- Browserify
  
  25questions
yoppy0066 11ヶ月前にコメント
解決済

回答

1
gruntでsassを反映させたいです。

gruntでsassを反映させたいです。 Gruntfile.jsファイルのpathの指定の仕方が違うと思うのですが、イマイチわかりません。pathへの書き方を変えてみたりしたのですが上手くいきませんでした。お答え頂ければ幸いです。エラーメッセージフォルダ Gruntfile.js（css部分） // css sas
- 0評価
- 268PV
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
退会済みユーザー 1年以上前にコメント
受付中

回答

0
Sass,Grunt,Bootstrapで新しいプロジェクトを作るには？

Sass、Bootstrap、Grunt初心者です。【主な環境】 Mac OS X EL Capitan Brackets Chrome を主に使用して開発をしています。【作っているもの】現在Bootstrapをベースにしたテーマ、「Honoka」 http://honokak.osaka/ を利用させていただきながら、ウ
- 0評価
- 357PV
- Node.js
  
  1021questions
  
  Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。
- Sass
  
  138questions
  
  Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。
- Bootstrap
  
  571questions
  
  BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
teratailが1年以上前にアップデート
受付中

回答

0
Grunt,Bootstrapで強制的にautoprefixをつけたい

Sass、Bootstrap、Grunt初心者です。【主な環境】 Mac OS X EL Capitan Brackets Chrome を主に使用して開発をしています。【作っているもの】現在Bootstrapをベースにしたテーマ、「Honoka」 http://honokak.osaka/ を利用させていただきながら、ウ
- 0評価
- 331PV
- CSS
  
  3340questions
  
  CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。
- CSS3
  
  1259questions
  
  CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
- Sass
  
  138questions
  
  Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。
- Bootstrap
  
  571questions
  
  BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
teratailが1年以上前にアップデート
解決済

回答

3
node.jsのnpmに関してエラーが表示されます。

gruntコマンドをインストールする際にエラーが出ました。 npm WARN deprecated This version of npm lacks support for important features, npm WARN deprecated such as scoped packages, offered by the primary n
- 0評価
- 680PV
- Node.js
  
  1021questions
  
  Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
- npm
  
  101questions
  
  npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。
ruuusaamarki 1年以上前に回答
受付中

回答

1
Grunt起動時にCannot find module 'glob'となって実行できない問題

掲題の通りですが、Gruntをタスクランナーとして使っているのですが、以前まで使えていたのですが原因が不明で使えなくなってしまいました。現状の状況を下記に記載します。 $ grunt --version module.js:341 throw err; ^ Error: Cannot find module 'glob'
- 0評価
- 447PV
- JavaScript
  
  9553questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
tkow 1年以上前に回答
解決済

回答

1
gulpでのコンパイル対象ファイルついて

宜しくお願い致します。只今htmlのコーディングの仕事をgulpを使って、 haml の変換 scss の変換 imageの圧縮等をwatchで監視しながら作業しております。 hamlのファイルが20ファイルくらいになってきて、 1ファイルを修正しただけで、毎回20ファイルがコンパイルされるので、ちょっとした修正の確認に時間がかかってしまって
- 0評価
- 569PV
- JavaScript
  
  9553questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- Ruby
  
  4356questions
  
  Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。
- gulp
  
  180questions
  
  gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
yusukexyusuke 1年以上前にコメント
受付中

回答

0
Grunt use-min テンプテートの一部消却

grunt.registerTask('build', [ 'clean:dist', 'wiredep', 'useminPrepare', 'concurrent:dist', 'autoprefixer', 'ngtemplates', 'concat', 'ngAnnotate',
- 0評価
- 333PV
- JavaScript
  
  9553questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
teratailが1年以上前にアップデート
解決済

回答

1
ブラウザからgrunt起動？

よくわからないんですが、ブラウザからgrunt起動させたいんですが、どのような方法がありますか？ js → ターミナルにコマンドを叩くなんてことは実現可能ですか？また、よくわからなさすぎて泣きそうなんですが、結局はjavaやc+でアプリなんてことになるのでしょうか。
- 0評価
- 400PV
- gulp
  
  180questions
  
  gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
HSG 1年以上前にベストアンサー
解決済

回答

1
Grunt-ect書き出し時エラー

Destination (dist/index.html) not written because rendered files were empty が急に表示されました。特にgruntfileやテンプレファイルなどに変更の覚えがないのですが、何か特有の不具合なんでしょうか？
- 0評価
- 429PV
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
HSG 1年以上前にベストアンサー
受付中

回答

1
npm install について

npmを使っていて２度目の現象なので相談させてください。 windowsを使っているのですが、gruntの調子が悪く、 npm installをして他の人が追加したパッケージをインスコする度に gruntがエラーを都度起こすようになっていました。それも問題なのですが、ローカルのnode_module を全消しして npm installし対応していました
- 0評価
- 606PV
- Grunt
  
  19questions
  
  Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。
ngyuki 1年以上前に回答を編集