node.jsで動くタスクランナーGruntのインストール方法とファイル保存でブラウザを自動再読み込みできるサンプルファイルのご紹介です。Top開発系AboutBlogTettori沖縄在住フリーランスプログラマーのブログ。開発系の記事とかメモ書きとか。10日ブラウザリロード不要。node.jsの登場によりバックエンドで動くjavascriptが注目されていますが、今回はその仕組を利用した注目のタスクランナーGruntを使って実演を行いたいと思います。確認もっと詳しく知りたい方へGruntとはGruntとはnode.js上で動くタスクランナーと呼ばれる自動化ツールで、繰り返し行う面倒な作業をコマンド実行やファイル保存等のタイミングで自動実行させる事ができる非常に強力なツールです。自動化させたいタスクのの組み合わせは自由に構成できるので、使い方次第でWeb制作のみならず様々なプロジェクトに活用することができます。Interface(CLI)のインストールと、サンプルファイルを使った実演を行いたいと思います。下の動画でも紹介していますが、CLIのインストールからデモ終了まで3分足らずで済んでしまうのでセットアップが非常に楽です。サンプルファイルは極力使いまわせるようにシンプルにまとめているので、テンプレートとしても使い勝手の良いものになっていると思います。manager)こちらでもバージョン別node.jsの管理方法及びnpmのインストール手順を紹介しておりますので、よろしければどうぞ。ZIP”をクリックしてファイル一式をダウンロード。ダウンロードした圧縮ファイルを解凍します。ターミナルを起動し、cdコマンドでダウンロードしたフィルダまで移動しますターミナルで簡単にフォルダ移動する方法ターミナル内でディレクトリを移動する際ディレクトリ名をタイプしていく必要がありますが、こちらの方法を覚えておくととても楽にディレクトリを移動できるので便利です。一連の手順をこちらの動画で確認できます。いかがでしたでしょうか今回ご紹介したサンプルファイルはhtml,css,jsの保存きっかけでブラウザをリロードするという単純な構成でしたが、Grunt.jsは保存〜リロードの間にDart,TypeScript,coffeescript等のjs系コンパイルSass,Less等のCSS系のコンパイル構文テストアグリファイ(難読化)ミニファイ(ファイルサイズ圧縮)構文テスト等、実に様々な処理を加える事ができ、自動化する事ができます。Gruntを進化させたGulpという高速なものもあり、タスクランナーは今後のアジャイル開発の基板として主流になりつつあります。テットリでは今後もGruntやGulpの便利な使い方や、すぐに使えるサンプルを用意していきたいと思います。よろしければfacebookページのフォローをお願い致します!もっと詳しく知りたい方へ今回はGruntを使った自動化環境を手っ取り早くお試しできるような内容の記事になっていて、Gruntそのものの情報につてはあまり言及していません。それら基本情報については下記サイトからどうぞ。テットリでも機会を見つけて記事にしていきたいと思います。...RSS登録はこちらからどうぞテットリでは主に開発者向けの情報を国内外から集めてまとめ記事にしたり、作成したお役立ちツール、たまに海外(現在ベルリン在住)での奮闘記なども公開していきます。linkここの記事も一緒に読んでみて下さいGruntの対抗馬として急速に成長中のnode.jsタスクランナー「gulp」を入門者向けに簡単に使えるようにご紹介します。gitを使ったnvmセットアップと複数バージョンのnode.jsインストール及びその切替え方法のご紹介Gruntの対抗馬として急速に成長中のnode.jsタスクランナー「gulp」を入門者向けに簡単に使えるようにご紹介します。runnerterminaltettoriThree.jstipstutorialTypeScriptunix人気の記事5分で終了。【node.js】socket.ioで構築したローカルで動くシンプルなチャットルーム。みんなで書けるリモート版も公開中。WebGL無しiOSでも簡単軽快3D。Gruntの対抗馬として急速に成長中のnode.jsタスクランナー「gulp」を入門者向けに簡単に使えるようにご紹介します。Solostream.。