概要

インライン翻訳を使えば、コード内でコンテンツを直接記述し、その場で翻訳できます

別途の dictionary や翻訳 files は不要です。

これにより、UI と翻訳を簡単に同期でき、コンテンツの更新頻度が高い、またはコンポーネントと強く結びついたプロジェクトに最適です。

なぜインライン翻訳を使うのか？

• シンプルさ: 外部の翻訳ファイルを管理する必要がありません。
• 負担の軽減: コンテンツとコードが同じ場所にあるため、コンテキストの切り替えが減ります。
• 即時反映: テキストの変更がすべての言語にすぐ反映されます。
• 保守性: 翻訳の最新化や未使用翻訳の削除を気にする必要がありません。

テキスト、HTML、JSXのいずれであっても、すべて翻訳できます。 追加の設定は不要です！

import { T } from 'gt-react';

export default function MyComponent() {
  return (
    <T>
      <h1>シェイクスピア戯曲一覧：</h1>
      <ul>
        <li>ハムレット</li>
        <li>夏の夜の夢</li>
        <li>マクベス</li>
      </ul>
    </T> 
  );
}

詳しくは、該当フレームワークのリファレンスをご参照ください。