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

執筆者:

関連記事

ActiveRecord使い方まとめ

By: North Carolina National Guard – CC BY 2.0 ActiveRecord入門|ドットインストールをみて個人的まとめ ActiveRecord4の …

Rails3.2でよくあるデータ構造を追加してくれる系のGemのメモ〜タグ付け、評価システム、バージョン、論理削除、木構造とか

By: Jeff Dlouhy – CC BY 2.0 よくある構造というかよくあるスキーマを追加してくれるModelに一言書いておくだけで便利なGemをメモ(未検証)   目次 …

MacにHomebrewでPostgreSQL9.3をインストールしてgem pgをインストール

By: Gheysen86 – CC BY 2.0 OS X Mavericks 10.9.1

  [crayo …

Rails3でテストカバレッジを計測する~simplecov,thin

    rspecなどのテストでテストがどの程度カバーしているのかを簡単に計測するsinplecovというgemをいれた 目次1 Gemfile & bundle2 spe …

Rails3.2のアプリにユーザー機能を追加する~Devise

By: Ethan Lofton – CC BY 2.0 目次1 はじめに2 インストール3 次にやること4 メッセージを日本語化する5 デバイスモデルにカラムを追加6 サインアップできな …