소개

Google 크롬 검증 도구에서도 반응형 디자인을 보면서 개발할 수 있지만 스마트 폰의 OS 및 브라우저 환경에서보기가 다를 수 있습니다.

실제로 프로덕션 환경에 업하고 나서 자신의 스마트 폰으로 보면 「어라?」가 될 때가 있습니다.

그럴 때 편리합니다. 그건 그렇고, 쉽습니다.

IP 주소 확인

우선 Mac과 스마트폰을 같은 Wi-Fi에 연결

그런 다음 Mac에서 システム環境設定에서 ネットワーク를 엽니 다.

그러면 아래와 같은 화면이 되므로, 빨간색 프레임 부분의 IPアドレス를 복사합니다.

터미널에서 명령을 치십시오.

응용 프로그램 디렉터리로 이동한 다음 コピーしたIPアドレス를 사용하여 터미널에서 다음 명령을 입력

터미널

bundle exec rails s -b コピーしたIPアドレス

IP 주소가 198.11.22.33인 경우의 예

bundle exec rails s -b 198.11.22.33

다음으로 스마트 폰 브라우저 URL에 다음을 입력합니다.

스마트 폰 브라우저의 URL 입력 화면

http://コピーしたIPアドレス:3000

이상으로 끝납니다

PC의 에디터로 편집해, 스마트폰을 갱신하면 편집 부분이 반영됩니다.

프로덕션 환경에 배포한 애플리케이션의 모바일용 뷰 수정에 유용합니다.