共用のスマホを使ったテストについての工夫をご紹介するの

組織で購入したスマホの初期設定と、ちょっとした効率化の技をお伝えします。

Transcript

1. 共用のスマホを使ったテスト についての工夫をご紹介するの 株式会社ユーザベース ソーシャル経済メディア「NewsPicks」 QAエンジニア 西薗 和希
2. ©NewsPicks Inc. All Rights Reserved. 話すこと ニューズピックスでQAエンジニアをしている西薗が 会社で買ったスマホをテスト用にあれこれ設定するうえで 工夫したことなどをお話しします。 規模感として、端末100台はないです。それを超えるともう少し、 ちゃんとツールを入れるとかしないとキツイかなと思います。
3. ©NewsPicks Inc. All Rights Reserved. 西薗 和希 (X: @yurizono) NewsPicks QAエンジニア STUDY： 大阪府立高専→近大→奈良先端大 WORK： 野村総合研究所 (6年半) → 開発、PjM、QA SHIFT ASIA ＠ベトナム (2年) → QA 無職で子育て ＠鹿児島 (1年) → 専業主夫 UZABASE - NewsPicks (2年半) → 一人目QA
4. ©NewsPicks Inc. All Rights Reserved. NewsPicksでの共用スマホの運用
5. ©NewsPicks Inc. All Rights Reserved. 組織の予算でスマホを購入。 メンバーに貸し出しを行なっています。 とある日の在庫の一部。 iPhone15シリーズもまだ 残ってました。
6. ©NewsPicks Inc. All Rights Reserved. 端末を買ったらQAメンバーで初期設定 QA
7. ©NewsPicks Inc. All Rights Reserved. 初期設定でしていること
8. ©NewsPicks Inc. All Rights Reserved. • Apple ID や Google Account は、会社で用意したものを使うので、 端末へのログインを済ませておく（ログイン時に管理者の電話番号で SMS認証が必要）。 • 端末名に、管理番号を入れておく。 (#193) iPhone 14 Pro Max - White 等 • 端末から写真などがクラウドにアップロードされないようにする。 • 端末デフォルトのパスワード管理機能をOFFにする。 ◦ 共用アカウントで個人のFacebookのパスワードを共有したり……という事故がまま 起こるので、塞いでおく。パスワード管理にはそれ用のアプリを使ってもらう。
9. ©NewsPicks Inc. All Rights Reserved. 初期設定時に入れているツール
10. ©NewsPicks Inc. All Rights Reserved. • NewsPicks • DeployGate（テストアプリの取得用） • Slack（ファイルのやり取りなど） • AnyConnect（VPN接続） • X / Facebook / LinkedIn（SNS連携機能のテスト用） • Vysor（スマホ画面をMacに写す） • Chrome • Bitwarden
11. ©NewsPicks Inc. All Rights Reserved. • NewsPicks • DeployGate（テストアプリの取得用） • Slack（ファイルのやり取りなど） • AnyConnect（VPN接続） • X / Facebook / LinkedIn（SNS連携機能のテスト用） • Vysor（スマホ画面をMacに写す） • Chrome • Bitwarden
12. ©NewsPicks Inc. All Rights Reserved. • アプリログインを簡単に するために使う。 • テスト用ユーザーのログ イン情報はCSVファイル で配布し、各自でイン ポート。
13. ©NewsPicks Inc. All Rights Reserved. パスワード管理ツール使うくらい 当たり前なのでは……？
14. ©NewsPicks Inc. All Rights Reserved. 設計など 開発 テスト 開発者 QA バグ管理など ツール開発 テスト
15. ©NewsPicks Inc. All Rights Reserved. 我々にとっては当たり前でも すべての開発者にとって当たり前とは限りません (稀にしか発生しないタスクを効率化しようとは思いませんよね) ので、ちゃんと伝えていきましょう。
16. ©NewsPicks Inc. All Rights Reserved. 端末とはちょっと違いますが、効率化のために 開発メンバーにお伝えしている技
17. ©NewsPicks Inc. All Rights Reserved. 実機でのプロキシ設定って面倒じゃないです？
18. ©NewsPicks Inc. All Rights Reserved. アプリの通信を確認したいとき 1. MacOSでProxymanを起動する 2. スマホをMacOSと同じWiFiに繋ぐ 3. スマホのWiFiに手動プロキシを設定する（MacOSへ向ける） 4. スマホでアプリを操作する 5. MacOSのProxymanで通信内容を確認する 確認が終わったら 1. MacOSのProxymanを終了する 2. スマホのWiFiの手動プロキシ設定を解除する （設定を戻さないと、通信ができなくなる）
19. ©NewsPicks Inc. All Rights Reserved. 階層が深い上に、 IPとポート番号を 手打ちするのは嫌
20. ©NewsPicks Inc. All Rights Reserved. 面倒なので、こうします。
21. ©NewsPicks Inc. All Rights Reserved. フリー素材 | BEZYBOX! - https://www.bezybox.net/ SSID A SSID B プロキシ設定：なし 自動接続：ON プロキシ設定： サーバ - 192.168.0.137 ポート - 9090 自動接続：OFF 192.168.0.137 API通信を確認したい場 合はSSID Aに繋ぐ。 普段はSSID Bを使う。 WiFiを繋ぎ変えるだけで プロキシ設定ができる。 （SSID Aの設定は事前に 終わらせておく。更新の必 要はない）
22. ©NewsPicks Inc. All Rights Reserved. 先ほどと違って 接続先WiFiを 切り替えるだけ！
23. ©NewsPicks Inc. All Rights Reserved. 開発組織で一番テストをしているのがあなたなら、 テストを最も効率的に実施できるのもあなた。 効率化の技は積極的に展開しましょう！ 素材： いらすとや https://www.irasutoya.com/
24. ©NewsPicks Inc. All Rights Reserved. sns • @yurizono blog posts • 一人目QAとして働く、という選択 • テストカバレッジはテストの家計簿だよねって話 • QAエンジニアが「開発者になる」と自動テスト運用は上手くいく • Chrome for Testing で自動テストを手元で簡単に動かせるようにした 素材： いらすとや https://www.irasutoya.com/