Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

Windowsやリモート環境でMiddlemanのLiveReloadをする

More than 5 years have passed since last update.

最近Middlemanを使おうと四苦八苦しています。日本語化されたマニュアルが神。

[ Middleman で超速プロトタイピング ] #02 Middleman の便利機能 7 選 | Developers.IO

このページに、LiveReloadはMacのみ?って書いてあったので絶望的な気分だったのだけれど、ちゃんと設定すれば動きました。

公式サイトの説明には、「config.rbにこの一行を追記しろ」と書いてあるのだけれど、これが駄目っぽい。

config.rb
activate :livereload

livereloadをonにすると、必要なJavaScript類が読み込まれるのですが、よくよく見ると「host」なるパラメータがついています。これが0.0.0.0になっていて、LiveReloadの接続先がよくわからなくなっていたみたいです。

<script type="text/javascript" src="/__rack/livereload.js?host=0.0.0.0&amp;port=35729"></script>

リモートのLinux環境でMiddlemanを動かしている場合もLiveReloadが動かなかったりするのですが、同じ理由っぽいです。なので接続先をちゃんと教えてあげれば動作するはず。

config.rb
activate :livereload, :host => `hostname`.chomp

これでいい感じに動きました。
ちなみにブラウザにエクステンションをインストールする必要はないみたいです。

参考

Hiraku
PHP, Go界隈をうろうろしています。最近はgRPCと戦ってる。 特に明示していなければ、記事中のソースコード片は `CC-0 1.0` とします。出典表示無しで自由にコピペして頂いて構いません。 ただ、記事自体をコピペされるのは嫌なので、ソースコード部分以外の文章は通常通り全ての著作権を私が保持するものとします。 引用を超える範囲のコピペは止めて下さい。
http://blog.tojiru.net/
mercari
フリマアプリ「メルカリ」を、グローバルで開発しています。
https://tech.mercari.com/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away