BlankSlate

いや、そういう声もあるというだけです

Guardを用いたブラウザのライブリロード

ひげ向け

ファイルが更新される度に、ブラウザをリロードしてくれます

準備編

  1. Rubyとbundlerをインストールします

    bash $ # お好きなパッケージ管理ツールでRubyをインストール $ gem install bundler

  2. Gemfileを用意します

    ```ruby source ‘https://rubygems.org’

    group :development do gem ‘guard’ gem ‘guard-shell’ gem ‘guard-livereload’ end ```

  3. gemをインストールします

    bash $ bundle install --path vendor/bundle

  4. Guardがインストールされたか確認します

    bash $ bundle exec guard -v Guard version 2.13.0

Guard設定編

  1. Guardfileを用意します

    ruby guard :livereload do watch(%r{.*}) end

  2. Chrome拡張をインストールします

実行編

実行します

$ bundle exec guard start

備考

ローカルのファイルを普通にfile://〜で開いてると、<head>で読み込んでいる他のアセットファイル等が読み込めない問題が発生する。

Chromeを起動オプション付きで起動させる1か、ローカルでサーバを立ち上げるとよい。

Rubyでローカルサーバ立ち上げ

$ ruby -r webrick -e 'WEBrick::HTTPServer.new(:DocumentRoot => "./", :Port => 8000).start'
History