コンセプト
SDKの説明に入る前に、Langsys が従来の i18n と異なる理由となる基本的な考え方をいくつか紹介します。順番に読めば、各エクスプローラーのコードがすぐに理解できるようになります。
1 · Langsysの仕組み
フレーズがそのままキーになります。リアルタイムで継続的に翻訳でき、キーファイルも抽出の手順も不要です。
2 · トークンの検出
SDK が翻訳対象を見つける仕組み: t()、<Translate>、<Phrase>、<DontTranslate>。
3 · ロケールストア
1つのリアクティブストアがすべての翻訳を制御します。ロケールを設定すれば、UI 全体が再レンダリングされます。
4 · キーと環境
開発用の書き込みキーとブラウザ用の読み取り専用キー、そしてこの使い分けが安全な理由。
5 · ロケールの追加
新しい言語への対応はプロジェクト設定で行います。新しいフレーズは追加時に翻訳され、残りは1回の実行でまとめて翻訳されます。
さらに詳しく
トラックには含まれません。翻訳結果が意外に感じたときにお読みください。
実際に動かしてみませんか?サイドバイサイドデモでは、これらの考え方を React、Vue、Svelte、素の TypeScript で同時に画面上に表示します。