TypeScript

General Translation を使用して TypeScript と JavaScript のファイルを自動翻訳する方法

概要

gtx-cli を使うと、プロジェクトの JavaScript(js)および TypeScript(ts)ファイルを自動翻訳できます。

元のファイルに含まれるすべての構文と書式は、 翻訳後のファイルでも保持されます。

次の4つの手順に従います:

環境変数を追加する

gtx-cli をインストールする

プロジェクトの gt.config.json ファイルを設定する

gtx-cli translate を実行する


ステップ 1: 環境変数を追加する

本番用のAPIキーとプロジェクトIDを環境変数に追加します。 これは gtx-cli ツールを使用するために必要です。 これらは General Translation のダッシュボード から取得できます。

.env
GT_API_KEY=<your-api-key>
GT_PROJECT_ID=<your-project-id>

ステップ 2: gtx-cli のインストール

プロジェクトに gtx-cli ツールをインストールします。

npm i gtx-cli
yarn add --dev gtx-cli
bun add --dev gtx-cli
pnpm add --save-dev gtx-cli

ステップ 3: プロジェクトの gt.config.json ファイルを構成する

プロジェクトのルートに gt.config.json ファイルを作成し、次の内容を記述します:

gt.config.json
{
  "defaultLocale": "en",
  "locales": ["es", "fr"],
  "files": {
    "ts": {
      "include": ["docs/[locale]/**/*.ts"]
    }
  }
}

プロジェクトの対応ロケールに合わせて defaultLocalelocales を変更してください。

ファイルが JavaScript の場合は、ts の代わりに js キーを使用できます。include キーの文字列配列は、すべての JS ファイルに一致するグロブパターンにしてください。

ファイルのロケールに一致させるために、[locale] プレースホルダーを使用する必要があります。

gt.config.json ファイルの詳細は、configuration ドキュメントを参照してください。

ステップ 4: ビルドプロセスに gtx-cli translate コマンドを追加する

ビルドコマンドの実行前に、gtx-cli translate コマンドをビルドまたは CI プロセスに追加し、翻訳を自動的にプロジェクトへ反映させます。

package.json
{
  "scripts": {
    "translate": "npx gtx-cli translate",
    "build": "npm run translate && <任意のビルドコマンド>"
  }
}

これにより、すべての対応ロケール向けの翻訳が生成され、プロジェクトに保存されます。 これらのファイルをリポジトリにコミットしたい場合は、コミット前に代わりにこのコマンドを実行できます。

完了です!これで、プロジェクトに変更があるたびに、すべての Markdown ファイルが自動的に更新されます。


注意事項

  • gtx-cli translate コマンドを使うと、プロジェクトに翻訳を自動で追加できます。
  • 翻訳ファイルをコミットする場合は、コミット前に gtx-cli translate コマンドを実行してください。
  • 翻訳の出力先パスを設定する方法は、設定 ドキュメントを参照してください。

次のステップ

  • CLI(コマンドラインインターフェイス)ツールの使用ガイドをご覧ください。

このガイドはいかがですか?