Release gulp v5.0.0 · gulpjs/gulp

2024/03/29 5 users v5.0.0

We've tried to provide a high-level changelog for gulp v5 below, but it doesn't contain all changes from the 60+ dependencies that we maintain. Please see individual changelogs to drill down into all changes that were made. ⚠ BREAKING CHANGES Drop support for Node.js <10.13 Default stream encodin... 続きを読む

Windows 3.11の管理者の求人をドイツの鉄道会社が出して話題に

2024/02/01 13 users ドイツ 求人 鉄道会社 話題 管理者

ドイツの鉄道会社が人材募集サービス・GULPに出した、Windows 3.11の管理者の求人が話題となっています。ドイツでは、高速列車として知られるICEの運行システムでもWindows 3.11が引き続き利用されているそうです。 Project Remote: Windows 3.11 Administrator (m/f/d) in 91058 Erlangen | Projects at GULP https://w... 続きを読む

[gulp] 本番環境と開発環境を分岐するgulp-mode | バシャログ。

2018/09/27 21 users ishida バシャログ npm タスク 新陳代謝

こんにちは、ishidaです。 2年前に半年かけておとした体重が見事にもとに戻りました。 新陳代謝がきっとすげー落ちているんだよ。そうなんだよ。はい。 今回はnpmの紹介です。 開発時と本番時で処理を変更したくなったことはありませんか？ このパッケージではgulpにて開発時と本番時のタスクを簡単に切り分けられます。... 続きを読む

商用利用無料でしかも高品質！ランディングページを作成するためのHTML/CSSのテンプレートのまとめ | コリス

2018/05/23 72 users コリス CSS Sassファイル テンプレート HTML

プロダクトやサービス、スマホアプリ、ショップなど、さまざまなプロジェクトに利用できるランディングページ用のHTML/CSSテンプレートを紹介します。 テンプレートはすべてレスポンシブ対応で、HTML/CSSだけを使用して作成してもよし、カスタマイズ用にGulp/Sassファイルも揃っています。 Papaya Papayaのライセンス レスポンシブ対応のHTML/CSSテンプレート Papayaのラ... 続きを読む

2018年、フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールを調査 | コリス

2018/05/15 107 users コリス デベロッパー npm Webpack CSS

フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールについての調査結果を紹介します。 SassやLESS、BootstrapやFoundation、AutoprefixerやModernizr、BEMやCSS-in-JS、CSS GridやFlexbox、NPMやGulp、jQueryやReactやVue.js、WebpackやESLintなど、実際にどの... 続きを読む

帰ってきたGulp 4 - Qiita

2018/02/26 70 users Qiita

2014年あたりから、v4が出なくてやきもきしていましたが、待つこと3年(4年?)、2018年のはじめに v4.0.0 が リリース されました。2018年現在の視点で、v4をチェックしてみたいと思います。 タスクは関数に 以下、 GitHubにある例 からの抜粋です。(多少変形しています) import { src , dest } from 'gulp' import less from 'g... 続きを読む

GulpでSassのコンパイル・Autoprefixer・Minifyの実行をするまでの最低限のこと｜クロノドライブ

2017/10/12 38 users Sass Autoprefixer gulpfile.js

はじめに この記事はGulpを使ってSassをコンパイルしているけど、なんだかよくわかってないという人に向けた記事です。Sassをただコンパイルするだけではなく、AutoprefixerやMinify・Source mapなどあると便利だと思う必要最低限の構成の作り方とそれぞれの使い方を解説していきます。 前提 npmコマンドをなんとなく使ったことがある gulpfile.jsというものは知ってい... 続きを読む

jQueryとjQuery PluginからはじめるGulpとWebpack3の使い方｜クロノドライブ

2017/10/03 44 users jQuery Webpack クロノドライブ こーぼ ビルド

はじめに この記事はWebpackという言葉を耳にしつつもWebサイトのコーディングにどう導入していけばよいかイマイチわからない・メリットを感じない人に とりあえず 馴染み深いjQueryとjQuery PluginをWebpackで扱って慣れようというものです。 背景 Vue.js・React・AngularなどのフレームワークはそのビルドにWebpackを使うことも多いのですが、一般的なコーポ... 続きを読む

GulpによるPug、Sass、ブラウザーシンクなどを盛り込んだ開発環境「Speedy」を公開しました。 – YATのBLOG

2017/08/07 15 users GitHub SCSS Pug YAT Sass

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。2017年 08月 07日 GulpによるPug、Sass、ブラウザーシンクなどを盛り込んだ開発環境「Speedy」を公開しました。 カテゴリ： gulp タグ： gulp pug Sass Scss Gulpのpugやscss、ブラウザーシンクなど、普段利用する開発環境をGithubに掲載していま... 続きを読む

僕なりのフロントエンド開発環境2017年版 - Qiita

2017/04/07 84 users Qiita Webpack github.com 環境

2016年版を書いてからもう1年もたってさらに古くなってきたので、今の環境に合わせてバージョンアップ 僕なりのフロントエンド開発環境2016年版 - Qiita 僕なりのフロントエンド開発環境2016年版v2 - Qiita https://github.com/koh110/minjsapp 2016年版からのバージョンアップ点 webpackをv2に vendor.jsの切り出しかたをgulp... 続きを読む

Vue.jsの流行とネイティブアプリフレームワークWeex、そして台頭する中国語コミュニティについて - 株式会社クイックのWebサービス開発blog

2017/03/04 54 users YARN Webpack Vue.js Babel 流行

2017 - 01 - 23 Vue.jsの流行とネイティブアプリフレームワークWeex、そして台頭する中国語コミュニティについて こんにちは。五所です。 最近は時代についていこうと、フロントエンドの情報収集をしています。 React, Redux, AngularJS, ES6, Webpack, Gulp, Babel, Yarn... 情報収集すればするほど、頭がいっぱいになるのですが、その... 続きを読む

GulpやSassを使う時に覚えて幸せになったnpmの便利な使い方 - Qiita

2017/01/27 34 users Sass npm Qiita Webpack ダイアログ

昨今のweb開発で必要なBabel・Sass・Gulp・Webpackといった技術は、Node.jsのパッケージ管理ツール「 npm 」を通して使われます。 npm の機能は豊富で、覚えておくと便利な使い方がいくつもあります 。特にお勧めのものをピックアップしました。 npm init には -y をつけるとダイアログが表示されない npm のモジュールを用いたプロジェクトを作成する際、最初に使用... 続きを読む

SlackとVimとメモ管理と私 - wadackel.me

2016/12/08 85 users wadackel vim Slack npm scripts

この記事は Vim (その2) Advent Calendar 2016 の9日目の記事です。 Vimに関する記事 + Advent Calendar初投稿です。よろしくお願いします。 昨年末、仕事が凄く詰まっている時期に突然Vimを使い始めて、丁度1年が経とうとしています。 それまではターミナルを開くのも、Gulpやnpm scriptsを走らせるときくらいで、それ程使用頻度としては高くありませ... 続きを読む

JavaScriptを劇的に教えやすくするWebサーバ作りました - Qiita

2016/07/16 433 users Qiita rollup Babel Sass Webpack

近年、JavaScriptでコードを書こうとすると、お膳立て7割、コード書き3割みたいな事態がざらにあります。「お膳立て」の例としては、Gulp, Babel, Sass, PostCSS, WebPack, Rollup, Browserifyほか数限りなく。 たしかに、一旦フロントエンド開発に慣れてしまえば、お膳立てにかける時間は短縮することが可能です。でも、これを初学者に強いるのはツラすぎる... 続きを読む

フロント界隈で一番イケてるのは AngularJS でも React でもなく Riot.js だという話 | phiary

2016/06/01 701 users AngularJS React phiary Webpack

10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。 - 日々、とんは語る。 あのライブラリは何故誕生したの?のまとめ - Qiita ここ最近話題になったエントリーですが, どちらも今最もイケてる Riot.js について全く触れられてなくて悲しくなったので書きました. はじめに 「webpack インストールしといてー」, 「gulp 導入して wat... 続きを読む

Webサイト制作におけるフロントエンドの必須スキル＆開発環境はこれで決まり！ - North-Geek

2016/04/22 428 users North-Geek Git Sass Emmet 流行

最近フロントエンドの流行がどうのこうのという記事をよく目にしますが、実際に現場で 必要となるスキルと開発環境 を紹介していきます。これくらい知っていると全く問題ない。といったことですね。 主にWebサイトを制作のスキルは、 HTML・CSS、CSS3、Sass、SublimeText、Emmet、gulp、Git についてのスキルがあれば開発がしやすく流行の開発環境ではないかと思います。 さて、そ... 続きを読む

Electron + react.js + gulp でメニューバーアプリを作ってみた - fukajun - 僕はvimで行きます -

2016/02/08 35 users fukajun Electron vim React.js

やってみたこと electronでとあるチャットの内容をみるだけのアプリを作ってみた。 macのメニューバーにアイコンが表示されて、クリックするとチャットの内容を 一覧で表示することができる。また、新着メッセージがあったときに デスクトップに通知を表示、メニューバーアイコンを未読有りののアイコンに 変更するなど基本的な動作を実装してみた。 実装において、react.js と gulp を利用して開... 続きを読む

NODE_ENVを使って環境ごとに変数を切り替えてbuildするときに他の環境の変数は見せないようにする方法 - Qiita

2016/02/08 6 users Qiita React Grunt 変数 ソースコード

client sideをReactのようなSingle Page Applicationで開発している場合、ソースコードは自由に閲覧できてしまうため必要ない情報は入れないようにすべきです。 開発環境と本番環境でkeyやurlを切り替え、さらに他の環境のkeyやurlはソースコードに含まれないようにしたかったので方法を調べました。 gulpやgruntは使わ... 続きを読む

【gulp】htmlテンプレート「gulp-jade」についてメモメモ（１）～導入 | バシャログ。 | 横浜でWeb制作を行うシーブレインスタッフによる技術情報ブログ

2016/02/03 36 users バシャログ 一刻 反面 福井 近江神宮

みなさま、こんにちは。昨年は、『ちはやふる』や『めぞん一刻』、そして『孤独のグルメ』などにハマり続け、夫婦で聖地めぐりをしていた kouraku です。とりあえず、『ちはやふる』の聖地巡り（分倍河原：東京、近江神宮：滋賀、芦原温泉：福井）はコンプリートしました。 さて、昨年はhtmlテンプレートとして「gulp-html-extend」を紹介してきましたが、簡単で分かりやすい反面、かゆいところに全... 続きを読む

gulpをstreamとか関係なくただのタスクランナーとして使う - getalog

2016/01/28 51 users stream Vinyl タスクランナー タスク イメージ

2016 - 01 - 28 gulpをstreamとか関係なくただのタスクランナーとして使う gulpはstream志向でデザインされていて、streamしか受け入れない・streamじゃないとon the railじゃない、というようなイメージが強いと思う。 ところがどっこい、gulpのタスクが受け入れるのはstreamだけじゃないし、必ずしも gulp-* とか vinyl とかを使わなけれ... 続きを読む

browserify - app/assets/javascripts以下のJSを全てcommonjsのrequireに書き換える - Qiita

2015/12/24 29 users assets Qiita require transform

仕事でgulpを使って僕がよくいじる一部のjsを高速でビルドできるようにしてみたのだが、JSをいじらない人の手元でなにかと差分がおかしくなったり、ビルドするタイミングを伝えないことで問題起きたり、その為に呼ばれて治すのがとにかくめんどくさかったため、思い切ってすべてのビルド工程をbrowserify_railsとbrowserify-incrementalと(そのtransform)に押し込んで、... 続きを読む

webpack+babel-loader+power-assert+jsdomでフロントエンド開発環境を作る - yutaponのブログ

2015/12/10 79 users yutapon Webpack ビルド 去年 ブログ

2015-12-10 webpack+babel-loader+power-assert+jsdomでフロントエンド開発環境を作る webpack jsdom tdd build この記事は JavaScript Advent Calendar 2015 10日目の記事です。 去年は主に gulp にフォーカスした内容でしたが、今回はJSのビルドとテストにフォーカスした入門記事です。 やること E... 続きを読む

gulp.js を今一度キチンと！gulp.js 導入基礎 - HAM MEDIA MEMO

2015/11/14 110 users Gulp.js コーディング CSS 一度 HTML

フロントエンドのお仕事として、HTMLやCSS、JavaScript のコーディング回りを行っていると、以前に比べてやらなければならないことが増えてきていました。そのため、細々した作業でも、自動化して効率よく開発をすすめないと、時間がかかってしまうことが多いです。 そんなときに活用できるのが、今回使い方を紹介する gulp です。 gulp.js このエントリーでは、gulp が使えるように、gu... 続きを読む

はじめてのVue.js - 単一ファイルコンポーネントを作れる環境構築編 (npm + gulp + browserify + babel + vueify) - Qiita

2015/11/22 63 users npm Qiita ToDo Rails サーバーサイド

この記事では、Rails や PHP といったサーバーサイドのプログラミングをメインでやっている人向けに Vue.js を用いた簡単な TODO 管理アプリを作るまでを、2回に分けて解説します。 なお、著者の作業環境の都合上、Mac OSX を対象として記事を執筆しています。 1回目では、Vue.js を用いたアプリのモダンな開発環境構築について説明いたします。 Vue.js とは？ Vue.js... 続きを読む

Visual Studio Code は JavaScript 開発が超絶便利になる可能性を秘めている！ - てっく煮ブログ

2015/11/19 393 users Visual Studio Code 超絶 煮ブログ 開発

期待のオープンソース IDE、Visual Studio Code を試してみたら衝撃を受けた。 拡張を入れなくても、デフォルトで JavaScript の「自動 Lint」「Grunt、Gulp 連携」「デバッグ」が動いた。なんだかすごく便利そうな予感。 Windows 環境で起動してみたらこんな画面だった。 なんか黒いが、色は好みにカスタマイズできるし、プリセットからも選べる。 フォルダーを開... 続きを読む