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でReactコンポーネントをつかう

By: justine warrington – CC BY 2.0 目次1 React on rails2 インストール3 react on railsで生成されるファイル4 mater …

Railsでajaxなテーブルを使う~datatables

    github.com/rweng/jquery-datatables-rails 目次1 Gemfile2 application.js3 application.css4 …

SASS/SCSS+COMPASS+zurui-sass-railsで角丸・グラデ・半透明・テキストシャドウ・ボックスシャドウ

By: Ole Houen – CC BY 2.0 sass-lang.com/ Sassの基礎 (全15回) ドットインストール ネストを覚えた人のためのSassの便利な使い方 comp …

rails gに-pオプションがあったので色々試してみた

  By: Shardayyy – CC BY 2.0 -p[–pretend]なんてオプションあったんですね このオプションをつけると色々表示されるけど、実際には何 …

Rails3.2とBackbone.jsでサーバーサイドのフィルタリング

By: Haldane Martin – CC BY 2.0   テーブルに表示されているデータをサーチバーに入力した語で絞り込みたい こういうテーブルフィルタリングを実現する仕 …