😀

Vysorを導入してスマホ画面の共有ができるようになったらスプリントレビューが捗るにようになった話

2024/04/05に公開

こんにちは、加藤(@tomo_k09)です。
PharmaXではバックエンド・フロントエンド開発やスクラムマスターなどをやっています。

今回はスプリントレビューにVysorというスマホ画面をミラーリングするためのツールを導入したら、スプリントレビューをより円滑に行えるようになったので、そのレポートをシェアできればと思います。

Vysorを導入することになった背景

PharmaXでは、スマートフォンで薬剤師からお薬の説明を受けられ、ご自宅や職場までお薬を配送するというサービスを提供しています。

このようなサービスの特性上、開発される機能はスマホから使われるケースがとても多いです。そのためスプリントレビューでは、PCの画面共有をして開発した機能のレビューを受けるのではなく、各メンバーのスマホで実際にいじってレビューを受けるという方法をとっていました。

しかしこれだといくつか問題がありました。例えば、全員が同じ画面を見ているわけではないので、

といった問題です。

こういった問題が起こったことから、「スマホの画面を共有しつつスプリントレビューしたいよね」という話になり、今回Vysorを導入しました。

私はMacを使っているので、Macでのダウンロードを方法を説明します。まずはこちらのページでVysorをダウンロードしてください。

次にダウンロードしたVysorをApplicationsディレクトリに入れてください。

ダウンロードしたVysorをダブルクリックしてください。

以下のような画面が表示されていたら、ダウンロード成功です。

AndoridとiPhoneで設定方法が異なります。

Androidの場合は、まず開発者向けオプションを有効にする必要があります。開発者向けオプションを有効にすると、USBデバッグという項目が表示されるので、それをオンにしてください。

この状態でPCとデバイスを接続し再生ボタンを押すと、PC画面にスマホ画面を表示できるようになります。

開発者向けオプションを有効にする方法については、以下のリンクが分かりやすいのでご参照ください。

以下のように表示されていたら、ミラーリング成功です。

私はAndroidユーザーなので、iPhoneでVysorを使ったことはないのですが、以下の記事によると、PCとiPhoneをつなげるとコンピュータを信頼するかのポップアップが表示されるので、『信頼する』を選択すると表示できるそうです。

結論からいうと、とてもおすすめです。

参加メンバーが同じ画面を見ながら開発した機能のレビューをできるようになったことで、以下の課題を解消することができました。

あとPCからスマホを操作できるのも、レビューを受ける側からすると使い勝手が良かったです。

そして無料なのも、とても助かります。

画質は少し荒いですが、Vysorは無料で使えるのでとてもおすすめです。スプリントレビューなどで、「スマホの画面をみんなに共有したい！」という時などにぜひ使ってみてください。

PharmaXエンジニアチームのテックブログです。エンジニアメンバーが、PharmaXの事業を通じて得た技術的な知見や、チームマネジメントについての知見を共有します。 PharmaXエンジニアチームやメンバーの雰囲気が分かるような記事は、note（note.com/pharmax）もご覧ください。