Railsで使えるGem RubyOnRailsの開発環境

Ubuntu ServerのGuardからネットワーク経由でWindowsのブラウザをリロードする~guard-livereload

投稿日:

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

 

Ubuntu ServerのGuardからGrowl for Windowsにネットワーク経由で通知する

 

Growlができたら後はlivereloadさえできればなぁと思って、Wikiをよく見てみたらLiveReloadもネットワーク経由でできるじゃあないですか。

github.com/guard/guard-livereload

gemインストール

RailsならGemfileに登録してbundle

Guardfile

確認

登録

設定

アドレスはUbuntu ServerのIPアドレス

livereloadアドオン

FirefoxのアドオンとChromeの拡張機能と両方あるけど、なぜかChromeの拡張機能は「確認しています」というメッセージが出たまま固まってしまった

アドオンをインストール

2013-01-08_18h01_30

設定

2013-01-08_18h01_20

HostにはUbuntu ServerのIPアドレスを入力

about:config

LiveReloadが超気持ちいい2011

 

このページのとおり2つの値を設定する

  • network.websocket.enabled true
  • network.websocket.override-security-block true

17.0.1では上の方はもとからtrueだった.下の方は値がなかったので新規作成した

接続アイコン

LRとかわかりにくいよ Knocking on your doorかと思ったよ!

アドレスバーの右辺りで右クリックして「カスタマイズ」を選ぶとダイアログが出る

2013-01-08_18h07_16

のでLRというアイコンを適当なところにドラッグする

 

2013-01-08_18h28_58

試す

guardを起動して監視対象のページをブラウザで開く

そして、LRアイコンをクリックして緑色になれば接続完了!

2013-01-08_18h32_00

監視対象のファイルを更新すればブラウザが自動で更新される

 

-Railsで使えるGem, RubyOnRailsの開発環境
-

執筆者:

関連記事

no image

Rails3のTest:Unitでベンチマーク

参考 Performance Testing Rails Applications — How To? 目次1 Gemfile2 サンプル作成3 実行 Gemfile デフォルトのテストはTest:u …

no image

Rails3.2.8で自動テスト環境を整える〜cucumber+spork+guard

環境 ruby 1.9.3 & rails 3.2.8 参考 cucumber + spork + guard + factory_girl あってもよいが[crayon-5d2ce1deb4 …

CarrierWaveで添付したファイルをrroongaで全文検索

By: Alan Levine – CC BY 2.0 目次1 Carrierwave2 rroonga3 Gemfile4 application.rb5 config/initiali …

RailsでECサイト構築6 固定ページを作る~spree

  ECサイトを作成するときには日本の法律にしたがって色々と表示しなければならない 表示しなければならないことについては次のページが詳しかった 本サイトについて 実際のECサイトをみれば実例 …

Railsでチェックボックスで複数選択するとき〜check_box_tag

By: Luca Masters – CC BY 2.0 目次1 問題2 アンサー3 情報 問題 チェックボックスで複数選択可のフォームでうまくparamsにはいらない 例1 [crayo …