JavaScript

Ubuntu12.04.1でCoffeeScriptの自動makeとブラウザの自動リロード~guard-coffeescript

投稿日:

 

github.com/guard/guard

github.com/guard/guard-livereload

自動make

guardの準備

Guardfile

ディレクトリの構造はこんなかんじ

自動makeの設定

試しに、アプリのルートでguardを実行して、coffeeディレクトリのファイルを更新すると自動でjsディレクトリのjavascriptが更新される

ブラウザの自動更新

Guardfileへの追加

ブラウザの準備

対応するブラウザにアドオンなどをいれる

livereload

Chromeに接続ボタンが現れるので、これでGuardとブラウザを接続できる

対象のindex.htmlを開いておいて、試しにcoffeeディレクトリ以下のファイルを更新すると、自動的にブラウザも更新される

-JavaScript
-,

執筆者:

関連記事

no image

Google SpreadsheetにGoogleカレンダーからイベントの一覧を読み込む〜Google Apps Script

リファレンス developers.google.com/apps-script/ カレンダーのリファレンス developers.google.com/apps-script/reference/c

no image

Rails3.2でユーザー管理機能を追加2~Devise+AjaxDataTables

  前回 Rails3.2でユーザー管理機能を追加~Devise 参照 Railsでajaxなテーブルを使う~datatables   いままでAjaxでのデータ更新ができなかった …

no image

Railsで動画ファイルを管理する~CarrierWave Flowplayer

  参考 Ruby on Rails 3.2でファイルアップロード〜CarrierWave & RMagick Rails3で動画配信を試用~flowplayer 環境 Ubuntu …

Ruby+guardでSass+Compass+CoffeeScriptの自動コンパイル環境を整える

    Ubuntu12.04.1でCoffeeScriptの自動makeとブラウザの自動リロード~guard-coffeescript すでにCoffeeScriptを自動Mak …

Rails4でMarkdownをリアルタイムプレビュー〜vue.js&marked.js

By: Matthew Wilkinson – CC BY 2.0 目次1 vue.jsとは2 Hello vue.js3 サンプル準備〜Redcarpet導入など4 vue.jsでリアル …