WindowsPCでAndroid端末のレイアウトを確認

はじめに

Android端末が手元にない状態でAndroid端末でWebアプリケーションのレイアウトの確認を行わなければならない場合のメモがてらにこちらの記事を書かせていただきました。

手順

1. Androidエミュレータをダウンロード

エミュレータとは?

PC上に仮想のAndroidデバイス環境を作成するソフト

私はBulueStacksを使用いたしました。
こちらからダウンロードを行えます。

2. Chromeをインストール

検索バーを用いて"Goole Play"より"Chrome"をインストール

3. デバイスをスマホに設定

1. 起動した"BlueStacks App Player"のウィンドウの右下の歯車アイコンを押下し設定画面を開く
2. 左サイドバーから"ディスプレイ"を押下
3. "画面解像度"の欄を下記の画像のように設定し、"変更を保存"を押下(及びBlueStacks App Playerを再起動)
   

4. 完了

スマホのレイアウトを確認できます！

参考

こちらのサイトを参考にさせていただきました！
https://letsview.com/jp/android-emulators-for-pc.html

余談

• 他のエミュレータやMacPCでも作業ができないか確認できたら良いなと感じました
• 私はデフォルトの端末情報(Samsung Calaxy S20+)のまま使用いたしましたが、ドロップダウンメニュー内には他にも選択可能でした