LMPを用いたアプリの翻訳フロー改善

Transcript

2. 自己紹介 ションロー / @tion_low REALITY 株式会社 エンジニアリングマネージャー 好きなVTuber はおめがシスターズ 2
5. REALITY 多言語対応の変遷 5
6. 改善前の翻訳フロー 日本語 to 英語の翻訳依頼のために 構成したフロー 翻訳依頼はエンジニア主体 管理はスプレッドシート 6
7. スプシの様子 7
8. 10 言語追加対応のための整理で発覚した問題 1. 適切な翻訳がされていない箇所ある 2. レイアウト崩れ 3. 翻訳フローが非効率 8
9. 適切な翻訳がされて いない箇所がある 利用規約の更新を通知し、再 承認を促すダイアログ Review -> Read First のほうが 自然 「翻訳された文字列がどこで 使われるのか」がわからない 状態で翻訳者が翻訳している 9
10. レイアウト崩れ 翻訳による文字サイズの膨張 により発生 英語 to ヨーロッパ言語の膨張 率は 130~300% デザインレベルでテキストの 膨張を意識できていない 10
11. 翻訳フローが非効率 Android / iOS それぞれでデー タ管理しておりもう一方のエ ンジニアが翻訳依頼を出すの を待つお見合いが発生 同じ文言を2 回翻訳依頼してし まう 開発途中に追加されたテキス トの翻訳依頼を出し忘れる 11
12. どうするか？
14. Lokalise とは Localization Management Platform 言語リソースの管理 翻訳プロセスの管理 作業自動化のサポート Over-the-air (OTA) localization のサ ポート 14
15. Lokalise の様子 15
16. Lokalise の様子 16
17. データ移行が 簡単 strings ファイルのアッ プロードでデータ移行 が可能 17
18. lokalise CLI での操 作が可能 CLI で操作ができる システム連携, 自動化が可能 18
19. lokalise CLI での操作が可能 19
20. 発生した問題 1. 適切な翻訳がされていない箇所ある 2. レイアウト崩れ 3. 翻訳フローが非効率 20
21. 発生した問題 1. 適切な翻訳がされていない箇所ある 2. レイアウト崩れ 3. 翻訳フローが非効率 21
22. テキストが使われる場所を翻訳者に伝える 22
23. テキストが使われる場所を翻訳者に伝える 23
24. 発生した問題 1. 適切な翻訳がされていない箇所ある 2. レイアウト崩れ 3. 翻訳フローが非効率 24
25. Figma 上で多言語でのレイアウト確認をする Figma のLokalise Plugin 経由で翻訳結果をImport できる Lokalise に登録された英語文言を左のView に反映している 25
26. 発生した問題 1. 適切な翻訳がされていない箇所ある 2. レイアウト崩れ 3. 翻訳フローが非効率 26
27. 翻訳依頼をデザイナーに変更 デザイン作成完了からシームレスに翻訳依頼が出せる 開発途中でのデザイン変更による翻訳依頼の追加を忘れづらい 27
28. 改善後の翻訳フロー 翻訳依頼がデザイナーに一 本化 実装前にFigma 上で英語の デザインレビューが可能に エンジニアは翻訳結果を取 り込んで実装するだけ 28
29. 今後の課題 OTA を使ったリアルタイム言語リソース更新 スクリーンショットテストを用いたLQA の効率化 29
30. まとめ 翻訳者にテキストの用途が伝わるフローを構築 Lokalise + Figma 連携でデザインレベルでの問題検知を可能に Lokalise CLI やSaas 連携を使って作業を自動化 30
31. ご清聴ありがとうございました