1
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

ローカル環境にiphone等(他のタブレット) からアクセスする

Posted at

ローカル環境にiphone からアクセスする方法には色々あり、どれも簡単な内容だったが
同じ方法ではアクセスできなかったので私が接続できた方法をメモ。

なぜその必要があるか?

google chromeの開発ツールでもレスポンシブの確認ができるが、
iphoneのwebブラウザの下に出てくるツールバーの関係で若干レイアウトが崩れる。
毎回、都度デプロイして確認していたが時間がかかりすぎるので、
iphoneを見ながら調整を行いたい際は下記で繋げて確認した方が時間は大幅に短縮できる。

1.始めに例えば同一のwifiにPCとiphoneを繋げていた場合、下記のmacの設定>ネットワークから接続済みの下に書かれているIPアドレスを確認。

スクリーンショット 2019-05-15 10.14.06.png

2. ターミナルで下記のコマンドを打つ

$ bundle exec rails s -b 192.168.0.17
(IPアドレスはそれぞれ違うので、自身のPCで確認ください)

注意:これをおこなったらhttp://localhost:3000では繋がらないので、
http://192.168.0.17:3000での接続になる。

3. iphone(他のタブレットも同様)から接続

http://192.168.0.17:3000と打ち込めばOK.

以上。

1
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?