はじめに
インストール
プロジェクトに TacoTranslate をインストールするには、ターミナルを開き、プロジェクトのルートディレクトリに移動します。その後、以下のコマンドを実行して npm でインストールします。
npm install tacotranslate
これはすでにプロジェクトが設定されていることを前提としています。詳細については、例を参照してください。
基本的な使い方
以下の例は、TacoTranslateクライアントを作成し、アプリケーションをTacoTranslate
プロバイダーでラップし、Translate
コンポーネントを使用して翻訳された文字列を表示する方法を示しています。
import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate, Translate} from 'tacotranslate/react';
const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});
function Page() {
return <Translate string="Hello, world!" />;
}
export default function App() {
return (
<TacoTranslate client={tacoTranslateClient} locale="es">
<Page />
</TacoTranslate>
);
}
この例ではスペイン語(locale="es"
)が使用されているため、 Translate
コンポーネントは「¡Hola, mundo!」を出力します。
例
私たちのGitHubの例フォルダにアクセスして、Next.js App RouterやCreate React Appを使った場合など、ご自分のユースケースに合わせてTacoTranslateを設定する方法について詳しく学んでください。
また、こちらからご覧いただけるCodeSandboxも用意しています。