アプリの国際化の舞台裏

アプリの国際化は単に表示されるテキストの翻訳にとどまるものではありません。

このセッションでは、開発者とユーザーの双方の視点から、様々な地域で使われる iOS アプリの開発を通して得られた具体的な事例を踏まえ、アプリの国際化で必要となる技術的な知識、避けては通れない問題とその対策、そして今後のアプリ開発における課題について検討します。

自分のアプリを海外のユーザーにも使ってもらいたい。アプリを翻訳したのにあまり使ってもらえない。あるいは、海外のアプリで日本語が使えないのは何故なのか。海外のアプリの挙動がおかしいけれど何故そうなるのかわからない。そんな疑問を持った方を対象とします。

このセッションでは以下のトピックについて扱う予定です

- Unicode についての知識と絵文字の貢献
- 日本語入力や複雑な文字の問題
- ユーザーインターフェイスとコンテンツの国際化
- 開発チームの国際化

このセッションでは以下のトピックは扱わない予定です

- 各 iOS や Android、ウェブなどのプラットフォームにおけるアプリの翻訳の手順
- 翻訳アプリケーションや、ツールの紹介や使い方

Transcript

1. จࣈɺݴޠɺίϯςϯπɺνʔϜʹඞཁͳࣄ
   ΞϓϦͷࠃࡍԽͷ෣୆ཪ
   @niw
   8/31/2019 — ౦ژిػେֶ

   Builderscon Tokyo 2019
   

   View Slide

2. i18n
   

   View Slide

3. ernationalizati
   

   View Slide

4. internationalization
   

   View Slide

5. internationalization
   

   View Slide

6. i18n
   

   View Slide

7. ࠃࡍԽ
   

   View Slide

8. ໰୊ͷ܏޲ͱରࡦ
   ΞϓϦͷࠃࡍԽ
   

   View Slide

9. @niw

   Yoshimasa Niwa
   

   View Slide

10. View Slide

11. View Slide

12. View Slide

13. !
    

    View Slide

14. ໨࣍
    ຊ೔ͷͳ͕Ε
    1.จࣈͷ࿩
    2.ݴޠͷ࿩
    3.ίϯςϯπͷ࿩
    4.νʔϜͷ࿩
    

    View Slide

15. ΞϓϦͱจࣈͷ໰୊
    จࣈͷ࿩
    

    View Slide

16. ΞϓϦͰ࢖͏จࣈͬͯͳΜͩΖ͏
    จࣈͱ͸?
    ͋
    

    View Slide

17. ΞϓϦͰ࢖͏จࣈͬͯͳΜͩΖ͏
    จࣈͱ͸?
    Ӭ
    

    View Slide

18. ΞϓϦͰ࢖͏จࣈͬͯͳΜͩΖ͏
    จࣈͱ͸?
    "
    

    View Slide

19. © ಺ֳ׭๪಺ֳ޿ใࣨ
    

    View Slide

20. ΞϓϦͰ࢖͏จࣈͬͯͳΜͩΖ͏
    จࣈͱ͸?
    

    View Slide

21. ΞϓϦͰ࢖͏จࣈͬͯͳΜͩΖ͏
    จࣈͱ͸?
    ኦ
    #
    

    View Slide

22. ΞϓϦͰ࢖͏จࣈͬͯͳΜͩΖ͏
    จࣈͱ͸?
    • ʮจࣈʯͱܾΊͨ΋ͷ͕ʮจࣈʯ
    • ͦΕΛܾΊΔن͕͍֨Ζ͍Ζ͋Δ
    

    View Slide

23. Character Set
    ූ߸Խจࣈू߹
    

    View Slide

24. ΞϓϦͰ࢖͏จࣈͬͯͳΜͩΖ͏
    จࣈͱ͸?
    ͋
    

    View Slide

25. ΞϓϦͰ࢖͏จࣈͬͯͳΜͩΖ͏
    จࣈͱ͸?
    3042
    

    View Slide

26. JIS X 0208 Unicode
    

    View Slide

27. ͋
    3042
    2422
    Unicode
    JIS X 0208
    

    View Slide

28. จࣈΛ࢖͏ͷʹඞཁͳࣄ
    จࣈΛ࢖͏ํ๏
    • จࣈΛ࢖͏લʹ͸ѻ͍΍͍͢ܗʹม׵
    • ͦΕͧΕͷʮจࣈʯͷ൪߸ΛόΠτྻʹ͢Δ
    

    View Slide

29. Encoding
    จࣈූ߸Խํࣜ
    

    View Slide

30. 3042
    2422
    e
    08
    UTF-8
    0xE3 0x81 0x82
    0x30 0x42
    UTF-16
    0x82 0xA0
    0xA4 0xA2
    Shift-JIS
    EUC-JP
    

    View Slide

31. 
    

    View Slide

32. ʮจࣈʯΛਖ਼͘͠ѻ͏
    จࣈͱࠃࡍԽ
    

    View Slide

33. Unicode Character Set
    Unicode Λ࢖͏
    Unicode Ͱ͸͍ΖΜͳจࣈΛੈքத͔ΒूΊͯ͋Γ
    ·͢ɻ
    

    View Slide

34. View Slide

35. 65,536 ͋Ε͹े෼͡ΌͶ?
    2όΠτͰදݱͰ͖Δ͠
    

    View Slide

36. https://www.unicode.org/versions/Unicode1.0.0/ch02.pdf
    

    View Slide

37. U+0000 ʙ

    U+FFFF
    Unicode Code Point
    BMP (Basic Multilingual Plane)
    

    View Slide

38. UTF-16
    ͋ U+3042 0x30 0x42
    Unicode UTF-16
    16-bit Unicode Transformation Format
    UCS-2
    

    View Slide

39. Objective-C JavaScript
    

    View Slide

40. $
    

    View Slide

41. Unicode 2.0 Ͱૣʑʹഁ୼
    ଍Βͳ͍
    • ௥Ճͷ׽ࣈ͕͍ͬͺ͍
    • ϋϯάϧେҠಈ
    • ֆจࣈ͸ຖ೥૿͑Δ
    • ྩ࿨΋૿͑Δ
    

    View Slide

42. Unicode 2.0 Ͱૣʑʹഁ୼
    ଍Βͳ͍
    • UTF-16 ͰදݱͰ͖ͳ͘ͳΔ
    • Ͱ΋ࠓޙ΋จࣈ͸૿͑Δ
    

    View Slide

43. %
    

    View Slide

44. 2ͭ࢖ͬͯදݱ͠Α͏
    Surrogate Pair
    

    View Slide

45. U+D800 ʙ U+DBFF ͷ 1024ݸ
    U+DC00

    ʙ

    U+DFFF

    ͷ

    1024ݸ
    1024 × 1024 = 1,048,576 ݸ௥ՃͰ͖Δ!
    ↓
    U+10000 ʙ U+10FFFF ʹରԠͤ͞Δ
    

    View Slide

46. 2ͭ࢖ͬͯදݱ͠Α͏
    Surrogate Pair
    • ͋Γ͑ͳ͍૊Έ߹Θ͕ͤՄೳʹ
    • ยׂΕ͕Ͱ͖ͯ͠·͏
    • ؾʹͤͣʹจࣈ਺Λ਺͑Δͱ2จࣈʹ
    ͳͲͳͲ…
    

    View Slide

47. $
    

    View Slide

48. Surrogate Pair ʹ͋Δจࣈ͸͋Μ·Γ࢖Θͳ͍͔Βؔ৺͕ͳ͍
    ໰୊ʹؾ͕͔ͭͳ͍
    !
    

    View Slide

49. ࣮͸͜ͷ໰୊͸ͳ͘ͳΓͭͭ͋Γ·͢
    ΍ͬͨʔ &
    

    View Slide

50. ࣮͸͜ͷ໰୊͸ͳ͘ͳΓͭͭ͋Γ·͢
    ΍ͬͨʔ &
    

    View Slide

51. ΄ͱΜͲͷֆจࣈ͸ Surrogate Pair ͕ඞཁ
    ֆจࣈͷ͸ͨͨ͠໾ׂ
    U+1F60A
    &
    

    View Slide

52. ΄ͱΜͲͷֆจࣈ͸ Surrogate Pair ͕ඞཁ
    ֆจࣈͷ͸ͨͨ͠໾ׂ
    • Unicode ҎલͷϚϧνόΠτ໰୊͸ͦͷ໰୊͕ى
    ͜ΔݴޠΛ࢖Θͳ͍ਓʹ͸࣮࣭Өڹ͕ͳ͔ͬͨ
    • Ͱ΋ֆจࣈ͸ΈΜͳ࢖͍͍ͨ
    • ؔ৺͕͋Ε͹౰વ໰୊ʹؾ͕ͭ͘͠௚͢ؾʹͳΔ
    

    View Slide

53. Surrogate Pair ͸ֆจࣈʹΑͬͯ໰୊ͷؔ৺ൣғ͕มΘͬͨ
    ݴޠΛ௒͑ͯ୭ʹͱͬͯ΋ؔ৺ͷߴ͍໰୊
    !
    

    View Slide

54. Unicode ࢖͓͚ͬͯ͹΋͏໰୊ͳ͠?
    Surrogate Pair ͷ໰୊΋ղܾͦ͠͏ͩ͠Ͷ!
    

    View Slide

55. ZWJ, Variation Selector, Normalization, Collation, …
    Unicode ͸௒ෳࡶ
    • OSͷϑΥϯτϨϯμϦϯάγεςϜͰ΋͍ͬͺ͍
    όά͕͋Δ
    • ݴޠͷϥϯλΠϜͷ࣮૷Ͱ΋όά͕͋Δ
    

    View Slide

56. iMessage ͱ͔ͰૹΔͱ௨஌ͰΫϥογϡͨ͠
    શ֯εϖʔεͱֆจࣈͰΫϥογϡ
    ɹ'
    શ֯εϖʔε U+3000
    Surrogate Pair ͷจࣈ
    

    View Slide

57. iMessage ͱ͔ͰૹΔͱ௨஌ͰΫϥογϡͨ͠
    Variation Selector-15 ͰΫϥογϡ
    ‗
    _
    Variation Selector-15 ͱ

    ૊Έ߹ΘͤΒΕΔจࣈ
    Variation Selector-15 U+FE0E
    Combining

    Diacritical

    Marks
    

    View Slide

58. iMessage ͱ͔ͰૹΔͱ௨஌ͰΫϥογϡͨ͠
    Devanagari ͰΫϥογϡ
    ◌ऀ a
    Devanagari Combination Character U+0900
    ͳΜͰ΋
    

    View Slide

59. iMessage ͱ͔ͰૹΔͱ௨஌ͰΫϥογϡͨ͠
    RTL ͱ Devanagari ͰΫϥογϡ
    Devanagari Combination Character U+0936
    RTLͷจࣈ
    

    View Slide

60. Swift 5 ΑΓલͷΞϓϦ͸೚ҙͷจࣈྻͰΫϥογϡͰ͖Δ
    SR-9048
    let str = "\u{0336}\u{0344}\u{0357}\u{0343}

    \u{0314}\u{0351}\u{0340}\u{0300}\u{0340}

    \u{0360}\u{0314}\u{0357}\u{0315}\u{0301}

    \u{0344}a"
    let set = Set([str])
    

    View Slide

61. Unicode ͠ΜͲ͍
    ͜ͷੈ͸ෳࡶɻUnicode ͸ͦͷࣸ͠ڸ
    

    View Slide

62. ΞϓϦͷࠃࡍԽͱʮจࣈʯ
    ·ͱΊ
    • ʮจࣈʯ͸ͦ͏ܾΊ͔ͨΒจࣈɻ൪߸Ͱ۠ผ
    • Character Set ͱ Encoding Λཧղ͢Δ
    • ֆจࣈͷ͸ͨͨ͠໾ׂ͸େ͖͍
    • Unicode ͸௒ෳࡶ
    

    View Slide

63. ΞϓϦͱݴޠͷ໰୊
    ݴޠͷ࿩
    

    View Slide

64. จࣈྻͷ຋༁
    ΞϓϦ͕දࣔ͢ΔจࣈྻΛϢʔβʔͷݴޠʹ຋༁͢Δ
    

    View Slide

65. ࢦఆ͞ΕͨݴޠͰจࣈྻΛදࣔ
    ෳ਺ͷݴޠͷදࣔʹରԠ͢Δ
    ΋ͱʹͳΔͷݴޠ(ӳޠ)ͷจࣈྻΛΩʔʹଞͷݴޠ
    ΁຋༁͢Δ
    ӳޠ ೔ຊޠ …
    Cancel Ωϟϯηϧ …
    Done ׬ྃ …
    Back ໭Δ …
    

    View Slide

66. https://www.dell.com/support/article/jp/ja/jpbsd1/sln306712?lang=ja
    

    View Slide

67. ӳޠ ೔ຊޠ …
    State ౎ಓ෎ݝ …
    State ঢ়ଶ …
    !
    

    View Slide

68. ࢦఆ͞ΕͨݴޠͰจࣈྻΛදࣔ
    ෳ਺ͷݴޠͷදࣔʹରԠ͢Δ
    จࣈྻ͝ͱʹIDΛ࡞ΓɺͦΕͧΕͷݴޠʹ຋༁
    ID ӳޠ ೔ຊޠ …
    CANCEL_BUTTON_LABEL Cancel Ωϟϯηϧ …
    DONE_BUTTON_LABEL Done ׬ྃ …
    BACK_BUTTON_LABEL Back ໭Δ …
    

    View Slide

69. View Slide

70. !
    ID ӳޠ ೔ຊޠ …
    CANCEL_BUTTON_LABEL Cancel Ωϟϯηϧ …
    DISCARD_BUTTON_LABEL Discard औΓফ͢ …
    DISCARD_TWEET_TITLE
    Are you sure to discard
    this Tweet?
    ͜ͷπΠʔτΛഁغ͠·
    ͔͢?
    …
    

    View Slide

71. ίϯςΩετ͕ͱͯ΋େ੾
    ਖ਼͍͠຋༁͸ਖ਼͍͚͠ΕͲਖ਼͘͠ͳ͍
    $
    

    View Slide

72. ΋͠ม਺͕͋ͬͨΒ?
    Մมจࣈྻͷ຋༁
    

    View Slide

73. ೔ຊޠʹ͸ͳ͍໰୊
    ਺ͷ໰୊
    • ୯७ͳ %d ͸ଟ෼΄ͱΜͲͷ৔߹Ͱ࢖͑ͳ͍
    • ෳ਺ܗ͕ଘࡏ͢Δ
    • ਺ࢺ͕ଘࡏ͢Δ
    

    View Slide

74. https://twitter.com/hoishinxii/status/1167376497306288128
    

    View Slide

75. https://www.unicode.org/cldr/charts/34/supplemental/language_plural_rules.html
    

    View Slide

76. https://www.unicode.org/cldr/charts/34/supplemental/language_plural_rules.html
    

    View Slide

77. https://www.unicode.org/cldr/charts/34/supplemental/language_plural_rules.html
    

    View Slide

78. $
    

    View Slide

79. ෳ਺ܗ΍਺ࢺʹมԽͷͳ͍ݴޠݍͰ͸ؔ৺͕ͳ͍
    ෳ਺ܗ΍਺ࢺʹछྨ͕͋Δͱؾ͕͔ͭͳ͍
    !
    

    View Slide

80. ສೳༀ͸ଘࡏ͠ͳ͍
    ঢ়گʹԠͨ͡ରԠ͕ඞཁɹ
    • ͦͷΑ͏ͳจࣈྻ͕ඞཁͳ͍Α͏ʹมߋ͢Δ
    • libicu ΍ɺͦΕΛ͔ͭͬͨ OS ͷ API ͰؤுΔ
    • จࣈྻΛԿछྨ΋༻ҙͯ͠ɺՄೳੑͷ͋ΔͦΕͧ
    ΕͷύλʔϯʹରԠ͢Δ
    • ఘΊΔ
    

    View Slide

81. จࣈྻͷೖྗ
    ϢʔβʔͷݴޠͰΞϓϦ͕จࣈྻΛड͚औΔ
    

    View Slide

82. View Slide

83. ଞͷݴޠʹൺ΂ͯঢ়ଶͷछྨͱભҠ͕ଟ͍
    ೔ຊޠೖྗ͸࠷ڧʹ೉͍͠
    • ೔ຊޠೖྗରԠͷΠϯΫϦϝϯλϧݕࡧͷ࣮૷ͷ
    ೉͠͞
    • ೔ຊޠͷ஌͕ࣝ͋Δఔ౓ͳ͍ͱ࢖͑ͳ͍
    • ͦ΋ͦ΋ Input Method ͕ࢁ΄Ͳ͋ͬͯڍಈ͕શ෦
    ҧ͏
    

    View Slide

84. ΋͏ͳʹ΋৴͡ΒΕͳ͍
    API Ͱ͢ΒόάͬͯΔ
    • ΄΅࣮֬ʹ iOS ΞϓϦͰ೔ຊޠ͕ೖྗͰ͖ͳ͍ͷ
    ͸ textView(_:shouldChangeTextIn:

    replacementText:) Λ࢖͍ͬͯΔ
    • ͜ͷAPI͸ͣͬͱόάͬͯΔɺېسͷAPI
    

    View Slide

85. Input Method Λ࢖Θͳ͍ݴޠݍͰ͸ؔ৺͕ͳ͍
    1ͭͷೖྗ͕1จࣈʹରԠ͢Δͱ͍͏ࢥ͍ࠐΈ
    !
    

    View Slide

86. ΞϓϦͷࠃࡍԽͱʮݴޠʯ
    ·ͱΊ
    • จࣈྻͷ຋༁͸ίϯςΩετϦονʹ͢Δ
    • ม਺͸ආ͚Δɻͱ͘ʹ਺ࣈ
    • จࣈྻೖྗ͸1ೖྗ1จࣈͷࢥ͍ࠐΈ͕ଘࡏ
    

    View Slide

87. ຋༁Λ͑ͨ͜໰୊
    ίϯςϯπͷ࿩
    

    View Slide

88. த՚ϑΥϯτ໰୊
    ݴޠͷ༏ઌ౓ʹ͍ͭͯ
    

    View Slide

89. View Slide

90. ͻͱͭͷݴޠࢦఆ͚ͩͰ͸දݱ͕֬ఆ͠ͳ͍
    Locale ͷࢦఆ
    • ΄ͱΜͲͷγεςϜ͸ Language Ͱ͸ͳ͘ɺ
    Locale Λࢦఆ͢ΔΑ͏ʹͳͬͯΔ
    • Locale ͸ݴޠʹՃ͑ͯɺ஍Ҭɺ௨՟ɺΧϨϯμʔ
    ͳͲݴޠίϛϡχςΟΛࢦఆͰ͖Δ
    • ༏ઌॱҐΛ͚ͭͯෳ਺ࢦఆͰ͖Δ
    • γεςϜͷσϑΥϧτͷ༏ઌॱҐ͕͋Δ
    

    View Slide

91. ϝϦοτ΋Θ͔Δ͚ΕͲ…
    CJK౷߹׽ࣈ
    • ֤ࠃͰมΘΔࣅͨΑ͏ͳ׽ࣈʹಉ͡൪߸Λ͋ͨ͑
    ͍ͯΔ
    • ΞϓϦଆ͔Β͸൑ผෆೳ
    • ݸਓతʹ͸σϝϦοτͷ΄͏͕େ͖͍ͱࢥ͍ͬͯ
    Δ
    

    View Slide

92. قઅͷΠϕϯτͷҧ͍
    ϋϩ΢ΟʔϯɺΫϦεϚεɺ৽೥…
    

    View Slide

93. https://twitter.com/mayoinomoriko/status/1078446838104055808
    

    View Slide

94. ೔ৗੜ׆Ͱܦݧ͠ͳ͍͜ͱ͸ؔ৺͕ͳ͍
    Ͳ͜Ͱ΋ಉ͡ͱ͍͏ࢥ͍ࠐΈ
    !
    

    View Slide

95. ࡞Γखͷ໰୊
    νʔϜͷ࿩
    

    View Slide

96. ݪҼ͸ͳΜͩͬͨͷ͔
    ٕज़తͳ໰୊ʁ
    

    View Slide

97. Surrogate Pair ʹ͋Δจࣈ͸͋Μ·Γ࢖Θͳ͍͔Βؔ৺͕ͳ͍
    ໰୊ʹؾ͕͔ͭͳ͍
    !
    

    View Slide

98. ෳ਺ܗ΍਺ࢺʹมԽͷͳ͍ݴޠݍͰ͸ؔ৺͕ͳ͍
    ෳ਺ܗ΍਺ࢺʹछྨ͕͋Δͱؾ͕͔ͭͳ͍
    !
    

    View Slide

99. Input Method Λ࢖Θͳ͍ݴޠݍͰ͸ؔ৺͕ͳ͍
    1ͭͷೖྗ͕1จࣈʹରԠ͢Δͱ͍͏ࢥ͍ࠐΈ
    !
    

    View Slide

100. ೔ৗੜ׆Ͱܦݧ͠ͳ͍͜ͱ͸ؔ৺͕ͳ͍
     Ͳ͜Ͱ΋ಉ͡ͱ͍͏ࢥ͍ࠐΈ
     !
     

     View Slide

101. ؔ৺͕ͳ͍໰୊
     ͍΍ͩͬͯ೔ຊޠೖྗͰ͖ͳͯ͘΋ࠔΒͳ͍͠
     

     View Slide

102. ઓಆ୯Ґͱͯ͠ͲΜͳʹ༏लͰ΋ɺಉ͡ن֨඼Ͱߏ
     ੒͞ΕͨγεςϜ͸ɺͲ͔͜ʹக໋తͳܽؕΛ࣋ͭ
     ͜ͱʹͳΔΘ
     © GHOST IN THE SHELL / ߈֪ػಈୂ
     

     View Slide

103. ୭͠΋࣋ͭੜ͖ΔͨΊͷόΠΞε
     ແҙࣝͷόΠΞε
     • ෯޿͍໰୊ʹؔ৺Λ΋ͬͯରԠ͢Δͱ৘ใաଟͰ
     ൑அͰ͖ͳ͘ͳΔ
     • ࢥ͍ࠐΈ͸ੜ͖ΔͨΊʹඞཁͰ୭Ͱ΋͍࣋ͬͯΔ
     • Ͱ΋ͦΕ͕͋Δͱ͍͏͜ͱ͸ೝࣝͰ͖Δ
     

     View Slide

104. ଟ༷ੑͷॏཁੑ
     Diversity
     • ଟ༷ੑͷ͋ΔνʔϜ͸ಇ͖ʹ͘͞Λײ͡Δ͕ΑΓ
     Α͍੒Ռ͕ͰΔͱ͍͏ݚڀ݁Ռ
     • ΞϓϦͷࠃࡍԽͷ໰୊͸ɺ֤ʑ͕ؔ৺ͷͳ͍໰୊
     Λղܾ͠ͳ͍ͱ͍͚ͳ͍
     • ΞϓϦͷࠃࡍԽ͸ଟ༷ੑͷॏཁੑͱ͍͏࿩୊Ͱ
     ͸ɺ௚઀తʹؔ܎ͷ͋Δ໰୊
     https://hbr.org/2016/09/diverse-teams-feel-less-comfortable-and-thats-why-they-perform-better
     

     View Slide

105. ͱ͍͏͜ͱͰ
     ·ͱΊͰ͢
     

     View Slide

106. ΞϓϦͷࠃࡍԽ
     ·ͱΊ
     • ٕज़Λਖ਼͘͠ཧղ͢Δ
     • ͜ͷੈ͸ࢥ͍ͬͯΔΑΓෳࡶ
     • ࢥ͍ࠐΈ͕͋Δ͜ͱΛ஌Δ
     • ଟ༷ੑͷ͋ΔνʔϜΛ࡞Δ
     

     View Slide

107. ࣭͝໰͕͋Ε͹Ͳ͏ͧ
     Q&A
     

     View Slide