Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Sansan
November 12, 2018

辰濱健一_グローバル展開のための改善/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/

Sansan

November 12, 2018
Tweet

More Decks by Sansan

Other Decks in Technology

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