辰濱健一_グローバル展開のための改善/Just do not English translation! Improvement for global expansion of Eight

■イベント
Sansan Builders Box 2018
https://jp.corp-sansan.com/sbb2018/

■登壇概要
タイトル：英訳だけじゃダメ！Eightグローバル展開のための改善
登壇者：Eight事業部 Global team スマートフォンアプリエンジニア 辰濱 健一

▼Sansan Builders Box
https://buildersbox.corp-sansan.com/

Transcript

1. 英訳だけじゃダメ！
   Eight のグローバル展開のための改善
   

   View Slide

2. Sansan Builders Box
   - 0. About me
   - 1. Eight のインド展開
   - 2. インドのインターネット事情
   - 3. 低速インターネット環境での問題と対応
   Agenda
   

   View Slide

3. ୢᖛ ݈Ұ（Kenichi Tatsuhama）
   ೥ ݄ ࡾॏେֶڭҭֶ෦৘ใॲཧίʔε ଔۀ
   ೥ ݄ δϟετγεςϜ ೖࣾʢಙౡຊࣾʣ
   Java, C++ 等でのパッケージソフトの開発
   パフォーマンスチューニング等を経験
   ೥ ݄ .FUB.P+J ΁స৬ʢಙౡࢢʣ
   iOS / Android / Windows タブレット＆スマートフォン向け
   アプリのネイティブ開発を経験
   ೥ ݄ 4BOTBOגࣜձࣾ΁స৬ʢਆࢁϥϘۈ຿ʣ
   法⼈向け Sansan / 個⼈向け Eight Android アプリ開発を担当
   現在は Eight の Global 展開のための開発を担当
   Eight 事業部 Global Team スマートフォンアプリエンジニア
   

   View Slide

4. Sansan 株式会社 神⼭ラボ
   

   View Slide

5. 徳島県神⼭町
   

   View Slide

6. 英訳だけじゃダメ！
   Eight のグローバル展開のための改善
   

   View Slide

7. 1. Eight のインド展開
   

   View Slide

8. Sansan Builders Box
   2017/11 インド市場に展開
   1. Eight のインド展開
   https://jp.corp-sansan.com/news/2017/171122_8932.html https://jp.techcrunch.com/2017/11/22/sansan-eight-india/
   

   View Slide

9. Sansan Builders Box
   1. Eight のインド展開
   ⽇本でそれなりに動いているので
   英訳をあてたら⼤丈夫！
   と思ってました。。。
   

   View Slide

10. Sansan Builders Box
    1. Eight のインド展開
    相次ぐ不具合報告…
    （しかも、⽇本では全く再現しない）
    

    View Slide

11. Sansan Builders Box
    - アプリのダウンロードが完了しない
    - なかなか画⾯が切り替わらない
    - 名刺送信が終わらない
    - 通信エラーの表⽰が多発
    1. Eight のインド展開
    

    View Slide

12. Sansan Builders Box
    - Connecting… の表⽰がずっと消えない
    - アプリを最⼩化するとクラッシュ
    などなど・・・
    1. Eight のインド展開
    

    View Slide

13. Sansan Builders Box
    1. Eight のインド展開
    英訳をあてただけなのに
    なぜ・・・？
    

    View Slide

14. Sansan Builders Box
    1. Eight のインド展開
    これらの問題の
    調査＆解決のために・・・
    

    View Slide

15. Sansan Builders Box
    1. Eight のインド展開
    

    View Slide

16. Sansan Builders Box
    1. Eight のインド展開
    

    View Slide

17. Sansan Builders Box
    1. Eight のインド展開
    • 町中のスマホショップ街
    （1Fだけ異空間）
    • メーカー
    • Oppo
    • Vivo
    • Samsung
    • Android のシェアが9割！
    

    View Slide

18. 2. インドのインターネット事情
    

    View Slide

19. Sansan Builders Box
    - 3GB/DAY で約 500 円 /⽉（ 1.6 JPY / Rs）
    2. インドのインターネット事情
    https://www.jio.com/
    

    View Slide

20. Sansan Builders Box
    ⽉額240円で
    ・ 42GB データ
    ・電話かけ放題
    2. インドのインターネット事情
    https://iphone-mania.jp/news-222377/
    

    View Slide

21. Sansan Builders Box
    Google もかなりインドの
    インターネット普及に
    ⼒を⼊れている
    （PWA も新興国がターゲット）
    2. インドのインターネット事情
    https://www.blog.google/technology/next-
    billion-users/google-for-india-2018/
    

    View Slide

22. Sansan Builders Box
    2. インドのインターネット事情
    インターネット⼈⼝急増中！
    しかし…
    

    View Slide

23. Sansan Builders Box
    2. インドのインターネット事情
    インターネット⼈⼝急増中！
    しかし…
    

    View Slide

24. Sansan Builders Box
    2. インドのインターネット事情
    https://www.sankeibiz.jp/macro/print/180406/mcb1804060500007-c.htm
    

    View Slide

25. Sansan Builders Box
    2. インドのインターネット事情
    https://www.sankeibiz.jp/macro/print/180406/mcb1804060500007-c.htm
    

    View Slide

26. Sansan Builders Box
    2. インドのインターネット事情
    https://opensignal.com/networks/%E0%A4%AD%E0%A4%BE%E0%A4%B0%E0%A4%A4/jio-
    %E0%A4%B5%E0%A5%8D%E0%A4%AF%E0%A4%BE%E0%A4%AA%E0%A5%8D%E0%A4%A4%E0%A4%BF
    • カバー範囲数100mの弱い
    アンテナを数⽴ている
    • 町中でも電波にムラがある
    • 細い回線を⼤勢で取り合い
    • 通信の瞬断も多い
    • 移動中は通信が安定しない
    

    View Slide

27. Sansan Builders Box
    2. インドのインターネット事情
    • 100 MB もあれば、
    20% ユーザが離脱
    • 通信単価が⾼かった頃は
    「無料アプリでも100MB
    もあれば実質有料だ」
    と⾔われていた
    https://youtu.be/AdfKNgyT438?t=149
    ༰ྔͷେ͖͍ΞϓϦ͸ DL ࣌ͷ཭୤͕େ͖͍
    

    View Slide

28. Sansan Builders Box
    2. インドのインターネット事情
    • 100 MB もあれば、
    20% ユーザが離脱
    • 通信単価が⾼かった頃は
    「無料アプリでも100MB
    もあれば実質有料だ」
    と⾔われていた
    https://youtu.be/AdfKNgyT438?t=149
    ༰ྔͷେ͖͍ΞϓϦ͸ DL ࣌ͷ཭୤͕େ͖͍
    

    View Slide

29. Sansan Builders Box
    2. インドのインターネット事情
    「サーバにリクエストしたら、
    レスポンスが返ってくる」
    とは限らない！！
    その考慮が必要なのです・・・
    

    View Slide

30. Sansan Builders Box
    2. インドのインターネット事情
    「サーバにリクエストしたら、
    レスポンスが返ってくる」
    とは限らない！！
    その考慮が必要なのです・・・
    

    View Slide

31. Sansan Builders Box
    2. インドのインターネット事情
    「サーバにリクエストしたら、
    レスポンスが返ってくる」
    とは限らない！！
    その考慮が必要なのです・・・
    

    View Slide

32. Sansan Builders Box
    2. インドのインターネット事情
    なお、そんな環境でも
    ちゃんと動いているアプリは
    たくさんありました。
    

    View Slide

33. 3. 低速インターネット環境での
    問題と対応
    

    View Slide

34. Sansan Builders Box
    - 1. アプリのダウンロードが完了しない
    - 2. なかなか画⾯が切り替わらない
    - 3. 画像の送受信に時間が掛かっている
    - 4. 分析ツール
    3. 低速インターネット環境での問題と対応
    

    View Slide

35. Sansan Builders Box
    - 1. アプリのダウンロードが完了しない
    - 2. なかなか画⾯が切り替わらない
    - 3. 画像の送受信に時間が掛かっている
    - 4. 分析ツール
    3. 低速インターネット環境での問題と対応
    

    View Slide

36. Sansan Builders Box
    3.1. アプリのダウンロードが完了しない
    - ݪҼ
    - 通信が遅い（←現地のインターネット環境の問題）
    - アプリのバイナリサイズが⼤きい
    - ରԠ
    - アプリのバイナリサイズの削減
    > 海外⽤にバイナリを分けて機能整理（Android）
    > 画像の圧縮
    > バイナリ配信時の最適化
    ˏΠϯυ
    

    View Slide

37. Sansan Builders Box
    3.1. アプリのダウンロードが完了しない
    - アプリのバイナリサイズの削減
    > 海外⽤にバイナリを分けて機能整理（Android）
    • ւ֎൛Ͱ࢖ΘΕͳ͍ػೳͷίʔυ౳ΛؚΊͳ͍Α͏ʹ͢Δ
    • Apk Analyzer で分析＆対応効果を確認する
    • ⼿っ取り早くは Build Flavor、まじめにやれば module 分割
    • 海外版に⽇本語リソース（画像・⽂⾔）を含めない
    

    View Slide

38. Sansan Builders Box
    3.1. アプリのダウンロードが完了しない
    - アプリのバイナリサイズの削減
    > 海外⽤にバイナリを分けて機能整理（Android）
    Build > Analyze Apk… ϘτϧωοΫՕॴͷಛఆ
    ւ֎൛Ͱ࢖Θͳ͍ػೳͱͦͷը૾Λ
    ւ֎൛όΠφϦʹؚΊͳ͍Α͏ʹ͍ͨ͠ʂ
    

    View Slide

39. Sansan Builders Box
    3.1. アプリのダウンロードが完了しない
    - アプリのバイナリサイズの削減
    > 海外⽤にバイナリを分けて機能整理（Android）
    Build Flavor ʹΑΔ෼ׂ module ʹΑΔ෼ׂ
    海外版で不要な実装やリ
    ソースはここに配置
    ࡟ݮͷޮՌଌఆ΋Apk Analyzer Ͱ֬ೝՄೳ
    

    View Slide

40. Sansan Builders Box
    3.1. アプリのダウンロードが完了しない
    - アプリのバイナリサイズの削減
    > 海外⽤にバイナリを分けて機能整理（Android）
    resConfigs ͰରԠ͢ΔݴޠΛ໌هͯ͠ɺෆཁͳϦιʔεΛؚΊͳ͍
    build.gradle
    

    View Slide

41. Sansan Builders Box
    3.1. アプリのダウンロードが完了しない
    - アプリのバイナリサイズの削減
    > 画像の圧縮
    • jpeg / png ը૾Λ࠷దԽ͢Δ
    • TinyPNG 等を使って最適化
    • https://tinypng.com/
    • WebP ը૾ʹม׵͢Δ
    • Android Studio が変換ツールを提供
    • Android5 で⼀部 WebP が適切に表⽰できない問
    題があるので要注意
    ը૾1ຕ͋ͨΓɺ਺े%ͷαΠζ࡟ݮ
    

    View Slide

42. Sansan Builders Box
    3.1. アプリのダウンロードが完了しない
    - アプリのバイナリサイズの削減
    > バイナリ配信時の最適化
    • App Bundle ܗࣜʹରԠ͢Δ
    • Google I/O 2018 で発表された形式
    • その端末に必要なリソースのみ配信される仕組み
    • 例）xxxhdpi の端末なら、hdpi 等の画像が配信されない
    • iOS だと App Thinning で同様のことが可能
    

    View Slide

43. Sansan Builders Box
    3.1. アプリのダウンロードが完了しない
    - ରԠޮՌʢAndroid ΞϓϦʣ
    - アプリのバイナリサイズの削減
    > 海外⽤にバイナリを分けて機能整理（Android）
    > 画像の圧縮
    > バイナリ配信時の最適化
    60MB → 20MBʢ66%ݮʣ
    20MB → 12MBʢ40%ݮʣ
    12MB → 9MBʢ25%ݮʣ
    

    View Slide

44. Sansan Builders Box
    - 1. アプリのダウンロードが完了しない
    - 2. なかなか画⾯が切り替わらない
    - 3. 画像の送受信に時間が掛かっている
    - 4. 分析ツール
    3. 低速インターネット環境での問題と対応
    

    View Slide

45. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - ݪҼ
    - 通信が遅い（←現地のインターネット環境の問題）
    - 通信完了を待って画⾯遷移を⾏っている
    - ରԠ
    - 通信処理はバックグラウンドジョブに投げる
    - 通信完了まで画⾯遷移を待たない（可能な限り）
    

    View Slide

46. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - ໰୊͕ى͖Δαϯϓϧίʔυ
    

    View Slide

47. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - ໰୊͕ى͖Δαϯϓϧίʔυ
    API ݺͼग़͠
    

    View Slide

48. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - ໰୊͕ى͖Δαϯϓϧίʔυ
    ௨৴தɾ
    

    View Slide

49. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - ໰୊͕ى͖Δαϯϓϧίʔυ
    ௨৴தɾɾ
    

    View Slide

50. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - ໰୊͕ى͖Δαϯϓϧίʔυ
    ௨৴தɾɾɾ
    

    View Slide

51. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - ໰୊͕ى͖Δαϯϓϧίʔυ
    ௨৴தɾɾɾʢωοτ͕஗͘ɺֻ͕͔࣌ؒΔʣ
    

    View Slide

52. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - ໰୊͕ى͖Δαϯϓϧίʔυ
    ੒ޭ࣌ͷίʔϧόοΫ
    ʢΑ͏΍͘ը໘ભҠʣ
    

    View Slide

53. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - ໰୊͕ى͖Δαϯϓϧίʔυ
    ੒ޭ࣌ͷίʔϧόοΫ
    ʢΑ͏΍͘ը໘ભҠʣ
    ※ΦϑϥΠϯͰ͸ͳ͘ɺϨεϙϯε͕ͳ͔ͳ͔ฦͬͯ͜ͳ͍৔߹ʹ࠶ݱ
    ʢΦϑϥΠϯͩͱଈࣦഊ࣌ͷϒϩοΫ͕ݺ͹ΕΔʣ
    

    View Slide

54. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - Twitter アプリでは・・・？
    ↑Progress දࣔ
    ౤ߘத Tweet
    ʢ໢ֻ͚දࣔʣ
    ී௨ͷ Tweet
    - Tweet 直後、即画⾯遷移
    ↓
    - 送信状況の Progress 表⽰
    ↓
    - 送信中の Tweet も UI に表⽰
    

    View Slide

55. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - LINEアプリでは・・・？
    ૹ৴தͷ UI ࣗಈͰ࠶ૹ׬ྃ
    ΦϯϥΠϯ
    ʹͳͬͨ
    - オフラインでメッセージを送信しても
    UI には送信中として反映する
    - オンラインになったら⾃動で再送
    - ユーザが再送する必要はない
    

    View Slide

56. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - ରԠ
    - όοΫάϥ΢ϯυδϣϒʹ౤͛ͯଈը໘ભҠʢ΍ UI ΁൓өʣ
    - Android ͩͱ WorkManager ͕ศར
    > https://developer.android.com/topic/libraries/architecture/workmanager/
    - iOS ͩͱ SwiftQueue Ͱಉ༷ͷ͜ͱ͕Ͱ͖ͦ͏
    > https://github.com/lucas34/SwiftQueue
    

    View Slide

57. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - WorkManager での通信処理
    ࣮ߦ৚݅ɿΦϯϥΠϯͷͱ͖
    他には、
    ɾॆిத
    ɾWi-Fi ઀ଓ࣌
    などが指定可能
    

    View Slide

58. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - WorkManager での通信処理
    ύϥϝʔλΛ౉͢
    

    View Slide

59. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - WorkManager での通信処理
    ύϥϝʔλΛऔಘͯ͠
    ॲཧΛ࣮ߦ
    

    View Slide

60. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - WorkManager での通信処理
    ੒ޭͨ͠Βऴྃ
    ࣦഊͨ͠ΒϦτϥΠ
    

    View Slide

61. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - WorkManager での通信処理実⾏
    Worker Λ࡞ͬͯɺWorkManager ʹ enqueue
    

    View Slide

62. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    ϝϦοτ σϝϦοτ
    ௨৴݁ՌΛ଴ͭ • 実装が容易
    • ⽇本国内だとほぼこれで
    OK
    • 通信が遅い場合（特に海外）
    に UX が悪い
    ௨৴݁ՌΛ଴ͨͳ͍
    ʢόοΫάϥ΢ϯυδϣϒ࣮ߦʣ
    • 通信環境に左右されない
    UX を提供できる
    • 送信未完了状態の考慮
    （表⽰・編集）が必要
    

    View Slide

63. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - Eight （海外版）での適⽤箇所
    

    View Slide

64. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - Eight （海外版）での適⽤箇所
    ࡱӨ
    

    View Slide

65. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - Eight （海外版）での適⽤箇所
    ࡱӨ
    

    View Slide

66. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - Eight （海外版）での適⽤箇所
    ଈը໘ભҠ
    ࡱӨ ૹ৴
    

    View Slide

67. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - Eight （海外版）での適⽤箇所
    ଈը໘ભҠ
    ࡱӨ ૹ৴
    ૹ৴த΋දࣔ
    

    View Slide

68. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - Eight （海外版）での適⽤箇所
    ଈը໘ભҠ
    ࡱӨ ૹ৴
    ૹ৴
    ׬ྃ
    ૹ৴த΋දࣔ
    

    View Slide

69. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - Eight （海外版）での適⽤箇所
    ଈը໘ભҠ
    ࡱӨ ૹ৴
    ૹ৴
    ׬ྃ
    ૹ৴த΋දࣔ
    

    View Slide

70. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - ௨৴͕஗͍؀ڥͷ֬ೝํ๏
    - ×：オンライン（Wi-Fi, LTE）ではなかなか再現しない…
    - ×：機内モードでは即失敗するので確認できない…
    - ˓ɿ
    > ωοτʹܨ͕͍ͬͯͳ͍ Wi-Fi ʹ઀ଓ
    - SIM ΧʔυΛൈ͘ / LAN έʔϒϧΛൈ͘
    > Network Link Conditioner
    > ௿଎ SIM
    

    View Slide

71. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - Network Link Conditioner
    - https://developer.apple.com/download/more/
    - Mac の通信速度をコントロールできる
    > インターネット共有をすれば、スマホの通信速度を低速にできる
    

    View Slide

72. Sansan Builders Box
    3.2. なかなか画⾯が切り替わらない
    - 低速 SIM
    - https://rokemoba.com/
    - 常に速度制限のような状態（200kbps）
    

    View Slide

73. Sansan Builders Box
    - 1. アプリのダウンロードが完了しない
    - 2. なかなか画⾯が切り替わらない
    - 3. 画像の送受信に時間が掛かっている
    - 4. 分析ツール
    3. 低速インターネット環境での問題と対応
    

    View Slide

74. Sansan Builders Box
    3.3. 画像の送受信に時間が掛かっている
    - ݪҼ
    - 通信が遅い（←現地のインターネット環境の問題）
    - 画像の容量が⼤きい
    - ରԠ
    - 必要⼗分な画像矩形サイズにリサイズ
    - 画像の圧縮率を上げて Quality を下げる
    - 画像の形式を変更する
    - ⼤きい画像の場合は⼀旦サムネイルを表⽰する
    - 現地にエッジサーバを置く
    

    View Slide

75. Sansan Builders Box
    3.3. 画像の送受信に時間が掛かっている
    - ଞΞϓϦʢInstagramʣͷྫ
    ௿଎؀ڥͰ͸4ஈ֊͙Β͍ͰಡΈࠐ·Ε͍ͯΔ
    

    View Slide

76. Sansan Builders Box
    3.3. 画像の送受信に時間が掛かっている
    - 3.3.1 ඞཁे෼ͳαΠζʹϦαΠζ
    - 画像送信時は必ず最⼤サイズを決めて、それよ
    り⼤きければリサイズする
    - 例）
    > 名刺画像送信：⻑辺 1240px
    > プロフィールアイコン画像送信：⻑辺 300px
    - アプリとサーバ間の API の通信だけではなく、
    S3 等に配置しているコンテンツも要配慮
    （実は1枚7MBの画像が上がっていたこともある…）
    - ޮՌʢҰྫʣ
    > 1500px → 1240px Ͱ໿ 30%ݮ
    

    View Slide

77. Sansan Builders Box
    3.3. 画像の送受信に時間が掛かっている
    - 3.3.2 ը૾ͷѹॖ཰Λ্͛ͯ Quality ΛԼ͛Δ
    - 機能によって求められる画像の Quality もまちまち…
    > ⾼：⽂字認識に関わる名刺のアップロード
    > 中：投稿に添付する画像
    > 低：表⽰矩形サイズが⼩さい画像（サムネイル）
    - ޮՌʢҰྫʣ
    > Quality : 90% → 70% Ͱ໿50%ݮ
    

    View Slide

78. Sansan Builders Box
    3.3. 画像の送受信に時間が掛かっている
    - 3.3.3 ը૾ͷܗࣜΛมߋ͢Δ
    - 画像を jpeg → WebP 形式に
    - 送信⽅法を Base64 → Multipart に
    - ޮՌʢҰྫʣ
    > Jpeg → WebPɿ໿30%ݮ
    > Base64 → Multipartɿ໿ 25% ݮ
    

    View Slide

79. Sansan Builders Box
    3.3. 画像の送受信に時間が掛かっている
    - 3.3.4 େ͖͍ը૾ͷ৔߹͸Ұ୴αϜωΠϧΛදࣔ͢Δ
    - 先ほどの Instagram のような例
    - Android だと、Glide を使うと容易にサムネイル表⽰ができる
    Ұ୴αϜωΠϧΛදࣔ
    

    View Slide

80. Sansan Builders Box
    3.3. 画像の送受信に時間が掛かっている
    - 3.3.4 େ͖͍ը૾ͷ৔߹͸Ұ୴αϜωΠϧΛදࣔ͢Δ
    - 先ほどの Instagram のような例
    - Android だと、Glide を使うと容易にサムネイル表⽰ができる
    ߴը࣭ը૾Λදࣔ
    

    View Slide

81. Sansan Builders Box
    3.3. 画像の送受信に時間が掛かっている
    - 3.3.5 ʢը૾͚ͩͰ΋ʣݱ஍ʹΤοδαʔόΛஔ͘
    

    View Slide

82. Sansan Builders Box
    3.3. 画像の送受信に時間が掛かっている
    - 補⾜
    Eight Android 版では、Firebase Remote Config を使って
    > 画像矩形サイズの最⼤⻑
    > 画像フォーマット
    > 画像の Quality
    を切り替えられるようにしています。
    これにより、
    > リリースを伴わない挙動変更
    > 地域ごとのチューニング（例：インドとアメリカで値を変える）
    が可能になっています。
    

    View Slide

83. Sansan Builders Box
    - 1. アプリのダウンロードが完了しない
    - 2. なかなか画⾯が切り替わらない
    - 3. 画像の送受信に時間が掛かっている
    - 4. 分析ツール
    3. 低速インターネット環境での問題と対応
    

    View Slide

84. Sansan Builders Box
    3.4. 分析ツール
    - Stetho
    - Charles
    - Firebase Performance Monitoring
    - New Relic Mobile
    

    View Slide

85. Sansan Builders Box
    3.4. 分析ツール
    - Stetho
    - http://facebook.github.io/stetho/
    - Android アプリの通信を Chrome Developer Tools で確認できる
    操作したタイミングで
    どんな通信が
    ⾏われているかわかる
    （並列度も！）
    

    View Slide

86. Sansan Builders Box
    3.4. 分析ツール
    - Charles
    - https://www.charlesproxy.com/
    - プロキシをたてて通信内容をキャプチャできる
    - レスポンスの書き換えも可能
    - アプリ側の対応が不要
    - iOS アプリの通信も確認できる
    - アプリ開発の知識がなくても Charles を使えば
    アプリの通信内容の確認が容易に可能
    

    View Slide

87. Sansan Builders Box
    3.4. 分析ツール
    - Firebase Performance Monitoring
    - https://firebase.google.com/docs/perf-mon/
    - ແྉͰある程度の通信のプロファイルが取れる
    - 国や通信キャリアなどのフィルタもある
    

    View Slide

88. Sansan Builders Box
    3.4. 分析ツール
    - New Relic Mobile
    - https://newrelic.com/resource/mobile-monitoring-jp
    - 30⽇間の無料トライアルもある
    

    View Slide

89. Sansan Builders Box
    3.4. 分析ツール
    - New Relic Mobile
    - HttpRequest Sort
    > Response time
    > Requests per time
    > Total Time
    > Total size
    

    View Slide

90. Sansan Builders Box
    3.4. 分析ツール
    - New Relic Mobile
    - Geography Sort
    > Response time
    > Request per minute
    > Total transfer size
    > App launches
    > Network failure late
    

    View Slide

91. Sansan Builders Box
    3.4. 分析ツール
    - New Relic Mobile
    - Interactions
    > Memory
    > CPU
    > Network
    > Threads
    

    View Slide

92. Sansan Builders Box
    3.4. 分析ツール
    - Dashboard
    - カスタム集計ができる
    - 状況を数値化できる
    > 異常に気づきやすい
    > 対応効果が測りやすい
    

    View Slide

93. まとめ
    

    View Slide

94. 英訳だけじゃダメ！
    Eight のグローバル展開のための改善
    

    View Slide

95. Sansan Builders Box
    まとめ
    - アプリのグローバル展開のための改善
    

    View Slide

96. Sansan Builders Box
    まとめ
    - アプリのグローバル展開のための改善
    - バイナリを軽く
    > アプリ内画像の軽量化・App Bundle / App Thinning 対応を！
    

    View Slide

97. Sansan Builders Box
    まとめ
    - アプリのグローバル展開のための改善
    - バイナリを軽く
    > アプリ内画像の軽量化・App Bundle / App Thinning 対応を！
    - 画像を軽く
    > サイズ、形式、サーバ構成の⾒直し検討を！
    

    View Slide

98. Sansan Builders Box
    まとめ
    - アプリのグローバル展開のための改善
    - バイナリを軽く
    > アプリ内画像の軽量化・App Bundle / App Thinning 対応を！
    - 画像を軽く
    > サイズ、形式、サーバ構成の⾒直し検討を！
    - 通信結果を待たない UX に
    > 低速環境で確認できる環境の⽤意を！
    

    View Slide

99. Sansan Builders Box
    まとめ
    - アプリのグローバル展開のための改善
    - バイナリを軽く
    > アプリ内画像の軽量化・App Bundle / App Thinning 対応を！
    - 画像を軽く
    > サイズ、形式、サーバ構成の⾒直し検討を！
    - 通信結果を待たない UX に
    > 低速環境で確認できる環境の⽤意を！
    - ツールを活⽤して分析＆改善
    > NewRelic Mobile, Charles , … 指標を数値化しよう！
    

    View Slide

100. View Slide