プロダクト開発ではメールや Slack 通知などの実装のために複雑な構造化文字列の組み立てが必要になることがあります。 しかし、このような文字列・構造の構築を見通しよく・メンテナンスしやすく実装するのは簡単ではありません。これは JavaScript 以外の言語でも同様に悩ましい問題です。 本発表では、そんなメールや Slack 通知などの組み立てを TypeScript + JSX を利用することで、簡単・安全・見通しよく実現する方法について話します。 なぜ TypeScript や JSX か, メリット・デメリット, 技術選定, アーキテクチャなどを紹介します。 また、TypeScript からだけでなく、Go など他の言語から TypeScript + JSX で記述されたコードを利用したいという実際のユースケースで、どのようなアプローチを検討し、結果どのようなアーキテクチャを採用し、実装したかについても紹介します。