こんにちは! LOB のアドベントカレンダー の4日目は、またもや僕だよ! 前回の LOB での TypeScript + React 選定小話 に引き続き、またも TypeScript + React ネタです。 今回はちゃんとコードを添えた記事でお送りいたします。 これはなに i18n (国際化/多言語) 対応ってめんどくさいよね! 翻訳 id 覚えるのめんどくさいし typo するし その割に何度も書かされるし たまに翻訳漏れしたりするし おれはちゃんとやってるのに誰かがいつも忘れて事故る という様々なつらみを解決するやつです。(上の例の一部は TypeScript 使っただけで補完きいて解決してるものも含んでますけど) 超しょぼいサンプルアプリを作りながらお送りします。 そのへんの過程はどうでもええんや!まとまったコードをみせろや!!という漢スタイル方のためにリポジトリごと公開して
![TypeScript + React で i18n (国際化/多言語) 対応を楽して続けるためのアレコレ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e50d3379d2fdcf25846b4925dd71186833e09530/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VHlwZVNjcmlwdCUyMCUyQiUyMFJlYWN0JTIwJUUzJTgxJUE3JTIwaTE4biUyMCUyOCVFNSU5QiVCRCVFOSU5QSU5QiVFNSU4QyU5NiUyRiVFNSVBNCU5QSVFOCVBOCU4MCVFOCVBQSU5RSUyOSUyMCVFNSVBRiVCRSVFNSVCRiU5QyVFMyU4MiU5MiVFNiVBNSVCRCVFMyU4MSU5NyVFMyU4MSVBNiVFNyVCNiU5QSVFMyU4MSU5MSVFMyU4MiU4QiVFMyU4MSU5RiVFMyU4MiU4MSVFMyU4MSVBRSVFMyU4MiVBMiVFMyU4MyVBQyVFMyU4MiVCMyVFMyU4MyVBQyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NzBiZmVmYzk3OTVjZjIxZDMxNmQ0ZWVkZGE2YTE0MDM%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBtb2ppYmFrZW8mdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTAwNWEyMDQzOTNjZTExYjFhM2MwZjE4ZTAxY2Q4MTI0%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3Daedad07bf9d18bbc3f772f874f903925)