これはGeneral Translationで構築されたデモアプリです。ソースコードを参照してください。

General Translation/

<T> コンポーネントの基本

JSXをその場で翻訳する

<T> コンポーネントは、General Translation でコンテンツを翻訳する最もシンプルな方法です。JSX のブロックを <T> で囲むと、セクション全体がひとつの単位として翻訳され、構造が保持されるとともに、翻訳者に十分なコンテキストが提供されます。

仕組み

コンテンツを<T>でラップすると、General Translationはビルド時にテキストを抽出して翻訳し、実行時に翻訳済みのバージョンに差し替えます。JSXの構造はそのまま維持され、変わるのはテキストのみです。

つまり、スタイル・レイアウト・コンポーネントの階層構造には一切影響しません。見出しは見出しのまま、段落は段落のまま、リンクのリンク先も変わりません。

より自然な翻訳のための広いラッピング

各文字列を個別にラップするのではなく、関連するコンテンツの大きなセクションをひとつの <T> でまとめてラップしましょう。これにより、翻訳者により多くのコンテキストが提供され、より自然な結果が得られます。

このページの各セクションは、ひとつの <T> コンポーネントでラップされています。セクション内の見出しとすべての段落は、一貫性を確保するためにひとつの単位としてまとめて翻訳されます。

実際に試してみよう

ヘッダーの言語セレクターを使って言語を切り替えてください。このページ上のすべてのテキストは <T> を使って翻訳されています — 見出し、説明文、そして今読んでいるこの段落も含めて。