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の開発環境
-

執筆者:

関連記事

RailsでECサイト構築~spree

  *インストール方法を書き換えました.前の方法だとアドミンユーザーが登録されませんでした. 今回はインストール+日本語化だけ 目次1 インストール2 日本語化 インストール gem [cr …

Rails3.2でコードのお作法を指摘してもらう~Rails Best Practices

コードのお作法を自動でチェックしてくれるrails_best_practiceを導入した

あとは、Railsのルートで[crayon- …

no image

Rails3.2でajaxなフォルダツリーを導入する3~dynatree-rails & jQuery UI dialog

  前回 Rails3.2でajaxなフォルダツリーを導入する~dynatree-rails Rails3.2でajaxなフォルダツリーを導入する2~dynatree-rails &nbsp …

no image

Rails3.2でユーザー権限を細かく設定~Devise + cancan

      参考 cancan でモテカワ♥愛され権限管理 How To: Integrate with CanCan for roles management &nbs …

RVMが大変そうなので寄付した

クリスマスだしね 🙂 rvm.io/ www.bountysource.com/fundraisers/489-rvm-2-0 $10以上で名前が乗るよ $15以上でステッカーもらえるよ