概要

動的コンテンツとは、一般的にユーザーやコンテキスト、環境などによって変化し得るコンテンツを指します。 これは、ユーザーやコンテキスト、環境に関わらず常に同一のままである静的コンテンツと対照的です。

"Tx すべきか、すべきでないか"

動的なコンテンツを翻訳したい場合もあれば、そのままにしておきたい場合もあります。

わかりやすい例としては、ユーザーのメールアドレスや名前があります。 別の例としては、銀行口座の残高やユーザーの SSN が挙げられます。 このような項目は、(1) アプリが別の言語で表示される場合でも翻訳の必要がないことが多く、(2) 可変である（この場合はユーザーごとに異なる）という性質があります。

例

import { T, Var } from 'gt-next'

export default function Greeting(name) {
    return (
        <T id='greeting'>
            こんにちは、<Var>{name}</Var>！
        </T>
    );
}

翻訳の観点では、これは次の2つのメリットがあります。

1. あり得るすべての名前ごとに翻訳を作成する必要がありません。
   • <Var> を使えば、実質的に次のような1つの翻訳だけを用意すれば済みます:
     • ¡Hola, ${name}!
   • <Var> を使わない場合は、固有の各名前に対してオンデマンド翻訳を行う必要があります:
     • "¡Hola, Alice!", "¡Hola, Bob!", "¡Hola, Charlie!", "¡Hola, David!", ...
2. また、名前そのものが翻訳形に置き換わってしまう心配も不要です（例: "¡Hola, Alicia!", "¡Hola, Roberto!", ...）。

ご覧のとおり、<Var> コンポーネントは、locale に関わらず同一のままにすべき内容を包むために使用します。 この方法により、動的コンテンツのあらゆる可能な値ごとに翻訳を作成する必要がなくなります。

機密情報を <Var> コンポーネントで包むことで、その情報が General Translation の API に送信されないようにできます。