ドキュメント: はじめに

はじめに

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 のサンプルフォルダにアクセスして、あなたのユースケースに合わせて TacoTranslate を設定する方法（例えば Next.js App Router や Create React App を使用する場合など）について詳しく学んでください。

また、CodeSandbox をセットアップしており、こちらでご覧ください。

セットアップと構成