TacoTranslate
/
ドキュメント料金
 
  1. はじめに
  2. はじめに
  3. セットアップと構成
  4. TacoTranslateの使い方
  5. サーバーサイドレンダリング
  6. 高度な使用法
  7. ベストプラクティス
  8. エラー処理とデバッグ
  9. 対応言語

はじめに

インストール

プロジェクトに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キーを作成する

お使いのユースケースに合わせた TacoTranslate の設定方法(例えば Next.js App Router を使う場合や Create React App を使用する場合など)について詳しくは、私たちの GitHub examples フォルダをご覧ください。

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

セットアップと構成

提供元: Nattskiftetノルウェー製