railsのローカル開発中にスマホで確認する方法（Mac限定）（テザリングでもOK）

railsで開発しているときに、
ローカルで変更したものをそのままスマホで参照してレイアウト確認などをする方法です。

ネットのトラフィックは8割方スマホになっているらしいので、
PCの画面を綺麗にするよりも
スマホの画面を綺麗にする方が何倍も効果が高いと思います。

前提

・railsアプリを作っていて、もう動いている。
・スマホと開発PCが同じLAN上にある

必要なものインストール

ターミナル

curl get.pow.cx | sh

ターミナル

gem install powder

URL取得

ターミナル

powder link
Your application is now available at http://narou-osusume.test/

ここで取得した以下のURLを少し変えるとスマホ参照可能になります。
http://narou-osusume.test/

IP取得

（※inetという記述が幾つかあるかもしれないです。試して繋がる奴を探してください）

ターミナル

ifconfig

~~~省略~~~
inet 192.168.12.3
~~~省略~~~

スマホ参照URL

先ほど取得したURLを以下のように変える
http://narou-osusume.test/
↓
http://narou-osusume.192.168.12.3.xip.io/

このURLにスマホでアクセスすると、
ローカル環境へスマホでアクセスできます。

追記

テザリングでもいけた！！

参考