Livereload

Webサイトのファイルの変更を検知して、ブラウザーをリロードしてくれる。

Firefox、chrome、safari で利用出来る。

Webアプリケーションの開発時にソースの変更を自動的に反映できるのでとても重宝する。

Mac OS での利用

macだとrubyのguardを利用する。

> sudo gem install guard, guard-livereload

変更を監視したいディレクトリで次のコマンドを最初に１度実行してGuardfileを作る必要がある。

> guard init livereload

ちなみにGuardfile には監視対象ファイルの定義が記述されている。 デフォルトではGuardfileを作ったディレクトリ以下のディレクトリにあるファイルが監視される。

Firefoxでの設定

Firefoxでは拡張をインストールした後、Livereloadを有効にすると次のエラーが出る。

LiveReload failed to establish connection: WebSocket is disabled.
To turn it on, open about:config and set network.websocket.override-security-block to true

about:configをひらいて、network.websocket.override-security-block をture に設定する必要がある。