回答率

87.81%

tag:

PHP, JavaScript, Java, Python, etc.
is:

accepted, not-accepted, answered, not-answered
sort:

created-asc, created-desc, updated-asc, updated-desc, smart
author:

username, me

JavaScriptを有効にしてください

gulp

gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

新着
アクティブ
未回答
未解決
注目
解決済

受付中

回答

0
gulpを用いたPostCSSが機能しません

前提・実現したいこと gulpを用いて「ベンダープレフィックスの自動付与」や「CSSプロパティの記述順の自動ソート」等をしたいのですが、書籍の通り記述してもうまく機能しません。 ※Sassからcssへのコンパイルはされています。ファイル構成とgulpfile.jsは以下です。わかる方がいらっしゃいましたらご教示いただけますと幸いです。該当のソースコード var gulp =
- gulp
- 0評価
- 0クリップ
- 35PV
teratailが 10時間前にアップデート
解決済

回答

1
Dart Sass のコメント位置がおかしい

最近LibSassからDart Sassに変更したのですが、コメント表示についておかしな不具合？のようなものがあり質問させていただきました。以前までの@importで読み込む形でしたら以下のようにコメントを書くことができました。 /* Foundation */ @import 'foundation/base'; /* Layout */ @import 'layout/header';
- CSS
- Sass
- gulp
- SCSS
- 0評価
- 2クリップ
- 81PV
takopo 20時間前にベストアンサー
受付中

回答

0
【gulp】browser-sync　ブラウザが立ち上がらない

前提・実現したいこと gulpのbrowser-syncを使ってブラウザの自動更新を行いたいです。発生している問題・エラーメッセージ gulpを実行しようとすると、以下の通り"Starting 'default'..."で止まってしまいブラウザが自動で立ち上がりません。 [10:04:45] Using gulpfile ~\Desktop\test\gulp\gulpfile.js [
- gulp
- 0評価
- 0クリップ
- 64PV
teratailが 1日前にアップデート
受付中

回答

1
gulpとPostCSSを使って、Sassのメディアクエリをまとめようとしています。小さな画面サイズから大きな画面サイズへと順にメディアクエリを出力したいのですが、順序が崩れてしまいます。

CSSを記述するときはSassを使っています。そしてメディアクエリを多用しており、今回作ったサイトでは同じ画面サイズのメディアクエリがあちこちに存在する状況になっています。このメディアクエリを簡潔にするため、gulpとPostCSSを使って同じ画面サイズのメディアクエリを１つにまとめようとしています。わたしがCSSを記述するときの順序ですが、わたしは基本的にモバイルファーストで作成して
- CSS
- Sass
- gulp
- 0評価
- 0クリップ
- 64PV
s8_chu 3日前に回答
受付中

回答

1
gulp cssが反映されない

現在gulpで自動sassコンパイル　自動リロードを構築しています。ともに成功したのですがコンパイルされたcssがhtmlに反映されません。試した事html内のcssパスの確認、とファイルの修正 // gulpプラグインを読み込みます const { parallel, src, dest, watch } = require("gulp"); // Sassをコンパイルするプラグイ
- HTML
- CSS
- gulp
- 0評価
- 0クリップ
- 98PV
kazumad 4日前にコメント
受付中

回答

0
ビルドに失敗します CssSyntaxError in plugin 'gulp-cssnext'

前提・実現したいこと私はgulp初心者です。scssにコードを追加し、sourcetreeでプッシュ>yarnを実行すると、突然下記のエラーが出てくるようになりました。ビルドが出来るようにエラーを解消したく、どうぞ宜しくお願いします。発生している問題・エラーメッセージ CssSyntaxErrorが原因で'build' erroredとなっているのでしょうか。 [22:17:30] S
- Node.js
- gulp
- Yarn
- 0評価
- 0クリップ
- 121PV
teratailが 1週間前にアップデート
受付中

回答

0
gulp-babelについて

なぜか下記のコードでgulpを動かすと、jsファイルが100行を超えたあたりで吐き出されなくなります。。こちら原因がわかる方いらっしゃいましたらご教示いただければ幸いです。 gulp.task("babel", () => { return gulp .src(["src/js/**/*.js","!src/js/plugins/**/*.js"]) .pipe(
- gulp
- Babel
- 0評価
- 0クリップ
- 71PV
teratailが 2週間前にアップデート
受付中

回答

1
gulp dev でブラウザーが開かなくなった

gulp devを実行しても下記のようになってしまいます。PHPの勉強を初めてXAMPの設定や環境変数を変えたりしてからです。 URLで飛べば表示されますが、自動で表示されるように戻したいです。どなたかわかる方よろしくお願いします。 [05:19:07] Starting 'watch'... [Browsersync] Access URLs: Local: http://loca
- gulp
- 0評価
- 0クリップ
- 73PV
runnynose 2週間前に回答
解決済

回答

1
gulp sassが正常にコンパイルされない

gulpでsassをコンパイルしようとしていますが、エラーが解決されない状況ですバージョン node 12.12.0 npm 6.11.3 gulp CLI version: 2.3.0 Local version: 4.0.2 エラー内容 [23:30:03] Using gulpfile ~/gulp_test/gulpfile.js [23:30:03] Starting
- JavaScript
- Node.js
- Sass
- gulp
- npm
- 0評価
- 1クリップ
- 1037PV
taammy 3週間前に回答
解決済

回答

1
gulpを用いたpug＆sassコンパイルのエラー： SyntaxError in plugin "gulp-pug"

前提・実現したいことコマンドプロンプトにエラーが出ていて、どうやらコンパイルができずに止まっているようです。ネットで同様の記事等も見てみましたが、それでもどうしたらよいのか分かりません。原因として思い当たる節とすれば、コンポーネント化を取り入れたくてReactを入れたりしたのでその時にいままでとディレクトリが変わってしまったりして、以前のディレクトリの指定では「そこにgulpはない」ってこと
- Windows
- コンパイルエラー
- Sass
- gulp
- Pug
- 0評価
- 0クリップ
- 82PV
runnynose 4週間前にベストアンサー
解決済

回答

1
gulp-sass-globで全てのファイルがインポートされない

前提・実現したいこと foundationフォルダ内に、_base.scss,_mixin.scss,_reset.scss,_variable.scssの4ファイルがあるのですが、_mixin.scss と_variable.scssがインポートできずにstyle.cssに反映されないので解消したいです。該当のソースコード const gulp = require('gulp'); con
- JavaScript
- Sass
- gulp
- 0評価
- 0クリップ
- 81PV
takki1219 1ヶ月前に回答
受付中

回答

1
gulpでbrowserSyncを使用したら１回しかリロードされない

前提・実現したいこと dockerでwordpressをローカルで動かして gulp、webpackを使用して、開発環境を構築しています。 gulpfile.jsに・pug、sassのコンパイル・webpackを利用してJavascriptをバンドル・watch という内容を記述し問題なく動きました。そこで、 browserSyncを利用してブラウザ立ち上げ、自動リロードの機能
- WordPress
- Sass
- gulp
- webpack
- Pug
- 0評価
- 0クリップ
- 599PV
runnynose 1ヶ月前に回答
解決済

回答

1
不特定多数のJSONファイルをループで処理したい

前提・実現したいこと ejsのテンプレートエンジンにて、 gulpファイルを編集し、どこからでもJSONファイルのオブジェクトを呼び出せるようにしたいと考えています。 jsonファイルは今後増えていくので、ループ処理でJSONファイルを読み込み、 jsonDataというオブジェクトに追加していく、という考えのもと、コードを書いています。 data/**配下のjsonファイルを読み込みたいのです
- JavaScript
- JSON
- gulp
- EJS
- 0評価
- 0クリップ
- 209PV
runnynose 1ヶ月前にコメント
解決済

回答

1
npmエラーになってしまう

Gulp導入のために、下記サイトを参考に「node.js」をインストールしました。 https://ics.media/entry/3290 「node -v」を実行するとv14.17.0と帰ってくるのでインストールはできていると思います。しかし、その次の手順の「npm init -y」を実行するとエラーが出てきました。エラー内容は以下のようになります。 Error: Fa
- 0評価
- 0クリップ
- 121PV
zezezo 1ヶ月前にベストアンサー
受付中

回答

1
gulpでのnode_moudules階下の取り扱いについて

gulpでjqeuryをCDNではなく、インストールして利用しようとする場合に npm i -S jquery とした後にnode_modules階下にjqueryファイルがインストールされるがそれを使おうと思った場合に ①scriptに以下のような文を書くとサーバーにアップする際に困る <script src="../node_modules/jquery/dist/jquery
- ファイル
- Node.js
- gulp
- npm
- 0評価
- 0クリップ
- 391PV
runnynose 1ヶ月前に回答
受付中

回答

1
Sassコンパイルのアウトプット先の位置がおかしい

前提・実現したいこと Sassのファイルが自動的にコンパイルできる環境構築をおこなっていますが、ターミナルから「gulp sass」と打つことでコンパイルができてカレントディレクトリと同じ階層にcssディレクトリが作成されて、cssファイルがうまくコンパイルできます。発生している問題・エラーメッセージしかし、sassファイルを常時監視するように設定したコマンドの「gulp sass:wat
- 0評価
- 1クリップ
- 491PV
runnynose 1ヶ月前に回答
受付中

回答

1
gulpの処理が遅い

gulp4を使って、でejsのhtml出力、sassのcss出力をしています。出力するファイルが多くなると処理時間が増えてしまい、画面の更新が遅くなってしまいました。出力するhtmlファイルが2ファイルですと2.69sですが、4ファイルになると12sかかっています。処理を早くする方法はありますか？ gulpfileは以下のURLを参考にしました。 https://yumegori.c
- gulp
- 0評価
- 0クリップ
- 1108PV
runnynose 1ヶ月前に回答を編集
受付中

回答

1
xamppのローカルサーバー上で、gulpのbrowser-syncを利用してWordPressのトップページが常に自動更新されるようにしたい

前提・実現したいこと xamppのローカルサーバー上のWordPressにおいて、gulpのbrowser-syncを利用して phpファイルが更新されるたびに、WordPressトップページのブラウザが自動更新されるような環境にしたいです。発生している問題現在の状態としては、「gulp」コマンドをコマンドプロンプト上で叩くと、 WordPressのトップページのブラウザが立ち上がるように
- PHP
- Node.js
- WordPress
- XAMPP
- gulp
- 0評価
- 1クリップ
- 932PV
runnynose 1ヶ月前に回答
解決済

回答

1
gulpで画像が自動で圧縮されない。

前提・実現したいこと gulpで画像圧縮をする際に、srcフォルダの中のimagesフォルダに画像を入れた時に、自動で画像圧縮するように設定したいです。現状、srcフォルダの直下に画像ファイルを入れた場合は自動圧縮されます。発生している問題・エラーメッセージ srcフォルダの中にあるimagesフォルダの中に画像を追加しましたが、画像圧縮されません。（「1.jpg」の画像フ
- gulp
- 0評価
- 0クリップ
- 85PV
runnynose 1ヶ月前にベストアンサー
受付中

回答

1
gulpをpugでコンパイルすると発生する文字化けについて

前提・実現したいこと gulpでpugをコンパイルしたいのですが日本語の文字化けが治らずに困っています。発生している問題・エラーメッセージ main.pug doctype html html(lang='ja') head meta(charset='UTF-8') meta(name='viewport', content='width=dev
- gulp
- Pug
- 0評価
- 0クリップ
- 166PV
runnynose 1ヶ月前に回答

1
2
3
...

次のページ

タグ情報

あなたの順位

-位
タグ登録者数

188人
総質問数

506件
今週の質問数

4件

タグ別ランキング

1

miyabi-sun

score 186

JavaScript

Node.js

PHP
2

technocore

score 160

Python

MacOS(OSX)

Ruby on Rails
3

s8_chu

score 137

HTML

CSS

JavaScript
4

maisumakun

score 110

JavaScript

PHP

Ruby
5

horse_n_deer

score 55

JavaScript

Node.js

CSS
6

runnynose

score 50

JavaScript

CSS

HTML
7

KiKiKi_KiKi

score 47

JavaScript

jQuery

CSS
8

miyabi_takatsuk

score 42

JavaScript

HTML

CSS
9

sii_side

score 40

JavaScript

jQuery

HTML
10

yamato_hikawa

score 32

JavaScript

jQuery

HTML

ランキングをもっと見る

タグ別ランキング

1

odataiki

score 11

Python

CSS

JavaScript
2

runnynose

score 7

JavaScript

CSS

HTML
3

s8_chu

score 6

HTML

CSS

JavaScript
4

maisumakun

score 5

JavaScript

PHP

Ruby
5

takna

score 5

WordPress

CSS

HTML
6

taammy

score 4

JavaScript

Sass

npm
7

tmyk

score 2

HTML

CSS

JavaScript
8

takopo

score 1

CSS

HTML

HTML5
9

mitrasi

score 1

Windows 10

コードレビュー

HTML

ランキングをもっと見る

タグ別ランキング

1

odataiki

score 11

Python

CSS

JavaScript
2

s8_chu

score 6

HTML

CSS

JavaScript
3

tmyk

score 2

HTML

CSS

JavaScript
4

taammy

score 2

JavaScript

Sass

npm
5

takopo

score 1

CSS

HTML

HTML5

ランキングをもっと見る

関連するタグ

gulpタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る