7
9

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.

iOS,Androidのミラーリングツールの使い方

Last updated at Posted at 2018-09-25

現在、モバイルアプリの開発をアジャイルでおこなっているのですが、スプリントレビューの場で使っているミラーリングツールの使い方をご紹介します。

経緯

私の現場では、スプリントレビューでプロダクトオーナーに見せる際に、スクリーンに投影して実施しています。
その際、iOS版のアプリとAndroid版を同時に見せたいケースが出てきたので、良いツールはないかと探していました。

探していたツールの条件

  • 無料で使えること → 達成!
  • iOS、Androidを同時に投影できること → 達成!
  • 一つのツールでまかなえること → 未達成…

準備

  • 使用するiOS端末、Android端末、PCを同一ネットワークに接続しておくこと
  • PCにLonelyScreenをインストールしておくこと(iOS側で必要)
  • Android端末にAirMoreというアプリをインストールしておくこと(Android側で必要)

iOS手順

  1. LonelyScreenを起動
  2. iOS端末側でコントロールセンターを開き、「画面ミラーリング」または「AirPlayミラーリング」をタップ(iOSバージョンによって表記が異なります。)
  3. 選択項目にLonelyScreenが表示されるので、タップ。
    (ここで表示されていない場合、同一ネットワークに接続できていないか、端末側でLonelyScreenをうまく認識できていない可能性があります。)
    LPSpringboard 2018-09-04 12-54-18.png
    IMG_0391.png
    IMG_0392.png

Android手順

  1. Android端末にインストールされたAirMoreを起動
  2. PCのWebブラウザから「web.airmore.com」にアクセス(現時点でhttp通信です)
  3. QRコードが表示されるので、AirMoreアプリ側で表示されている「スキャンして接続する」を選択
  4. QRコードをスキャン
  5. PCのWebブラウザ側のページを確認し、「ミラーリング」ボタンをクリック

Screenshot_20180925-145525.png
AirMore 2018-09-25 15-16-50.png

iOS、Androidの画面を並べる

最終的に、LonelyScreenとWebブラウザの画面サイズをいい感じに調整して、2つを並べて表示して終わりです。

AirMore 2018-09-25 15-21-41.png

7
9
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
7
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?