フレームワーク
i1n のフレームワーク統合ガイド。Next.js、React、Vue、Angular、Flutter、React Native、iOS、Android、Rails、Astro、およびバニラ JavaScript のセットアップ手順。
概要
i1nは、すべての主要なフレームワークおよびプラットフォームと統合されています。i1n initコマンドは、お使いのフレームワークを自動検出し、適切なファイル形式とディレクトリ構造を設定します。
JavaScriptおよびTypeScriptフレームワーク(React、Next.js、Vue、Angular、Astro)の場合、i1n SDKをスタンドアロンモードで使用するか、Bridge Mode経由で既存のi18nライブラリに接続できます。ネイティブプラットフォーム(Flutter、iOS、Android、Rails)の場合、i1nが翻訳ファイルを管理し、プラットフォームのネイティブローカライゼーションシステムがランタイムを処理します。
サポートされているフレームワーク
i1nはNext.js (next-intl)、React (i18next, react-intl)、Vue (vue-i18n)、Angular (ngx-translate)、Flutter (ARB)、iOS (.strings)、Android (XML)、Rails (YAML)、React Native (Expo付き)、Astro、およびバニラJavaScript/TypeScriptをサポートしています。
各フレームワークガイドには、インストール、設定、コード統合、およびブリッジモードの適用範囲が含まれています。CLIワークフローはすべてのフレームワークで同一ですが、ファイル形式と統合コードのみが異なります。
Next.js
next-intl または i1n SDK を直接使用して、Next.js に i1n を統合します。
React
i1n SDK または i18next / react-intl を使用したブリッジモードで、i1n を React に統合します。
Vue
i1n SDKまたはvue-i18nを使用したBridge Modeで、i1nをVue.jsと統合します。
Angular
i1n SDKまたはngx-translateを使用したブリッジモードで、Angularにi1nを統合します。
Astro
静的およびサーバーレンダリングされた多言語サイト向けに、i1nをAstroと統合します。
JavaScript (Vanilla)
フレームワークなしで、あらゆるJavaScriptまたはTypeScriptプロジェクトでi1nを使用できます。
React Native & Expo
i1n SDKまたはi18n-jsとのブリッジモードを使用して、i1nをReact NativeおよびExpoと統合します。
Flutter
ARBファイルとflutter_localizationsを使用して、i1nをFlutterと統合します。
iOS と macOS
.stringsファイルを使用して、i1nをiOSおよびmacOSと統合します。
Android
XML文字列リソースを使用して、Androidでi1nを統合します。
Rails
YAMLロケールファイルを使用して、Ruby on Railsでi1nを統合します。