タグ「Grunt」 - はてブログ

タグ Grunt

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 69件)

JavaScript作業自動化ツール「Grunt 1.0.0」が登場。約2年もの開発停滞から復活－ Publickey

2016/04/05 229 users Publickey ビルドツールタスクランナー復活ベース

Webサイトやアプリケーション開発で発生する作業を自動化してくれるツール「Grunt」の正式リリースとなる「Grunt 1.0.0」がリリースされました。 Gruntは、いわゆるビルドツールやタスクランナーと呼ばれるソフトウェアの1つで、Node.jsをベースにしたオープンソースとして開発されています。 JavaScriptで自動化したい作業を記述でき、また多くのプラグインによって一般的な作業... 続きを読む

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

2016/02/08 6 users Qiita Gulp React 変数 client side

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

2015-11-23のJS: JSDoc 3.4.0、Grunt/Bowerの今後、JavaScriptトレンド - JSer.info

2015/11/24 17 users BOWER modules JSDoc jsx ES6

JSer.info #254 - JSDoc 3.4.0がリリースされました。 jsdoc/CHANGES.md at 3.4.0 · jsdoc3/jsdoc パーサーにEspreeを使うことでES6やJSXのコードをパース出来るようになりました。それに加えてまだ完全ではありませんが、ES6 Classesやmodulesに関するサポートが追加されています。 Use JSDoc: ES 201... 続きを読む

「Grunt」がjQuery Foundationに加入。開発者のBen Alman氏は後継者を募集－ Publickey

2015/11/20 41 users Publickey Foundation タスクランナー

JavaScriptでアプリケーションを開発する際には、ファイルの圧縮や単体テストを実行するなどの作業が何度も行われます。これらを自動的に実行してくれる、いわゆるタスクランナーとしてよく知られるのがオープンソースで開発されているツール「Grunt」です。そのGruntがjQuery Foundationに加入し、開発体制を刷新する方向であることが発表されました。開発者のBen Alman氏は、... 続きを読む

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

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

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

JavaScriptタスク自動化のもう一つの選択肢、「gulp」の利用法 (1/3)：CodeZine（コードジン）

2015/11/06 59 users CodeZine Gulp ライブラリ並列実行 HTML

本連載では主にHTML／JavaScript開発作業を効率化するさまざまなツールやライブラリを紹介します。今回取り上げるのはJavaScriptによるタスク実行ツール「gulp」です。すでに本連載では類似ツールのGruntを紹介していますが、gulpはメソッドチェーンによる直感的な記述や並列実行など、Gruntにはない特徴があります。記事ではサンプルを交えてgulpの特徴と利用法を説明します。は... 続きを読む

FlyでES6/7時代のJavaScriptビルドシステムとやらを体験してみた - Qiita

2015/09/23 23 users Qiita fly ビルドシステム Gulp ライブラリ

Flyとは https://github.com/flyjs/fly Node.js製のビルドシステムです。 gulp, Gruntなどと同じような事ができます。基本的なビルドシステムとしての機能を提供し、サードパーティのライブラリをもりもり入れていくことでできることの幅を増やしていく。というところも同じような感じです。ただ大きくgulp, GruntとことなっていることとしてはFlyの場合、E... 続きを読む

ブラウザー上でスタイルガイドが作れるFrontifyを試してみた | Webクリエイターボックス

2015/09/24 123 users Gulp CSS Webクリエイターボックスブラウザー上

巷ではgulpやGruntなどを使ったスタイルガイド生成ツールが多く存在します。しかし、CSSのコメントに書き込んだりするのはWeb制作者でないと難しい部分もありますし、そもそもファイルを作るのがめんどうだったり…と、なかなかスタイルガイドを作る気になれない人もいるんじゃないかと思います。今回は非Web制作者でも簡単にスタイルガイドが作れちゃうFrontify Style Guideを紹介します！... 続きを読む

Gulp + browserify + watchify + gulp-sass で自動高速コンパイル環境 | モンキーレンチ

2015/05/13 117 users Sass browserify Compass コンパイル

Gulp とは Gulp は Web 制作に関するいろいろな作業を自動化するためのツールです。Sass のコンパイルや Gulp の使用には node.js や Sass などのインストールが必要なので、ちょっと古い記事ですが下記を参考に適当にインストールしてみてください。 Grunt + Sass + Compassでつくるナウいフロントエンド開発環境 browserify とはそんなに詳しく... 続きを読む

makeのくびき - snyk_s log

2015/05/11 100 users Gulp くびき log Make 要約

2015-05-11 makeのくびき javascript 「gulpって何だよ、makeでいいじゃん（要約」論争について、私もちょっと一本講釈をぶってみることにする。あれやこれやといった実利的な話をするつもりはない。そういうものは既に書いた人がいるのでそちらを参照のこと。 Grunt/gulpについて述べると、トレンドの移り変わりが速いというのは半分正しくて半分間違っている。 Gruntの思い... 続きを読む

Node.js - フロントエンド開発の３ステップ（npmことはじめ） - Qiita

2015/04/11 349 users ウェブアプリ Qiita Gulp スライド node.js

以前、勉強会でLTしたものです。スライドは下記にあります。 http://www.slideshare.net/hashedrock/ss-46539932 フロントエンド覚えること多すぎ問題モダンなフロントエンド開発で、入門記事を探そうとすると、まずgulpやgruntによるビルド環境構築から始まる記事が多くヒットします。ですが、ほとんどの初心者が最初に書くウェブアプリは、 gulpやg... 続きを読む

webpack で始めるイマドキのフロントエンド開発 - Qiita

2015/04/05 319 users Webpack webapp Qiita ビルドツール配布物

webpack とは webpack は WebApp に必要なリソースの依存関係を解決し、アセット（配布物）を生成するビルドツール（要するにコンパイラ）です。JavaScript だけでなく、CoffeeScript や TypeScript、CSS 系、画像ファイルなどを扱うことができます。 WebApp のビルドツールは Grunt や Gulp が有名です。これらは基本的に、ビルド手順をタ... 続きを読む

JavaScript - もうgulpで憔悴しない - 低依存gulpfileのレシピ - Qiita

2015/04/04 241 users Qiita Gulp Scripts 憔悴要点

こんにちは、@armorik83です。皆さん、Grunt / gulp使ってますか。おなじみなので、ここでは説明はしません。この記事の要点なぜGrunt / gulpは憔悴に至るのか、経緯と問題点 npm run-scriptsの仕組みについて package.jsonにscriptsを羅列することに対する是非シンプルなgulpfileについての提言経緯さて、先日このような記事が界隈で広... 続きを読む

Web作成の定形作業を自動化できるJavaScriptタスク実行環境Grunt （1/3）：CodeZine

2015/04/01 146 users CodeZine デプロイコンパイルライブラリ本質

本連載では主にHTML／JavaScript開発作業を効率化する様々なツールやライブラリを紹介します。初回となる今回はHTML／JavaScript開発で発生する様々な定形作業を自動化してくれるツール「Grunt」について、利用例を交えて紹介していきます。はじめに　HTML／JavaScript開発に限らず、一般にプログラミングの作業ではコンパイルや自動テスト、デプロイなど、開発の本質にあまり関... 続きを読む

ようやくasset pipelineを使うように - ただのにっき(2015-03-27)

2015/03/28 41 users Asset Pipeline にっき MOL asset

ようやくasset pipelineを使うようにReact.jsをまじめに使おうと思ったら、いままで逃げまわってきたasset pipeline的なものをちゃんとしないといろいろ不便なことが判明したので、寄り道してそっちをなんとかしよう……と関連文書を漁っていたタイミングでこんな記事を読んだ: Grunt/Gulpで憔悴したおっさんの話 - MOL いやもう、ほんまこれ。JavaScript環境の... 続きを読む

Grunt/Gulpで憔悴したおっさんの話 - MOL

2015/03/27 431 users npm MOL タスク Gulp 依存

先人たちが1年前に通った道で、いろいろいまさらかよって話なんですが。基本的に以下の記事読んだら分かります。要はGulpとかGruntといったモノ使わずにnpm run hogehogeでビルドしよーぜって話です。 task automation with npm run オレ的Gruntに対する最新の気持ち - from scratch Node - npm で依存もタスクも一元化する How t... 続きを読む

JavaScriptの2014年

2015/01/09 39 users JavaScript Gulp TypeScript YUI

2014年はJavaScriptとウェブにとって印象的な年だった。MVCフレームワークからちいさな特殊なライブラリまで、私たちInfoQはたくさんの記事を書いた。多くの開発者がJavaScriptにTypeScriptやFlowを使って型システムを導入しようとした。Yahooは8年開発し続けたYUIを捨てた。Gulpという新しいビルドシステムがGruntの地位を奪った。Node.jsは年の始めに... 続きを読む

gulp 入門 - tmlife

2015/01/07 36 users Gulp tmlife 入門最小限メモ

gulp の使い方についてのメモです. 導入について最小限にまとめました. gulp はもう分かったよって方はこちらもどうぞ coming soon coming soon coming soon coming soon gulp とは公式によると The streaming build system ストリーミングビルドシステム. ピンとこないですねw ざっくりと言うと, grunt と同じよ... 続きを読む

【Gulp.jsインストール】フロントエンドタスクランナーGulp.jsの使い方 | ホームページ制作│大阪│株式会社ユニオンネット

2014/12/16 43 users Compass Gruntfile.js ナウコンパイル

こんにちわ。山王です。最近話題になってるフロントエンドタスクランナーGulp.jsをインストールしたお話です。以前Grunt.jsを使用した際はCompassのコンパイルが遅くて断念したんですがやはりナウでヤングでモダンなやり方でやりたいなぁと思いGulp.jsの噂を聞きつけインストールした次第です。 Gruntとの違い Gruntfile.jsに比べgulpfile.jsの方が書きやすい ... 続きを読む

これからはじめるGulp：bundler, rbenv, nodebrewでGulp環境を作ってみる #1 ｜ Developers.IO

2014/12/01 55 users Gulp nodebrew アドベントカレンダー季節

これからはじめるGulp：bundler, rbenv, nodebrewでGulp環境を作ってみる #1 Gulp - Solo Advent Calendar 2014 はじめに今までGruntばかり使って来て、そろそろGulpも使っておこうということで、Wordpressテーマを作るついでに勉強したことをメモしていきます。12月ということで、アドベントカレンダーの季節ですが、他の方が主催し... 続きを読む

タスク・ランナーをnpm run-scriptでラップ - Weblog - Hail2u.net

2014/11/30 19 users Weblog hail2u.net タスク npm ランナー

npm で依存もタスクも一元化するという記事を興味深く読んだ。僕もしばらく前、具体的にはnpm v2出た時からGruntをnpm run-scriptでラップして使っている。概ね良好に機能すると感じている。懸念であった引数で特定の処理を行わせたいようなケースもnpm v2で引数を解釈できるようになったので解決した。 npm run-script経由にすることによる大きなデメリットとしては、そんなに... 続きを読む

ASP.NET 5 と Visual Studio 2015 では Bower と Grunt が標準になるみたいなので勉強してみた - しばやん雑記

2014/11/25 72 users npm BOWER ＡＳＰしば雑記

2014-11-25 ASP.NET 5 と Visual Studio 2015 では Bower と Grunt が標準になるみたいなので勉強してみた ASP.NET Visual Studio JavaScript ASP.NET 5 と Visual Studio 2015 Preview では Bower と Grunt、そして npm へ標準で対応するようになりました。今後は ASP.... 続きを読む

npm で依存もタスクも一元化する - Qiita

2014/11/16 248 users npm Qiita package.json Gulp タスク

タスク管理 package.json にはパッケージの依存を書いて npm install するのが基本だけど、タスクの管理をどうするかというのは、別途また考えないといけない。自分は gulp が良いと思っているが、 grunt や jake や make を使う人もいる。また、たくさんオプションをつければほぼ一つのタスクが実行できてしまう browserify, jsh/eslint, m... 続きを読む

bowerと仲良くなる - Qiita

2014/10/05 46 users Qiita BOWER angular script 挿入

Gruntを使用したWordPressプラグインの開発 | firegoby

2014/08/27 24 users Gulp ポッ原稿お好み執筆

先日発売されたプラグイン本なんですが、実は執筆の時点で600ページ以上ありまして、編集の段階でボツになった原稿が大量にあります。笑今回はボツになった原稿の中から、Gruntを使ったプラグイン開発というネタの原稿を放出します。まあ最近はgulpのほうが…って声もあるでしょうが、そのへんはお好みで。サイトの拡張性を飛躍的に高める WordPressプラグイン開発のバイブル Gruntとは？スマ... 続きを読む