import { Locales, type Dictionary } from "intlayer";const exampleContent = {  key: "example",  locale: Locales.ENGLISH,  autoFill: "./example.content.json",  content: {    contentExample: "これはコンテンツの例です", // コンテンツの例  },} satisfies Dictionary;export default exampleContent;

こちらは autoFill 指示を使用したロケール別コンテンツ宣言ファイルです。

次に、以下のコマンドを実行すると：

bash

コードをコピー

コードをクリップボードにコピー

npx intlayer fill --file 'src/components/example/example.content.ts'

Intlayer は、メインファイルにまだ宣言されていないすべてのロケールを埋めて、派生した宣言ファイルを src/components/example/example.content.json に自動生成します。

src/components/example/example.content.json

コードをコピー

コードをクリップボードにコピー

{  "key": "example",  "content": {    "contentExample": {      "nodeType": "translation",      "translation": {        "fr": "Ceci est un exemple de contenu",        "es": "Este es un ejemplo de contenido",      },    },  },}

その後、両方の宣言ファイルは単一の辞書にマージされ、標準の useIntlayer("example") フック（React）/ コンポーザブル（Vue）を使ってアクセス可能になります。

自動補完されたファイル形式

自動補完された宣言ファイルに推奨される形式は JSON であり、これによりフォーマットの制約を回避できます。ただし、Intlayer は .ts、.js、.mjs、.cjs などの他の形式もサポートしています。

src/components/example/example.content.ts

コードをコピー

コードをクリップボードにコピー

const exampleContent = {  key: "example",  autoFill: "./example.filled.content.ts",  content: {    // あなたのコンテンツ  },};

これにより、以下のファイルが生成されます：

plaintext

コードをコピー

コードをクリップボードにコピー

src/components/example/example.filled.content.ts

.js、.ts、および類似のファイルの生成は以下のように動作します：

ファイルがすでに存在する場合、Intlayer は AST（抽象構文木）を使用して各フィールドを特定し、欠落している翻訳を挿入します。
ファイルが存在しない場合、Intlayerはデフォルトのコンテンツ宣言ファイルテンプレートを使用して生成します。

絶対パス

autoFill フィールドは絶対パスもサポートしています。

src/components/example/example.content.ts

コードをコピー

コードをクリップボードにコピー

const exampleContent = {  key: "example",  autoFill: "/messages/example.content.json",  content: {    // あなたのコンテンツ  },};

これにより、以下のファイルが生成されます：

plaintext

コードをコピー

コードをクリップボードにコピー

/messages/example.content.json

ロケール別コンテンツ宣言ファイルの自動生成

autoFill フィールドは、ロケール別のコンテンツ宣言ファイルの生成もサポートしています。

src/components/example/example.content.ts

コードをコピー

コードをクリップボードにコピー

const exampleContent = {  key: "example",  autoFill: {    fr: "./example.fr.content.json",    es: "./example.es.content.json",  },  content: {    // あなたのコンテンツ  },};

これにより、2つの別々のファイルが生成されます：

src/components/example/example.fr.content.json
src/components/example/example.es.content.json

この場合、オブジェクトにすべてのロケールが含まれていない場合、Intlayerは残りのロケールの生成をスキップします。

特定のロケールの自動入力をフィルタリングする

autoFill フィールドにオブジェクトを使用すると、フィルターを適用して特定のロケールファイルのみを生成できます。

src/components/example/example.content.ts

コードをコピー

コードをクリップボードにコピー

const exampleContent = {  key: "example",  autoFill: {    fr: "./example.fr.content.json",  },  content: {    // あなたのコンテンツ  },};

これにより、フランス語の翻訳ファイルのみが生成されます。

パス変数

autoFill パス内で変数を使用して、生成されるファイルのターゲットパスを動的に解決することができます。

使用可能な変数:

{{locale}} – ロケールコード（例: fr, es）
{{fileName}} – ファイル名（例: index）
{{key}} – 辞書キー（例: example）

src/components/example/index.content.ts

コードをコピー

コードをクリップボードにコピー

const exampleContent = {  key: "example",  autoFill: "/messages/{{locale}}/{{key}}.content.json",  content: {    // あなたのコンテンツ  },};

これにより、以下のファイルが生成されます:

/messages/fr/example.content.json
/messages/es/example.content.json

src/components/example/index.content.ts

コードをコピー

コードをクリップボードにコピー

const exampleContent = {  key: "example",  autoFill: "./{{fileName}}.content.json",  content: {    // あなたのコンテンツ  },};

これにより、以下のファイルが生成されます:

./index.content.json
./index.content.json

コンパイラー

テスト

作成:2025-03-13最終更新:2025-09-20

このドキュメントをあなたの好きなAIアシスタントに参照してください

ChatGPT

Claude

DeepSeek

Google AI mode Gemini

Perplexity Mistral

Grok

このページとあなたの好きなAIアシスタントを使ってドキュメントを要約します

バージョン履歴

"グローバル設定の追加"
v6.0.02025/9/20
"`{{fileName}}` 変数の追加"
v6.0.02025/9/17
"履歴の初期化"
v5.5.102025/6/29

このページのコンテンツはAIを使用して翻訳されました。

英語の元のコンテンツの最新バージョンを見る

このドキュメントを編集

このドキュメントを改善するアイデアがある場合は、GitHubでプルリクエストを送信することで自由に貢献してください。

ドキュメントへのGitHubリンク

コピー

ドキュメントのMarkdownをクリップボードにコピー

自動入力コンテンツ宣言ファイルの翻訳

自動入力コンテンツ宣言ファイルは、開発ワークフローを高速化する方法です。

src/components/example/example.content.ts

コードをコピー

コードをクリップボードにコピー

import { Locales, type Dictionary } from "intlayer";const exampleContent = {  key: "example",  locale: Locales.ENGLISH,  autoFill: "./example.content.json",  content: {    contentExample: "これはコンテンツの例です", // コンテンツの例  },} satisfies Dictionary;export default exampleContent;

import { Locales, type Dictionary } from "intlayer";const exampleContent = {  key: "example",  locale: Locales.ENGLISH,  autoFill: "./example.content.json",  content: {    contentExample: "これはコンテンツの例です", // コンテンツの例  },} satisfies Dictionary;export default exampleContent;

こちらは autoFill 指示を使用したロケール別コンテンツ宣言ファイルです。

次に、以下のコマンドを実行すると：

bash

コードをコピー

コードをクリップボードにコピー

npx intlayer fill --file 'src/components/example/example.content.ts'

npx intlayer fill --file 'src/components/example/example.content.ts'

src/components/example/example.content.json

コードをコピー

コードをクリップボードにコピー

{  "key": "example",  "content": {    "contentExample": {      "nodeType": "translation",      "translation": {        "fr": "Ceci est un exemple de contenu",        "es": "Este es un ejemplo de contenido",      },    },  },}

{  "key": "example",  "content": {    "contentExample": {      "nodeType": "translation",      "translation": {        "fr": "Ceci est un exemple de contenu",        "es": "Este es un ejemplo de contenido",      },    },  },}

自動補完されたファイル形式

src/components/example/example.content.ts

コードをコピー

コードをクリップボードにコピー

const exampleContent = {  key: "example",  autoFill: "./example.filled.content.ts",  content: {    // あなたのコンテンツ  },};

const exampleContent = {  key: "example",  autoFill: "./example.filled.content.ts",  content: {    // あなたのコンテンツ  },};

これにより、以下のファイルが生成されます：

plaintext

コードをコピー

コードをクリップボードにコピー

src/components/example/example.filled.content.ts

src/components/example/example.filled.content.ts

.js、.ts、および類似のファイルの生成は以下のように動作します：

ファイルがすでに存在する場合、Intlayer は AST（抽象構文木）を使用して各フィールドを特定し、欠落している翻訳を挿入します。
ファイルが存在しない場合、Intlayerはデフォルトのコンテンツ宣言ファイルテンプレートを使用して生成します。

絶対パス

autoFill フィールドは絶対パスもサポートしています。

src/components/example/example.content.ts

コードをコピー

コードをクリップボードにコピー

const exampleContent = {  key: "example",  autoFill: "/messages/example.content.json",  content: {    // あなたのコンテンツ  },};

const exampleContent = {  key: "example",  autoFill: "/messages/example.content.json",  content: {    // あなたのコンテンツ  },};

これにより、以下のファイルが生成されます：

plaintext

コードをコピー

コードをクリップボードにコピー

/messages/example.content.json

/messages/example.content.json

ロケール別コンテンツ宣言ファイルの自動生成

autoFill フィールドは、ロケール別のコンテンツ宣言ファイルの生成もサポートしています。

src/components/example/example.content.ts

コードをコピー

コードをクリップボードにコピー

const exampleContent = {  key: "example",  autoFill: {    fr: "./example.fr.content.json",    es: "./example.es.content.json",  },  content: {    // あなたのコンテンツ  },};

const exampleContent = {  key: "example",  autoFill: {    fr: "./example.fr.content.json",    es: "./example.es.content.json",  },  content: {    // あなたのコンテンツ  },};

これにより、2つの別々のファイルが生成されます：

src/components/example/example.fr.content.json
src/components/example/example.es.content.json

この場合、オブジェクトにすべてのロケールが含まれていない場合、Intlayerは残りのロケールの生成をスキップします。

特定のロケールの自動入力をフィルタリングする

autoFill フィールドにオブジェクトを使用すると、フィルターを適用して特定のロケールファイルのみを生成できます。

src/components/example/example.content.ts

コードをコピー

コードをクリップボードにコピー

const exampleContent = {  key: "example",  autoFill: {    fr: "./example.fr.content.json",  },  content: {    // あなたのコンテンツ  },};

const exampleContent = {  key: "example",  autoFill: {    fr: "./example.fr.content.json",  },  content: {    // あなたのコンテンツ  },};

これにより、フランス語の翻訳ファイルのみが生成されます。

パス変数

autoFill パス内で変数を使用して、生成されるファイルのターゲットパスを動的に解決することができます。

使用可能な変数:

{{locale}} – ロケールコード（例: fr, es）
{{fileName}} – ファイル名（例: index）
{{key}} – 辞書キー（例: example）

src/components/example/index.content.ts

コードをコピー

コードをクリップボードにコピー

const exampleContent = {  key: "example",  autoFill: "/messages/{{locale}}/{{key}}.content.json",  content: {    // あなたのコンテンツ  },};

const exampleContent = {  key: "example",  autoFill: "/messages/{{locale}}/{{key}}.content.json",  content: {    // あなたのコンテンツ  },};

これにより、以下のファイルが生成されます:

/messages/fr/example.content.json
/messages/es/example.content.json

src/components/example/index.content.ts

コードをコピー

コードをクリップボードにコピー

const exampleContent = {  key: "example",  autoFill: "./{{fileName}}.content.json",  content: {    // あなたのコンテンツ  },};

const exampleContent = {  key: "example",  autoFill: "./{{fileName}}.content.json",  content: {    // あなたのコンテンツ  },};

これにより、以下のファイルが生成されます:

./index.content.json
./index.content.json

コンパイラー

テスト