多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた - SmartHR Tech Blog

こんにちは、SmartHR でプロダクトエンジニアをしている @nabeliwo です。 今年の9月に SmartHR のログイン後のホーム画面がリニューアルされました。 【9/21更新】新しいホーム画面を公開しました | SmartHR｜シェアNo.1のクラウド人事労務ソフト この記事では、新しいホーム画面の実装の中で、開発者体験を損なうことなく多言語化対応を進められるよう、TypeScript の型定義を工夫した話をします。 まだまだ改善の余地がある状態ではあるのですが、私達のチームでの試行錯誤が読んでくれた方の参考になれば幸いです。 SmartHR の多言語化対応 SmartHR の既存のページではすでに WOVN.io というツールを使った多言語化対応が行われていました。 ただ諸々の理由があり1、新しいプロダクトでは自前で翻訳の仕組みを用意していこうとしています。 実際に、Smar

[efcl]

defaultMessageでの検索性を保持する方式

[pmememe]

いつかやらなきゃいけないので大知見

[poad1010]

この記事をおすすめしました

[shingo-sasaki-0529]

文言に対する型定義、前職どうしてたっけ。JSON ファイルで文言を定義すればそれをインポートした際にリテラル扱いにできるから、そこからキーの一覧の型が取り出せた気がする。

[rinrin900]

気になる "SmartHR の既存のページではすでに WOVN.io というツールを使った多言語化対応が行われていました。 ただ諸々の理由があり1、新しいプロダクトでは自前で翻訳の仕組みを用意していこうとしています。"