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
-,

執筆者:

関連記事

Rails3.2でJasmineをつかってCoffeeScriptをテスト~jasminerice

    #261 Testing JavaScript with Jasmine (revised)   addyosmani.github.com/backbone-f

Rails4でつかえるインラインエディタを試してみた〜X-editable-rails

目次1 x-editable2 bootstrapを導入3 x-editable-rails4 サンプルアプリ x-editable 文字をダブルクリックして編集できるやつ x-editable vi …

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

By: Kool Cats Photography over 2 Million Views – CC BY 2.0 目次1 前回2 サンプルアプリ3 Gemfile4 generate5 …

no image

位置情報通知の使いみちアイデアメモ

    ここまでHTML5とGoogle Mapsを使った位置情報通知を試してきたけど、その使いみちについてメモしておきたい 目次1 カレログ的なサービス2 宝探し的なイベント3 …

RailsでHTML5対応のvideoプレイヤーを利用してみる~flowplayer5.0.0

  参考 flowplayer.org/ Flowplayerのサイトからバージョン5.0.0がダウンロードできる flowplayer-gemのバージョンは3.2.4 バージョン5では基本 …