今月からJoinしましたerimonと申します。

私は2年ほどSES会社に所属し

JavaScript, React, PHP, Laravelなどを経験してきました。

今契約させていただいている企業様でいろいろなフレームワークを使用しているので

さらにいろいろなものを経験している最中です・・・！

また、今インフラに興味があり、近々AWSの認定資格を受験する予定です。

さて。

今までフロントエンド時代もモバイルでの実機確認の機会が少なかったのですが

最近はスマホベースでの実装が多く、たびたびiPadやスマホで確認する必要が出てきました。

そこで、こんなことが出来るんだ！という今まで知らなかった発見がありましたので

今回はそれを記事にします。

その発見は、タイトルに書いてあるとおり

「ローカルをスマホ実機で確認する方法」です。

これは同じwifi環境であれば簡単に実現出来る方法です。

1. PCのIPアドレスを確認する（Mac: システム環境設定→ネットワーク）
2. localhostをPCで表示
3. モバイル端末に「IPアドレス：ポート番号」と入れてアクセス

これだけで確認ができちゃいます！

簡単すぎて、ちょっと信じられないです・・・・！

私の周りでも意外と知らなかった！という意見が多かったので記事にしました。

今はリモートでの仕事が増えているので、検証端末が使えないことが多いですが

かといっていちいちサーバーにあげるのも大変ですよね。

そんなときに簡単に確認できる方法でした。

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

erimon

最新記事 by erimon (全て見る)

• ローカルをスマホ実機で確認する方法 - 2020年5月29日