質問: ### ご挨拶 各位、いつもたいへんお世話になっています。 先日、ようやくRailsTutorialの成果物を皆様のおかげで完成させることができ、その後も拡張機能を実装したりレイアウトを変更したり遊びながら、秋の夜長を楽しんでいる次第です。 そんな中、当アプリに於いてはせっかくBootstrapを利用しているのだからスマホレイアウトも色々いじってみたいと思い立ち、こちらの記事を参考にレスポンシブ・レイアウトを実装し修正して行こうとしたのですが、**ここで一つ問題が発生しました。** ### 問題とは * スマホからでは`localhost:3000`にアクセスできない * その為、herokuに挙げてからでしかスマホではレイアウトを確認できない ### セルフ対応 * いい感じの便利なやつがないかggl it * すると`pow`といういい感じのやつがあるらしいと認知する * さらにgglと時代は`puma-dev`らしいと知る * よし、早速入れてみようと思い立ち、以下の記事群を参考に導入してみる 1. Railsの開発用サーバをPowからPuma-devへ乗り換えた 2. puma & puma-dev にRails開発環境をより良く。pow代替&簡単・安全・安定 3. Switching From Pow To Puma for Rails development ### 躓き a.k.a. 立ちはだかる壁 * 導入までは手順通りに順調に進んだものの、いざ`puma-dev`で起動しURLにアクセスしても空のエラーページに遷移する * エラーメッセージは`No application configured, nothing to run` * URLは`http://tumatter-app.test/` / `http://tumatter-app.test:+ その都度ターミナルに表示されているポート番号` * `tail -f ~/Library/Logs/puma-dev.log`にてログを確認↓↓ ``` ! Detecting app 'tumatter-app' dying on start ! Booting app 'tumatter-app' on socket /Users/nasa/.puma-dev/tumatter/app/tmp/puma-dev-663.sock tumatter-app[4160]: Puma starting in single mode... tumatter-app[4160]: * Version 3.9.1 (ruby 2.3.1-p112), codename: Private Caller tumatter-app[4160]: * Min threads: 0, max threads: 5 tumatter-app[4160]: * Environment: development tumatter-app[4160]: ERROR: No application configured, nothing to run ! Killing 'tumatter-app' (4160) * App 'tumatter-app' shutdown and cleaned up ! Detecting app 'tumatter-app' dying on start ! Booting app 'tumatter-app' on socket /Users/nasa/.puma-dev/tumatter/app/tmp/puma-dev-663.sock tumatter-app[4321]: Puma starting in single mode... tumatter-app[4321]: * Version 3.9.1 (ruby 2.3.1-p112), codename: Private Caller tumatter-app[4321]: * Min threads: 0, max threads: 5 tumatter-app[4321]: * Environment: development tumatter-app[4321]: ERROR: No application configured, nothing to run ! Killing 'tumatter-app' (4321) * App 'tumatter-app' shutdown and cleaned up ! Detecting app 'tumatter-app' dying on start ! Booting app 'tumatter-app' on socket /Users/nasa/.puma-dev/tumatter/app/tmp/puma-dev-663.sock tumatter-app[4452]: Puma starting in single mode... tumatter-app[4452]: * Version 3.9.1 (ruby 2.3.1-p112), codename: Private Caller tumatter-app[4452]: * Min threads: 0, max threads: 5 tumatter-app[4452]: * Environment: development tumatter-app[4452]: ERROR: No application configured, nothing to run ! Killing 'tumatter-app' (4452) * App 'tumatter-app' shutdown and cleaned up ! Detecting app 'tumatter-app' dying on start ``` * DNSサーバーをアップデートしなければならないと#3の参考記事に記載があったので、OS X で DNS キャッシュをリセットするを元にコマンド`sudo killall -HUP mDNSResponder`を実行してみる ### さりとて 以上の処置を実施しましたが、現状変化はありません。 ブラウザではエラーページに遷移し、同一Wi-Fiに接続したスマホのブラウザからアクセスしてもアクセスできない旨が表示されます。 **皆様、何かお気づき、もしくはここが怪しいと思われる箇所等がございましたらご指導ご鞭撻のほどをよろしくお願いします。** ### 自己解決方法 * `link -n`にてシンボリック登録したアプリ名が間違っていたようでPCからは`登録アプリ名.test`にて`puma-dev`を利用した開発サーバーの起動・稼働を確認できました。
回答: 開発環境でスマホ用のレイアウトを確認したい、ということですよね。 Webブラウザの画面サイズをスマホサイズに縮小してチェックする、という方法ではどうでしょうか? サイズ参考リンク もしくはPC自体のIPアドレス宛にスマホからアクセスする、という方法でも可能だと思います。 Qiita RailsアプリがPC(もしくはクラウド)に保存されている時に、 スマホから`localhost:3000`にアクセスしてもPCで起動しているRailsアプリのWebサーバにアクセスすることはできません。 http://localhost/というのは**自分自身の**ローカルサーバにアクセスする、ということなのですから。 スマホで`localhost:3000`にアクセスするのであれば、スマホ自身のローカルサーバにアクセスすることになります。 そしておそらく、nuasKentさんのスマホには対象のRailsアプリが入っていません(Webサーバも起動してないと思います)。 なので`localhost:3000`にアクセスしても目的のRailsアプリにアクセスすることはできないことになります。