@mycb750自動化ツールGruntの開発環境構築をメモWebデザイナの間で流行っている(便利な)Gruntについて。Gruntは主にWebデザイナの普段の作業を自動化するツールになる。ブラウザのオートリロードやSass/Lessのコンパイル、minファイル(css,javascriptの縮小)作成の自動化、ファイルの結合、バージョン管理システムとの連携などの作業を自動化してくれる。今回はオートリロードが動作するところまで確認する。ブラウザのオートリロードを実現するためにはGruntのサーバとブラウザにクライアントツールを設置する必要がある。そのため作業の手間を1つ減らす事ができる。node.jsとnpmのインストールnode.jsは非同期処理を実現するためのjavascriptライブラリ(リアルタイム処理が可能)でGruntを動かすためにはこれが必要となる。npmはnode.jsのパッケージ管理ツールでnode.jsのプラグインをインストールしたりする場合に使用する。公式サイトより「Install」ボタンを押下してファイルダウンロードしそのまま実行する。オプションを入れることでグローバル領域にインストールされるサンプルプロジェクトのダウンロードオートリロードのサンプルをとりあえず動作させる。※基本的にこの状態でサーバが立ち上がっている状態のため常に起動しておくことGruntクライアントツールのインストールGoogleChromeやFireFoxヘクライアントツールのLiveReloadプラグインを導入する下記参考サイトを参考に導入すると良い。環境を構築する[Rails]MacにRails開発環境を構築(インストール)する[FuelPHP]GitHubは空ディレクトリがあるとプッシュできない。コメントをキャンセルコメントを投稿するにはログインしてください。useless.1日5杯はコーヒー、カフェオレ飲みます。yumスポンサードリンクエントリ。