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

執筆者:

関連記事

Rails3.2.8でテーブル並び替えのテストを作る~cucumberと正規表現

前提 Railsのテーブル並び替えを実装する Rails3.2.8で自動テスト環境を整える〜cucumber+spork+guard 目次1 作戦(ストラテジー)2 have_contentの正規表現 …

WindowsのRubyでxlsxファイルを生成する~axlsx

By: Roman Boed – CC BY 2.0 目次1 axlsxのインストール2 hello axlsx3 サンプル4 参考 axlsxのインストール コマンドラインからインストー …

Rails4でフォーム要素を動的に追加したり削除したり〜nested_form

目次1 参考2 前提の環境3 Gemfile4 View5 Controller6 できた7 パーシャル化8 フォームを追加する場所を指定する9 一対一の場合10 そのほか11 番外編: 1つのモデル …

Railsでdocxをフォーマット指定でダウンロードできるようにする

タイトルだけだと何のことだかわからない railsでdocuments/2とかをGETメソッドで呼び出すとdocumentsコントローラーのshowメソッドを呼び出すようになってるんだけど、docum …

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

  目次1 jQuery ajax送信側2 app/views/folders/show.js.coffee3  で、コントローラーを設定4 今までのは置いといてJsonでやり取りするアプロ …