インライン翻訳

概要

インライン翻訳を使うと、コンテンツをコード内で直接記述し、翻訳することができます。

別途辞書や翻訳ファイルは必要ありません。

これにより、UIと翻訳を簡単に同期でき、コンテンツの変更が頻繁に発生したり、コンポーネントと密接に結びついているプロジェクトに最適です。

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

• シンプルさ: 外部の翻訳ファイルを管理する必要がありません。
• 複雑さの軽減: コンテンツとコードが一緒に存在するため、コンテキストの切り替えが減ります。
• 即時反映: テキストの変更がすべての言語に即座に反映されます。
• 保守性: 翻訳を最新の状態に保ったり、使われていない翻訳を削除したりする心配がありません。

テキスト、HTML、JSX など、すべて翻訳可能です。 追加の設定は必要ありません！

import { T } from 'gt-react';

export default function MyComponent() {
  return (
    <T>
      <h1>List of Shakespeare Plays: </h1>
      <ul>
        <li>Hamlet</li>
        <li>A Midsummer Night's Dream</li>
        <li>Macbeth</li>
      </ul>
    </T> 
  );
}

詳しく知りたい方は、対応するフレームワークのリファレンスをご覧ください：