概要

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

別途 dictionary や翻訳ファイルは不要です。

これにより 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> 
  );
}

詳しくは、各フレームワークのリファレンスをご覧ください。