@intlayer/docs 8.9.6-canary.0 → 8.9.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/blog/ar/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/blog/de/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/blog/en/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/blog/en/react-i18next_vs_react-intl_vs_intlayer.md +1 -1
- package/blog/en-GB/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/blog/es/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/blog/fr/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/blog/id/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/blog/id/react-i18next_vs_react-intl_vs_intlayer.md +1 -1
- package/blog/it/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/blog/ja/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/blog/ko/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/blog/pl/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/blog/pl/react-i18next_vs_react-intl_vs_intlayer.md +1 -1
- package/blog/pt/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/blog/ru/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/blog/tr/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/blog/tr/react-i18next_vs_react-intl_vs_intlayer.md +1 -1
- package/blog/uk/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/blog/uk/react-i18next_vs_react-intl_vs_intlayer.md +1 -1
- package/blog/vi/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/blog/vi/react-i18next_vs_react-intl_vs_intlayer.md +1 -1
- package/blog/zh/next-i18next_vs_next-intl_vs_intlayer.md +1 -1
- package/docs/ar/benchmark/nextjs.md +8 -8
- package/docs/ar/benchmark/solid.md +8 -8
- package/docs/ar/benchmark/svelte.md +8 -8
- package/docs/ar/benchmark/tanstack.md +7 -7
- package/docs/ar/benchmark/vue.md +8 -8
- package/docs/ar/interest_of_intlayer.md +107 -80
- package/docs/bn/interest_of_intlayer.md +237 -0
- package/docs/cs/interest_of_intlayer.md +237 -0
- package/docs/de/benchmark/nextjs.md +8 -8
- package/docs/de/benchmark/solid.md +8 -8
- package/docs/de/benchmark/svelte.md +8 -8
- package/docs/de/benchmark/tanstack.md +7 -7
- package/docs/de/benchmark/vue.md +8 -8
- package/docs/de/interest_of_intlayer.md +98 -74
- package/docs/en/benchmark/___nextjs.md +8 -8
- package/docs/en/benchmark/___tanstack.md +6 -6
- package/docs/en/benchmark/nextjs.md +8 -8
- package/docs/en/benchmark/solid.md +8 -8
- package/docs/en/benchmark/svelte.md +8 -8
- package/docs/en/benchmark/tanstack.md +7 -7
- package/docs/en/benchmark/vue.md +8 -8
- package/docs/en/configuration.md +2 -1
- package/docs/en/interest_of_intlayer.md +1 -1
- package/docs/en-GB/benchmark/nextjs.md +8 -8
- package/docs/en-GB/benchmark/solid.md +8 -8
- package/docs/en-GB/benchmark/svelte.md +8 -8
- package/docs/en-GB/benchmark/tanstack.md +7 -7
- package/docs/en-GB/benchmark/vue.md +8 -8
- package/docs/en-GB/configuration.md +2 -1
- package/docs/en-GB/interest_of_intlayer.md +59 -33
- package/docs/es/benchmark/nextjs.md +8 -8
- package/docs/es/benchmark/solid.md +8 -8
- package/docs/es/benchmark/svelte.md +8 -8
- package/docs/es/benchmark/tanstack.md +7 -7
- package/docs/es/benchmark/vue.md +8 -8
- package/docs/es/interest_of_intlayer.md +28 -2
- package/docs/fr/benchmark/nextjs.md +8 -8
- package/docs/fr/benchmark/solid.md +8 -8
- package/docs/fr/benchmark/svelte.md +8 -8
- package/docs/fr/benchmark/tanstack.md +7 -7
- package/docs/fr/benchmark/vue.md +8 -8
- package/docs/fr/interest_of_intlayer.md +47 -21
- package/docs/hi/benchmark/nextjs.md +8 -8
- package/docs/hi/benchmark/solid.md +8 -8
- package/docs/hi/benchmark/svelte.md +8 -8
- package/docs/hi/benchmark/tanstack.md +7 -7
- package/docs/hi/benchmark/vue.md +8 -8
- package/docs/hi/interest_of_intlayer.md +114 -88
- package/docs/id/benchmark/nextjs.md +8 -8
- package/docs/id/benchmark/solid.md +8 -8
- package/docs/id/benchmark/svelte.md +8 -8
- package/docs/id/benchmark/tanstack.md +7 -7
- package/docs/id/benchmark/vue.md +8 -8
- package/docs/id/interest_of_intlayer.md +81 -81
- package/docs/it/benchmark/nextjs.md +8 -8
- package/docs/it/benchmark/solid.md +8 -8
- package/docs/it/benchmark/svelte.md +8 -8
- package/docs/it/benchmark/tanstack.md +7 -7
- package/docs/it/benchmark/vue.md +4 -4
- package/docs/it/interest_of_intlayer.md +96 -69
- package/docs/ja/benchmark/nextjs.md +8 -8
- package/docs/ja/benchmark/solid.md +8 -8
- package/docs/ja/benchmark/svelte.md +8 -8
- package/docs/ja/benchmark/tanstack.md +7 -7
- package/docs/ja/benchmark/vue.md +8 -8
- package/docs/ja/interest_of_intlayer.md +108 -81
- package/docs/ko/benchmark/nextjs.md +8 -8
- package/docs/ko/benchmark/solid.md +8 -8
- package/docs/ko/benchmark/svelte.md +8 -8
- package/docs/ko/benchmark/tanstack.md +7 -7
- package/docs/ko/benchmark/vue.md +8 -8
- package/docs/ko/interest_of_intlayer.md +101 -74
- package/docs/nl/interest_of_intlayer.md +237 -0
- package/docs/pl/benchmark/nextjs.md +8 -8
- package/docs/pl/benchmark/solid.md +8 -8
- package/docs/pl/benchmark/svelte.md +8 -8
- package/docs/pl/benchmark/tanstack.md +7 -7
- package/docs/pl/benchmark/vue.md +8 -8
- package/docs/pl/interest_of_intlayer.md +85 -83
- package/docs/pt/benchmark/nextjs.md +8 -8
- package/docs/pt/benchmark/solid.md +8 -8
- package/docs/pt/benchmark/svelte.md +8 -8
- package/docs/pt/benchmark/tanstack.md +7 -7
- package/docs/pt/benchmark/vue.md +8 -8
- package/docs/pt/interest_of_intlayer.md +91 -67
- package/docs/ru/benchmark/nextjs.md +8 -8
- package/docs/ru/benchmark/solid.md +6 -7
- package/docs/ru/benchmark/svelte.md +8 -8
- package/docs/ru/benchmark/tanstack.md +7 -7
- package/docs/ru/benchmark/vue.md +8 -8
- package/docs/ru/interest_of_intlayer.md +95 -69
- package/docs/tr/benchmark/nextjs.md +8 -8
- package/docs/tr/benchmark/solid.md +8 -8
- package/docs/tr/benchmark/svelte.md +8 -8
- package/docs/tr/benchmark/tanstack.md +7 -7
- package/docs/tr/benchmark/vue.md +8 -8
- package/docs/tr/interest_of_intlayer.md +94 -89
- package/docs/uk/benchmark/nextjs.md +8 -8
- package/docs/uk/benchmark/solid.md +8 -8
- package/docs/uk/benchmark/svelte.md +8 -8
- package/docs/uk/benchmark/tanstack.md +7 -7
- package/docs/uk/benchmark/vue.md +8 -8
- package/docs/uk/interest_of_intlayer.md +94 -96
- package/docs/ur/interest_of_intlayer.md +237 -0
- package/docs/vi/benchmark/nextjs.md +8 -8
- package/docs/vi/benchmark/solid.md +8 -8
- package/docs/vi/benchmark/svelte.md +8 -8
- package/docs/vi/benchmark/tanstack.md +7 -7
- package/docs/vi/benchmark/vue.md +8 -8
- package/docs/vi/interest_of_intlayer.md +82 -79
- package/docs/zh/benchmark/nextjs.md +8 -8
- package/docs/zh/benchmark/solid.md +6 -7
- package/docs/zh/benchmark/svelte.md +7 -7
- package/docs/zh/benchmark/tanstack.md +7 -7
- package/docs/zh/benchmark/vue.md +8 -8
- package/docs/zh/interest_of_intlayer.md +99 -72
- package/docs/zh-TW/interest_of_intlayer.md +237 -0
- package/package.json +6 -6
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
---
|
|
2
2
|
createdAt: 2024-08-14
|
|
3
|
-
updatedAt: 2025-
|
|
3
|
+
updatedAt: 2025-09-27
|
|
4
4
|
title: Intlayerの利点
|
|
5
|
-
description: プロジェクトでIntlayer
|
|
5
|
+
description: プロジェクトでIntlayerを使用する利点とメリットを発見してください。Intlayerが他のフレームワークの中で際立っている理由を理解しましょう。
|
|
6
6
|
keywords:
|
|
7
7
|
- 利点
|
|
8
8
|
- メリット
|
|
@@ -13,6 +13,9 @@ slugs:
|
|
|
13
13
|
- doc
|
|
14
14
|
- why
|
|
15
15
|
history:
|
|
16
|
+
- version: 7.3.1
|
|
17
|
+
date: 2025-11-27
|
|
18
|
+
changes: "コンパイラのリリース"
|
|
16
19
|
- version: 5.8.0
|
|
17
20
|
date: 2025-08-19
|
|
18
21
|
changes: "比較表の更新"
|
|
@@ -21,24 +24,24 @@ history:
|
|
|
21
24
|
changes: "履歴の初期化"
|
|
22
25
|
---
|
|
23
26
|
|
|
24
|
-
# なぜIntlayer
|
|
27
|
+
# なぜIntlayerを検討すべきなのですか?
|
|
25
28
|
|
|
26
|
-
## Intlayer
|
|
29
|
+
## Intlayerとは何ですか?
|
|
27
30
|
|
|
28
|
-
**Intlayer
|
|
31
|
+
**Intlayer**は、JavaScript開発者向けに特別に設計された国際化ライブラリです。コードのあらゆる場所でコンテンツを宣言することができます。多言語コンテンツの宣言を構造化された辞書に変換し、コードに簡単に統合できるようにします。TypeScriptを使用することで、**Intlayer**は開発をより強力かつ効率的にします。
|
|
29
32
|
|
|
30
|
-
## なぜIntlayer
|
|
33
|
+
## なぜIntlayerが作られたのですか?
|
|
31
34
|
|
|
32
|
-
Intlayerは、`next-intl`、`react-i18next`、`react-intl`、`next-i18next`、`react-intl`、および`vue-i18n
|
|
35
|
+
Intlayerは、`next-intl`、`react-i18next`、`react-intl`、`next-i18next`、`react-intl`、および`vue-i18n`などのすべての一般的なi18nライブラリに影響を与える共通の問題を解決するために作られました。
|
|
33
36
|
|
|
34
|
-
|
|
37
|
+
これらのソリューションはすべて、コンテンツをリスト化して管理するために集中型のアプローチを採用しています。例えば:
|
|
35
38
|
|
|
36
39
|
```bash
|
|
37
40
|
.
|
|
38
41
|
├── locales
|
|
39
42
|
│ ├── en.json
|
|
40
|
-
│ ├──
|
|
41
|
-
│ └──
|
|
43
|
+
│ ├── es.json
|
|
44
|
+
│ └── fr.json
|
|
42
45
|
├── i18n.ts
|
|
43
46
|
└── src
|
|
44
47
|
└── components
|
|
@@ -46,7 +49,7 @@ Intlayerは、`next-intl`、`react-i18next`、`react-intl`、`next-i18next`、`r
|
|
|
46
49
|
└── index.tsx
|
|
47
50
|
```
|
|
48
51
|
|
|
49
|
-
|
|
52
|
+
またはネームスペースを使用する場合:
|
|
50
53
|
|
|
51
54
|
```bash
|
|
52
55
|
.
|
|
@@ -67,23 +70,23 @@ Intlayerは、`next-intl`、`react-i18next`、`react-intl`、`next-i18next`、`r
|
|
|
67
70
|
└── index.tsx
|
|
68
71
|
```
|
|
69
72
|
|
|
70
|
-
|
|
73
|
+
このタイプのアーキテクチャは、いくつかの理由により開発プロセスを遅らせ、コードベースの保守を複雑にします。
|
|
71
74
|
|
|
72
|
-
1.
|
|
73
|
-
- `locales
|
|
74
|
-
-
|
|
75
|
-
- コンテンツを翻訳する(多くの場合、AI
|
|
75
|
+
1. **新しいコンポーネントを作成するたびに、次のことを行う必要があります:**
|
|
76
|
+
- `locales`フォルダに新しいリソース/ネームスペースを作成する
|
|
77
|
+
- ページに新しいネームスペースをインポートすることを忘れない
|
|
78
|
+
- コンテンツを翻訳する(多くの場合、AIプロバイダーからのコピー/ペーストによって手動で行われます)
|
|
76
79
|
|
|
77
|
-
2.
|
|
78
|
-
-
|
|
80
|
+
2. **コンポーネントに変更を加えるたびに、次のことを行う必要があります:**
|
|
81
|
+
- 関連するリソース/ネームスペースを探す(コンポーネントから遠い)
|
|
79
82
|
- コンテンツを翻訳する
|
|
80
|
-
-
|
|
81
|
-
-
|
|
82
|
-
-
|
|
83
|
+
- コンテンツがいずれのロケールでも最新であることを確認する
|
|
84
|
+
- ネームスペースに使用されていないキー/値が含まれていないか確認する
|
|
85
|
+
- JSONファイルの構造がすべてのロケールで同じであることを確認する
|
|
83
86
|
|
|
84
|
-
|
|
87
|
+
これらのソリューションを使用するプロフェッショナルなプロジェクトでは、コンテンツの翻訳を管理するためにローカライゼーションプラットフォームがよく使用されます。しかし、これは大規模なプロジェクトではすぐにコストがかさむ可能性があります。
|
|
85
88
|
|
|
86
|
-
この問題を解決するために、Intlayer
|
|
89
|
+
この問題を解決するために、Intlayerはコンポーネントごとにコンテンツをスコープし、CSS(`styled-components`)、型、ドキュメント(`storybook`)、またはユニットテスト(`jest`)で行うのと同様に、コンテンツをコンポーネントの近くに保つアプローチを採用しています。
|
|
87
90
|
|
|
88
91
|
```bash codeFormat="typescript"
|
|
89
92
|
.
|
|
@@ -142,69 +145,93 @@ export const ComponentExample = () => {
|
|
|
142
145
|
};
|
|
143
146
|
```
|
|
144
147
|
|
|
145
|
-
|
|
148
|
+
このアプローチにより、次のことが可能になります:
|
|
146
149
|
|
|
147
|
-
1.
|
|
148
|
-
-
|
|
149
|
-
- IDE
|
|
150
|
+
1. **開発スピードの向上**
|
|
151
|
+
- VSCode拡張機能を使用して`.content.{{ts|mjs|cjs|json}}`ファイルを作成できます
|
|
152
|
+
- IDEの自動補完AIツール(GitHub Copilotなど)がコンテンツの宣言を支援し、コピー/ペーストを削減できます
|
|
150
153
|
|
|
151
|
-
2.
|
|
152
|
-
-
|
|
153
|
-
-
|
|
154
|
+
2. **コードベースのクリーンアップ**
|
|
155
|
+
- 複雑さを軽減
|
|
156
|
+
- 保守性を向上
|
|
154
157
|
|
|
155
|
-
3.
|
|
156
|
-
-
|
|
157
|
-
-
|
|
158
|
+
3. **コンポーネントとそれに関連するコンテンツの複製をより容易にする(例:ログイン/登録コンポーネントなど)**
|
|
159
|
+
- 他のコンポーネントのコンテンツに影響を与えるリスクを制限する
|
|
160
|
+
- 外部依存関係なしに、あるアプリケーションから別のアプリケーションへコンテンツをコピー/ペーストする
|
|
158
161
|
|
|
159
|
-
4.
|
|
160
|
-
- コンポーネントを使用しない場合、Intlayer
|
|
161
|
-
-
|
|
162
|
+
4. **未使用のコンポーネントのための未使用のキー/値でコードベースを汚染することを避ける**
|
|
163
|
+
- コンポーネントを使用しない場合、Intlayerは関連するコンテンツをインポートしません
|
|
164
|
+
- コンポーネントを削除すると、同じフォルダに存在するため、関連するコンテンツの削除を忘れにくくなります
|
|
162
165
|
|
|
163
|
-
5.
|
|
164
|
-
- AI
|
|
165
|
-
- IDE
|
|
166
|
+
5. **AIエージェントが多言語コンテンツを宣言するための推論コストを削減する**
|
|
167
|
+
- AIエージェントは、コンテンツをどこに実装すべきかを知るためにコードベース全体をスキャンする必要がありません
|
|
168
|
+
- 翻訳は、IDEの自動補完AIツール(GitHub Copilotなど)によって簡単に行えます
|
|
169
|
+
|
|
170
|
+
6. **読み込みパフォーマンスの最適化**
|
|
171
|
+
- コンポーネントが遅延読み込みされる場合、関連するコンテンツも同時に読み込まれます
|
|
166
172
|
|
|
167
173
|
## Intlayerの追加機能
|
|
168
174
|
|
|
169
|
-
| 機能 | 説明
|
|
170
|
-
| ------------------------------------------------------------------------------------------------------------------------- |
|
|
171
|
-
|  | **JavaScriptによるコンテンツ管理**<br><br>JavaScript
|
|
173
|
-
|
|
|
174
|
-
|  | **クロスフレームワークのサポート**<br><br>Intlayerは、Next.js、React、Vite、Vue.js、Nuxt、Preact、Expressなどを含むすべての主要なフレームワークおよびライブラリと互換性があります。 |
|
|
178
|
+
|  | **JavaScriptによるコンテンツ管理**<br><br>JavaScriptの柔軟性を活用して、コンテンツを効率的に定義および管理します。<br><br> - [コンテンツの宣言](https://intlayer.org/doc/concept/content) |
|
|
179
|
+
| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/compiler.jpg?raw=true" alt="機能" width="700"> | **コンパイラ**<br><br>Intlayerコンパイラはコンポーネントからコンテンツを自動的に抽出し、辞書ファイルを生成します。<br><br> - [コンパイラ](https://intlayer.org/doc/compiler) |
|
|
180
|
+
|  | **ロケールごとのコンテンツ宣言ファイル**<br><br>自動生成の前にコンテンツを一度宣言することで、開発をスピードアップします。<br><br> - [ロケールごとのコンテンツ宣言ファイル](https://intlayer.org/doc/concept/per-locale-file) |
|
|
181
|
+
|  | **型安全な環境**<br><br>TypeScriptを活用して、コンテンツの定義とコードにエラーがないことを保証し、IDEの自動補完の恩恵も受けられます。<br><br> - [TypeScriptの設定](https://intlayer.org/doc/environment/vite-and-react#configure-typescript) |
|
|
182
|
+
|  | **簡素化されたセットアップ**<br><br>最小限の構成ですぐに稼働できます。国際化、ルーティング、AI、ビルド、およびコンテンツ処理の設定を簡単に調整できます。<br><br> - [Next.jsの統合を探索する](https://intlayer.org/doc/environment/nextjs) |
|
|
183
|
+
|  | **簡素化されたコンテンツ取得**<br><br>コンテンツごとに`t`関数を呼び出す必要はありません。単一のフックを使用してすべてのコンテンツを直接取得します。<br><br> - [Reactの統合](https://intlayer.org/doc/environment/create-react-app) |
|
|
184
|
+
|  | **一貫したサーバーコンポーネントの実装**<br><br>Next.jsサーバーコンポーネントに最適です。クライアントコンポーネントとサーバーコンポーネントの両方で同じ実装を使用でき、各サーバーコンポーネントに`t`関数を渡す必要はありません。<br><br> - [サーバーコンポーネント](https://intlayer.org/doc/environment/nextjs#step-7-utilize-content-in-your-code) |
|
|
185
|
+
|  | **整理されたコードベース**<br><br>コードベースをより整理された状態に保ちます:1コンポーネント = 同じフォルダ内の1辞書。それぞれのコンポーネントの近くにある翻訳は、保守性と明快さを向上させます。<br><br> - [Intlayerの仕組み](https://intlayer.org/doc/concept/how-works-intlayer) |
|
|
186
|
+
|  | **強化されたルーティング**<br><br>アプリルーティングをフルサポートし、Next.js、React、Vite、Vue.jsなどの複雑なアプリケーション構造にシームレスに適応します。<br><br> - [Next.jsの統合を探索する](https://intlayer.org/doc/environment/nextjs) |
|
|
187
|
+
|  | **Markdownサポート**<br><br>プライバシーポリシー、ドキュメントなどの多言語コンテンツ用にロケールファイルとリモートMarkdownをインポートして解釈します。Markdownメタデータを解釈し、コード内でアクセス可能にします。<br><br> - [コンテンツファイル](https://intlayer.org/doc/concept/content/file) |
|
|
188
|
+
|  | **無料のビジュアルエディタとCMS**<br><br>コンテンツライター向けに無料のビジュアルエディタとCMSが利用可能で、ローカライゼーションプラットフォームの必要性を排除します。Gitを使用してコンテンツを同期させるか、CMSを使用して完全または部分的に外部化します。<br><br> - [Intlayerエディタ](https://intlayer.org/doc/concept/editor) <br> - [Intlayer CMS](https://intlayer.org/doc/concept/cms) |
|
|
189
|
+
|  | **Tree-shakableなコンテンツ**<br><br>Tree-shakableなコンテンツにより、最終的なバンドルのサイズを削減します。コンポーネントごとにコンテンツを読み込み、バンドルから未使用のコンテンツを除外します。アプリの読み込み効率を高めるために遅延読み込みをサポートします。<br><br> - [アプリビルドの最適化](https://intlayer.org/doc/concept/how-works-intlayer#app-build-optimization) |
|
|
190
|
+
|  | **静的レンダリング**<br><br>静的レンダリングをブロックしません。<br><br> - [Next.jsの統合](https://intlayer.org/doc/environment/nextjs) |
|
|
191
|
+
|  | **AIを活用した翻訳**<br><br>独自のAIプロバイダー/APIキーを使用して、Intlayerの高度なAI搭載翻訳ツールにより、ワンクリックでWebサイトを231言語に変換します。<br><br> - [CI/CDの統合](https://intlayer.org/doc/concept/ci-cd) <br> - [Intlayer CLI](https://intlayer.org/doc/concept/cli) <br> - [自動入力](https://intlayer.org/doc/concept/auto-fill) |
|
|
192
|
+
|  | **MCPサーバーの統合**<br><br>IDE自動化のためのMCP(Model Context Protocol)サーバーを提供し、開発環境内でシームレスなコンテンツ管理とi18nワークフローを可能にします。<br><br> - [MCPサーバー](https://github.com/aymericzip/intlayer/blob/main/docs/ja/mcp_server.md) |
|
|
193
|
+
|  | **VSCode拡張機能**<br><br>Intlayerは、コンテンツや翻訳の管理、辞書の構築、コンテンツの翻訳などを支援するVSCode拡張機能を提供します。<br><br> - [VSCode拡張機能](https://intlayer.org/doc/vs-code-extension) |
|
|
194
|
+
|  | **相互運用性**<br><br>react-i18next、next-i18next、next-intl、およびreact-intlとの相互運用を可能にします。<br><br> - [Intlayerとreact-intl](https://intlayer.org/blog/intlayer-with-react-intl) <br> - [Intlayerとnext-intl](https://intlayer.org/blog/intlayer-with-next-intl) <br> - [Intlayerとnext-i18next](https://intlayer.org/blog/intlayer-with-next-i18next) |
|
|
195
|
+
| 欠落している翻訳のテスト (CLI/CI) | ✅ CLI: npx intlayer content test (CIフレンドリーな監査) |
|
|
196
|
+
|
|
197
|
+
## Intlayerと他のソリューションの比較
|
|
198
|
+
|
|
199
|
+
| 機能 | `intlayer` | `react-i18next` | `react-intl` (FormatJS) | `lingui` | `next-intl` | `next-i18next` | `vue-i18n` |
|
|
200
|
+
| --------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------- |
|
|
201
|
+
| **コンポーネントの近くにある翻訳** | ✅ はい、コンテンツは各コンポーネントと同じ場所に配置されます | ❌ いいえ | ❌ いいえ | ❌ いいえ | ❌ いいえ | ❌ いいえ | ✅ はい - `Single File Components` (SFC)を使用している場合 |
|
|
202
|
+
| **TypeScriptの統合** | ✅ 高度、自動生成された厳密な型 | ⚠️ 基本的。安全性のために追加の設定が必要 | ✅ 良好だが、それほど厳密ではない | ⚠️ タイピング、設定が必要 | ✅ 良好 | ⚠️ 基本的 | ✅ 良好(型は利用可能。キーの安全性には設定が必要) |
|
|
203
|
+
| **欠落している翻訳の検出** | ✅ TypeScriptのエラーハイライトおよびビルド時のエラー/警告 | ⚠️ 実行時は主にフォールバック文字列 | ⚠️ フォールバック文字列 | ⚠️ 追加の設定が必要 | ⚠️ 実行時のフォールバック | ⚠️ 実行時のフォールバック | ⚠️ 実行時のフォールバック/警告(設定可能) |
|
|
204
|
+
| **リッチコンテンツ (JSX/Markdown/コンポーネント)** | ✅ 直接サポート | ⚠️ 制限あり / 補間のみ | ⚠️ ICU構文、実際のJSXではない | ⚠️ 制限あり | ❌ リッチノード向けに設計されていない | ⚠️ 制限あり | ⚠️ 制限あり(`<i18n-t>`経由のコンポーネント、プラグイン経由のMarkdown) |
|
|
205
|
+
| **AIを活用した翻訳** | ✅ はい、複数のAIプロバイダーをサポート。独自のAPIキーを使用して利用可能。アプリケーションのコンテキストとコンテンツの範囲を考慮します | ❌ いいえ | ❌ いいえ | ❌ いいえ | ❌ いいえ | ❌ いいえ | ❌ いいえ |
|
|
206
|
+
| **ビジュアルエディタ** | ✅ はい、ローカルのビジュアルエディタ + オプションのCMS。コードベースのコンテンツを外部化可能。埋め込み可能 | ❌ いいえ / 外部のローカライゼーションプラットフォーム経由で利用可能 | ❌ いいえ / 外部のローカライゼーションプラットフォーム経由で利用可能 | ❌ いいえ / 外部のローカライゼーションプラットフォーム経由で利用可能 | ❌ いいえ / 外部のローカライゼーションプラットフォーム経由で利用可能 | ❌ いいえ / 外部のローカライゼーションプラットフォーム経由で利用可能 | ❌ いいえ / 外部のローカライゼーションプラットフォーム経由で利用可能 |
|
|
207
|
+
| **ローカライズされたルーティング** | ✅ はい、ローカライズされたパスを標準でサポート(Next.jsおよびViteで動作) | ⚠️ 組み込みなし。プラグイン(`next-i18next`など)またはカスタムルーター設定が必要 | ❌ いいえ、メッセージのフォーマットのみ。ルーティングは手動で行う必要あり | ⚠️ 組み込みなし。プラグインまたは手動設定が必要 | ✅ 組み込み、App Routerは`[locale]`セグメントをサポート | ✅ 組み込み | ✅ 組み込み |
|
|
208
|
+
| **動的ルート生成** | ✅ はい | ⚠️ プラグイン/エコシステムまたは手動セットアップ | ❌ 提供なし | ⚠️ プラグイン/手動 | ✅ はい | ✅ はい | ❌ 提供なし(Nuxt i18nが提供) |
|
|
209
|
+
| **複数形化** | ✅ 列挙ベースのパターン | ✅ 設定可能(i18next-icuなどのプラグイン) | ✅ (ICU) | ✅ (ICU/messageformat) | ✅ 良好 | ✅ 良好 | ✅ 組み込みの複数形ルール |
|
|
210
|
+
| **フォーマット (日付、数値、通貨)** | ✅ 最適化されたフォーマッタ(内部でIntlを使用) | ⚠️ プラグインまたはカスタムIntlの使用経由 | ✅ ICUフォーマッタ | ✅ ICU/CLIヘルパー | ✅ 良好(Intlヘルパー) | ✅ 良好(Intlヘルパー) | ✅ 組み込みの日付/数値フォーマッタ(Intl) |
|
|
211
|
+
| **コンテンツ形式** | ✅ .tsx, .ts, .js, .json, .md, .txt, (.yaml 開発中) | ⚠️ .json | ✅ .json, .js | ⚠️ .po, .json | ✅ .json, .js, .ts | ⚠️ .json | ✅ .json, .js |
|
|
212
|
+
| **ICUサポート** | ⚠️ 開発中 | ⚠️ プラグイン(i18next-icu)経由 | ✅ はい | ✅ はい | ✅ はい | ⚠️ プラグイン(`i18next-icu`)経由 | ⚠️ カスタムフォーマッタ/コンパイラ経由 |
|
|
213
|
+
| **SEOヘルパー (hreflang, sitemap)** | ✅ 組み込みツール:sitemap、robots.txt、メタデータのヘルパー | ⚠️ コミュニティプラグイン/手動 | ❌ コアではない | ❌ コアではない | ✅ 良好 | ✅ 良好 | ❌ コアではない(Nuxt i18nがヘルパーを提供) |
|
|
214
|
+
| **エコシステム / コミュニティ** | ⚠️ 小規模だが急速に成長中であり、反応も早い | ✅ 最大規模かつ成熟 | ✅ 大規模 | ⚠️ 小規模 | ✅ 中規模、Next.jsに特化 | ✅ 中規模、Next.jsに特化 | ✅ Vueエコシステムで大規模 |
|
|
215
|
+
| **サーバーサイドレンダリングとサーバーコンポーネント** | ✅ はい、SSR / Reactサーバーコンポーネント向けに合理化されています | ⚠️ ページレベルでサポートされていますが、子サーバーコンポーネントのコンポーネントツリーにt関数を渡す必要あり | ⚠️ 追加設定によりページレベルでサポートされていますが、子サーバーコンポーネントのコンポーネントツリーにt関数を渡す必要あり | ✅ サポート。設定が必要 | ⚠️ ページレベルでサポートされていますが、子サーバーコンポーネントのコンポーネントツリーにt関数を渡す必要あり | ⚠️ ページレベルでサポートされていますが、子サーバーコンポーネントのコンポーネントツリーにt関数を渡す必要あり | ✅ Nuxt/Vue SSR経由のSSR(RSCなし) |
|
|
216
|
+
| **ツリーシェイキング (使用されているコンテンツのみを読み込む)** | ✅ はい、Babel/SWCプラグインを介してビルド時にコンポーネントごとに実施 | ⚠️ 通常はすべてを読み込みます(ネームスペース/コード分割で改善可能) | ⚠️ 通常はすべてを読み込みます | ❌ デフォルトではない | ⚠️ 部分的 | ⚠️ 部分的 | ⚠️ 部分的(コード分割/手動設定により) |
|
|
217
|
+
| **遅延読み込み** | ✅ はい、ロケールごと / 辞書ごと | ✅ はい(例:オンデマンドのバックエンド/ネームスペース) | ✅ はい(ロケールバンドルの分割) | ✅ はい(動的なカタログインポート) | ✅ はい(ルートごと/ロケールごと)。ネームスペースの管理が必要 | ✅ はい(ルートごと/ロケールごと)。ネームスペースの管理が必要 | ✅ はい(非同期ロケールメッセージ) |
|
|
218
|
+
| **未使用のコンテンツの削除** | ✅ はい、ビルド時に辞書ごとに実施 | ❌ いいえ。手動のネームスペース分割経由のみ | ❌ いいえ。宣言されたすべてのメッセージがバンドルされます | ✅ はい。ビルド時に未使用のキーが検出され、ドロップされます | ❌ いいえ。ネームスペース管理により手動で管理可能 | ❌ いいえ。ネームスペース管理により手動で管理可能 | ❌ いいえ。手動の遅延読み込み経由でのみ可能 |
|
|
219
|
+
| **大規模プロジェクトの管理** | ✅ モジュール化を促進し、デザインシステムに適しています | ⚠️ 良好なファイル規律が必要 | ⚠️ 中央カタログが大きくなる可能性あり | ⚠️ 複雑になる可能性あり | ✅ 設定によるモジュール化 | ✅ 設定によるモジュール化 | ✅ Vue Router/Nuxt i18nの設定によるモジュール化 |
|
|
220
|
+
|
|
221
|
+
---
|
|
222
|
+
|
|
223
|
+
## GitHubのスター
|
|
224
|
+
|
|
225
|
+
GitHubのスターは、プロジェクトの普及度、コミュニティの信頼、および長期的な関連性を示す強力な指標です。技術的な品質を直接測定するものではありませんが、どれだけの開発者がプロジェクトを有用だと感じ、その進捗をフォローし、採用する可能性があるかを反映しています。プロジェクトの価値を見積もる際、スターは代替案との勢いの比較を助け、エコシステムの成長に関する洞察を提供します。
|
|
226
|
+
|
|
227
|
+
[](https://www.star-history.com/#formatjs/formatjs&i18next/react-i18next&i18next/i18next&i18next/next-i18next&lingui/js-lingui&amannn/next-intl&intlify/vue-i18n&opral/paraglide-js&aymericzip/intlayer)
|
|
228
|
+
|
|
229
|
+
---
|
|
230
|
+
|
|
231
|
+
## 相互運用性
|
|
232
|
+
|
|
233
|
+
`intlayer`は、`react-intl`、`react-i18next`、`next-intl`、`next-i18next`、および`vue-i18n`のネームスペースの管理も支援できます。
|
|
234
|
+
|
|
235
|
+
`intlayer`を使用すると、お気に入りのi18nライブラリの形式でコンテンツを宣言でき、intlayerが選択した場所(例:`/messages/{{locale}}/{{namespace}}.json`)にネームスペースを生成します。
|
|
236
|
+
|
|
237
|
+
詳細は、[`dictionaryOutput`および`i18nextResourcesDir`オプション](https://intlayer.org/doc/concept/configuration#content-configuration)を参照してください。
|
|
@@ -36,14 +36,14 @@ history:
|
|
|
36
36
|
|
|
37
37
|
## 결과 참조:
|
|
38
38
|
|
|
39
|
-
<
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
39
|
+
<ClickToOpenIframe
|
|
40
|
+
src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-nextjs.md"
|
|
41
|
+
width="100%"
|
|
42
|
+
height="600px"
|
|
43
|
+
style="border:none;"
|
|
44
|
+
/>
|
|
45
45
|
|
|
46
|
-
> https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-nextjs.md
|
|
46
|
+
> [전체 벤치마크 데이터 보기](https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-nextjs.md)
|
|
47
47
|
|
|
48
48
|
전체 벤치마크 저장소는 [여기](https://github.com/intlayer-org/benchmark-i18n)에서 확인할 수 있습니다.
|
|
49
49
|
|
|
@@ -72,7 +72,7 @@ Intlayer는 이러한 모든 차원에서 최적화를 시도합니다.
|
|
|
72
72
|
|
|
73
73
|
이러한 문제들을 파악하기 위해 [여기](https://intlayer.org/i18n-seo-scanner)에서 시도해 볼 수 있는 무료 스캐너를 구축했습니다.
|
|
74
74
|
|
|
75
|
-
<
|
|
75
|
+
<ClickToOpenIframe src="https://intlayer.org/i18n-seo-scanner" width="100%" height="600px" style="border:none;"/>
|
|
76
76
|
|
|
77
77
|
## 문제점
|
|
78
78
|
|
|
@@ -36,14 +36,14 @@ history:
|
|
|
36
36
|
|
|
37
37
|
## 결과 참조:
|
|
38
38
|
|
|
39
|
-
<
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
39
|
+
<ClickToOpenIframe
|
|
40
|
+
src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_solid.md"
|
|
41
|
+
width="100%"
|
|
42
|
+
height="600px"
|
|
43
|
+
style="border:none;"
|
|
44
|
+
/>
|
|
45
45
|
|
|
46
|
-
> https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_solid.md
|
|
46
|
+
> [전체 벤치마크 데이터 보기](https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_solid.md)
|
|
47
47
|
|
|
48
48
|
전체 벤치마크 저장소는 [여기](https://github.com/intlayer-org/benchmark-i18n/tree/main)에서 확인할 수 있습니다.
|
|
49
49
|
|
|
@@ -68,7 +68,7 @@ history:
|
|
|
68
68
|
|
|
69
69
|
i18n 누수 문제를 빠르게 파악하기 위해 [여기](https://intlayer.org/i18n-seo-scanner)에서 시도해 볼 수 있는 무료 스캐너를 구축했습니다.
|
|
70
70
|
|
|
71
|
-
<
|
|
71
|
+
<ClickToOpenIframe src="https://intlayer.org/i18n-seo-scanner" width="100%" height="600px" style="border:none;"/>
|
|
72
72
|
|
|
73
73
|
## 문제점
|
|
74
74
|
|
|
@@ -36,14 +36,14 @@ history:
|
|
|
36
36
|
|
|
37
37
|
## 결과 참조:
|
|
38
38
|
|
|
39
|
-
<
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
39
|
+
<ClickToOpenIframe
|
|
40
|
+
src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_svelte.md"
|
|
41
|
+
width="100%"
|
|
42
|
+
height="600px"
|
|
43
|
+
style="border:none;"
|
|
44
|
+
/>
|
|
45
45
|
|
|
46
|
-
> https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_svelte.md
|
|
46
|
+
> [전체 벤치마크 데이터 보기](https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_svelte.md)
|
|
47
47
|
|
|
48
48
|
전체 벤치마크 저장소는 [여기](https://github.com/intlayer-org/benchmark-i18n/tree/main)에서 확인할 수 있습니다.
|
|
49
49
|
|
|
@@ -67,7 +67,7 @@ history:
|
|
|
67
67
|
|
|
68
68
|
i18n 누수 문제를 빠르게 파악하기 위해 [여기](https://intlayer.org/i18n-seo-scanner)에서 시도해 볼 수 있는 무료 스캐너를 구축했습니다.
|
|
69
69
|
|
|
70
|
-
<
|
|
70
|
+
<ClickToOpenIframe src="https://intlayer.org/i18n-seo-scanner" width="100%" height="600px" style="border:none;"/>
|
|
71
71
|
|
|
72
72
|
## 문제점
|
|
73
73
|
|
|
@@ -36,14 +36,14 @@ history:
|
|
|
36
36
|
|
|
37
37
|
## 결과 참조:
|
|
38
38
|
|
|
39
|
-
<
|
|
40
|
-
src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-tanstack.md"
|
|
41
|
-
width="100%"
|
|
39
|
+
<ClickToOpenIframe
|
|
40
|
+
src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-tanstack.md"
|
|
41
|
+
width="100%"
|
|
42
42
|
height="600px"
|
|
43
|
-
style="border:none;"
|
|
44
|
-
|
|
43
|
+
style="border:none;"
|
|
44
|
+
/>
|
|
45
45
|
|
|
46
|
-
> https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-tanstack.md
|
|
46
|
+
> [전체 벤치마크 데이터 보기](https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-tanstack.md)
|
|
47
47
|
|
|
48
48
|
전체 벤치마크 저장소는 [여기](https://github.com/intlayer-org/benchmark-i18n/tree/main)에서 확인할 수 있습니다.
|
|
49
49
|
|
|
@@ -68,7 +68,7 @@ history:
|
|
|
68
68
|
|
|
69
69
|
i18n 누수 문제를 빠르게 파악하기 위해 [여기](https://intlayer.org/i18n-seo-scanner)에서 시도해 볼 수 있는 무료 스캐너를 구축했습니다.
|
|
70
70
|
|
|
71
|
-
<
|
|
71
|
+
<ClickToOpenIframe src="https://intlayer.org/i18n-seo-scanner" width="100%" height="600px" style="border:none;"/>
|
|
72
72
|
|
|
73
73
|
## 문제점
|
|
74
74
|
|
package/docs/ko/benchmark/vue.md
CHANGED
|
@@ -36,14 +36,14 @@ history:
|
|
|
36
36
|
|
|
37
37
|
## 결과 참조:
|
|
38
38
|
|
|
39
|
-
<
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
39
|
+
<ClickToOpenIframe
|
|
40
|
+
src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_vue.md"
|
|
41
|
+
width="100%"
|
|
42
|
+
height="600px"
|
|
43
|
+
style="border:none;"
|
|
44
|
+
/>
|
|
45
45
|
|
|
46
|
-
> https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_vue.md
|
|
46
|
+
> [전체 벤치마크 데이터 보기](https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_vue.md)
|
|
47
47
|
|
|
48
48
|
전체 벤치마크 저장소는 [여기](https://github.com/intlayer-org/benchmark-i18n/tree/main)에서 확인할 수 있습니다.
|
|
49
49
|
|
|
@@ -67,7 +67,7 @@ history:
|
|
|
67
67
|
|
|
68
68
|
i18n 누수 문제를 빠르게 파악하기 위해 [여기](https://intlayer.org/i18n-seo-scanner)에서 시도해 볼 수 있는 무료 스캐너를 구축했습니다.
|
|
69
69
|
|
|
70
|
-
<
|
|
70
|
+
<ClickToOpenIframe src="https://intlayer.org/i18n-seo-scanner" width="100%" height="600px" style="border:none;"/>
|
|
71
71
|
|
|
72
72
|
## 문제점
|
|
73
73
|
|