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

執筆者:

関連記事

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

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

Underscore.jsのリファレンスなどのリンクメモ

By: Anne-Lise Heinrichs – CC BY 2.0 Underscore.jsは便利な関数ライブラリ. Backbone.jsが依存している.一部でアンスコと呼ばれてい …

no image

Rails3で動画配信を試用~flowplayer

  最近はYoutubeなど動画配信サイトも充実してきていて知人向けのプライベートな配信も可能なようだ しかし、やっぱりYoutubeにアップするのは抵抗があったり、LAN内だけで配信したい …

Rails4でのJavaScriptのユニットテスト~jasminerice&guard-jasmine

By: sk_vel – CC BY 2.0 Rails3.2でJasmineをつかってCoffeeScriptをテスト~jasminerice 目次1 環境2 Gemfile3 gene …

no image

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

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