[B! Grunt] test_testerのブックマーク

test_tester id:test_tester

Gruntに関するtest_testerのブックマーク (2)

[grunt] ファイル保存したタイミングで、ブラウザを自動的にリロードして、確認作業をスピードアップさせよう - YoheiM .NET
[grunt] ファイル保存したタイミングで、ブラウザを自動的にリロードして、確認作業をスピードアップさせようこんにちは、@yoheiMuneです。 HTMLやCSSやJSなどのフロントエンド開発を効率的に行いたい。そんな目標のもと、今回はgruntJSを使ってファイル保存したタイミングで、自動でブラウザリロードしてソースの変更内容を即座に確認する方法をブログに書きたいと思います！ ※2014/02/05更新 grunt-regardeではなくgrunt-contrib-watchでも出来るようになったので、記載を修正しました。 gruntJSのセットアップ gruntJSは、 CSSプリプロセッサのコンパイル、JSファイルの結合などフロントエンドの開発で行うビルド作業を行うためのツールです。まずはgruntjsが使えるようにセットアップを行います。 nodeとnpmを利用しますので、
test_tester 2014/01/26
GruntJS

Grunt

Node.js

development

HTML

CSS

auto-reload
リンク
Web デザイナーさん向け Grunt を使ったコーディング作業の効率化、はじめの一歩 | WWW WATCH
フロントエンドの開発を色々と捗らせてくれる Grunt について、初めて Grunt を使うならこれだけまずはやってみたら？という入門的な解説記事を書いてみました。この記事は公開からかなりの時間が経過して内容が古いのと、Gulp を使ったフロントエンド開発環境構築について新しい記事「Web サイト作るお仕事をしている人向け Gulp で作るフロントエンド開発環境」を書いていますのでそちらをご覧ください。 Grunt の導入記事なんか珍しくもないし、色々な方がわかりやすい記事を過去にも書かれていているので今さらではありますが...... とはいえ、まだ使ったことがない人もいるだろうということで、「Grunt って何ですか？」とか「使ってみたいけどよくわからない......」なんていう Web デザイナー（主に HTML や CSS を書くフロントエンドな人）さん向けに、初めて
test_tester 2014/01/24
Grunt

development
リンク
1