CLIツール

一般的な翻訳CLIツール

概要

これは、General Translation CLIツールに関するリファレンスドキュメントです。 gtx-cliについての詳細はこちらを参照してください。

ステップバイステップガイドについては、本番環境へのデプロイガイドをチェックしてください。

インストール

npm i gtx-cli --save-dev

CLIツールは何をしますか?

CLIツールは、プロジェクトと翻訳を管理するために使用されます。 知っておくべき主なコマンドは2つあります:translatesetupです。

  • translateコマンドはCDパイプラインに追加することを目的としています。 プロジェクト内の翻訳対象のコンテンツをスキャンするために使用されます。 コンテンツはCDNにアップロードされるか、実行時に使用するためにアプリバンドルに追加されます。
  • setupコマンドは、General Translationライブラリをプロジェクトに自動的に統合するために使用されます。 プロジェクトをスキャンし、すべてのJSXコンテンツを<T>コンポーネントでラップします。

翻訳

CLIツールを使用するには、プロジェクトのルートから次のコマンドを実行します:

shell
npx gtx-cli translate

本番環境でのみ使用してください!

このCLIツールは翻訳されたコンテンツをCDNに公開するため、本番ビルドでのみ使用することを目的としており、開発中には使用しないでください。 このコマンドを実行する前に、本番で使用するブランチにいることを確認してください。 また、環境変数に本番APIキーとプロジェクトIDを指定することを忘れないでください。

フラグ

PropTypeDefault
--api-key?
string
-
--project-id?
string
-
--options?
string
gt.config.json
--new?
string
-
--dictionary?
string
-
--dry-run?
boolean
false
--ignore-errors?
boolean
false
--inline?
boolean
true

CLIツールを初めて実行すると、プロジェクトのルートにgt.config.jsonファイルを作成しようとします。 このファイルには、コンテンツを翻訳するために使用されるプロジェクトに関するメタデータが含まれています。


セットアップ

さらに、CLI ツールはプロジェクトを自動的にスキャンして翻訳のセットアップを行うことができます。 初めて General Translation を使用する場合は、セットアップを実行して開始することをお勧めします。

shell
npx gtx-cli setup

変更を保存してください!

これはコードベースを変更するため、最初に変更を保存またはコミットしてください。

このコマンドを実行すると、翻訳可能なコンテンツを含む JSX 要素の最上位に <T> コンポーネントがラップされます。

また、非静的なコンテンツには <Var> コンポーネントがラップされます。

スキャンが変換する例をいくつか示します:

<div>Hello, World!</div>

次のように変換されます:

<T id="">Hello, World!</T>

CLI は JSX 要素内の直接の子要素のみをラップします。他の JSX 要素はそれぞれ独自の <T> コンポーネントで別々にラップされます。

実験的

この機能は現在実験的であり、完全には動作しない可能性があります。 スキャンを実行した後、出力を手動で確認し、正しいことを確認してください。 特に、非静的な JSX 式 {...}<Var> コンポーネントでラップされます。 これらのケースを手動で確認し、編集する必要があるかもしれません。 問題が発生した場合は、こちらに報告してください。

フラグ

PropTypeDefault
--src?
string
-

このページについて