ドキュメント: はじめに

はじめに

Japanese

インストール

プロジェクトに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!" を出力します。

APIキーを作成する

例

私たちの GitHub の examples フォルダにアクセスして、例えば Next.js App Router を使う場合や Create React App を使う場合など、特定のユースケースに合わせた TacoTranslate の設定方法について詳しく学んでください。

また、CodeSandbox を用意しており、こちらでご覧いただけます。

セットアップと構成