Intlayerの今後のリリースに関する通知を受け取る
    作成:2024-12-02最終更新:2025-06-29

    ドキュメント: express-intlayer の t 関数

    express-intlayer パッケージの t 関数は、Express アプリケーションでローカライズされたレスポンスを提供するためのコアユーティリティです。ユーザーの優先言語に基づいてコンテンツを動的に選択することで、国際化（i18n）を簡素化します。

    概要

    t 関数は、指定された言語セットの翻訳を定義および取得するために使用されます。クライアントのリクエスト設定（例：Accept-Language ヘッダー）に基づいて返すべき適切な言語を自動的に判断します。もし優先言語が利用できない場合は、設定で指定されたデフォルトのロケールに優雅にフォールバックします。

    主な特徴

    • 動的ローカリゼーション: クライアントに最も適した翻訳を自動的に選択します。
    • デフォルトロケールへのフォールバック: クライアントの優先言語が利用できない場合はデフォルトのロケールにフォールバックし、ユーザー体験の継続性を確保します。
    • 軽量かつ高速: 高パフォーマンスアプリケーション向けに設計されており、オーバーヘッドを最小限に抑えます。
    • 厳格モードサポート: 宣言されたロケールに厳密に従うことを強制し、信頼性の高い動作を実現します。

    関数シグネチャ

    typescript
    t(translations: Record<string, string>): string;

    パラメータ

    • translations: キーがロケールコード（例：en、fr、es-MX）、値が対応する翻訳文字列のオブジェクト。

    戻り値

    • クライアントの優先言語でのコンテンツを表す文字列。

    国際化リクエストハンドラーの読み込み

    express-intlayer が提供する国際化機能が正しく動作するようにするためには、Express アプリケーションの最初に国際化ミドルウェアを必ず読み込む必要があります。これにより、t 関数が有効になり、ロケールの検出と翻訳の適切な処理が保証されます。

    アプリケーション内のすべてのルートが国際化の恩恵を受けられるように、app.use(intlayer()) ミドルウェアは ルートの前に 配置してください。

    src/index.ts
    import express, { type Express } from "express";import { intlayer } from "express-intlayer";const app: Express = express();// 国際化リクエストハンドラーを読み込むapp.use(intlayer());// ミドルウェア読み込み後にルートを定義するapp.get("/", (_req, res) => {  res.send(    t({      en: "Hello, World!",      fr: "Bonjour le monde!",      es: "¡Hola, Mundo!",    })  );});

    なぜこれが必要か

    • ロケール検出: intlayer ミドルウェアは、ヘッダー、クッキー、またはその他の設定された方法に基づいて、ユーザーの希望するロケールを検出するためにリクエストを処理します。
    • 翻訳コンテキスト: t 関数が正しく動作するために必要なコンテキストを設定し、翻訳が正しい言語で返されることを保証します。
    • エラー防止: このミドルウェアがないと、t 関数を使用した際に必要なロケール情報が利用できず、実行時エラーが発生します。

    使用例

    基本例

    さまざまな言語でローカライズされたコンテンツを提供します：

    src/index.ts
    app.get("/", (_req, res) => {  res.send(    t({      en: "Welcome!",      fr: "Bienvenue!",      es: "¡Bienvenido!",    })  );});

    クライアントのリクエスト:

    • Accept-Language: fr のクライアントは Bienvenue! を受け取ります。
    • Accept-Language: es を持つクライアントは ¡Bienvenido! を受け取ります。
    • Accept-Language: de を持つクライアントは Welcome!（デフォルトのロケール）を受け取ります。

    エラー処理

    複数の言語でエラーメッセージを提供します：

    src/index.ts
    app.get("/error", (_req, res) => {  res.status(500).send(    t({      en: "An unexpected error occurred.",      fr: "Une erreur inattendue s'est produite.",      es: "Ocurrió un error inesperado.",    })  );});

    ロケールバリアントの使用

    ロケール固有のバリアントに対する翻訳を指定します:

    src/index.ts
    app.get("/greet", (_req, res) => {  res.send(    t({      en: "Hello!", // こんにちは！      "en-GB": "Hello, mate!", // やあ、友よ！      fr: "Bonjour!", // こんにちは！      "es-MX": "¡Hola, amigo!", // やあ、友よ！      "es-ES": "¡Hola!", // こんにちは！    })  );});

    高度なトピック

    フォールバック機構

    優先するロケールが利用できない場合、t 関数は設定で定義されたデフォルトロケールにフォールバックします:

    intlayer.config.ts
    import { Locales, type IntlayerConfig } from "intlayer";const config = {  internationalization: {    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],    defaultLocale: Locales.ENGLISH,  },} satisfies IntlayerConfig;export default config;

    例えば：

    • defaultLocale が Locales.CHINESE に設定されていて、クライアントが Locales.DUTCH をリクエストした場合、返される翻訳は Locales.CHINESE の値がデフォルトになります。
    • defaultLocale が定義されていない場合、t 関数は Locales.ENGLISH の値にフォールバックします。

    厳格モードの適用

    t 関数を設定して、宣言されたロケールに厳密に従うように強制します：

    モード 動作
    strict 宣言されたすべてのロケールに翻訳が提供されている必要があります。欠落しているロケールがあるとエラーが発生します。
    inclusive 宣言されたロケールには翻訳が必要です。翻訳が欠落しているロケールは警告が発生しますが許容されます。
    loose 宣言されていなくても、存在するロケールはすべて受け入れられます。

    設定例:

    intlayer.config.ts
    import { type IntlayerConfig } from "intlayer";const config = {  // ... 既存の設定  internationalization: {    // ... 既存の国際化設定    strictMode: "strict", // 厳格モードを適用  },} satisfies IntlayerConfig;export default config;

    TypeScript 統合

    t 関数は TypeScript と一緒に使うと型安全です。型安全な翻訳オブジェクトを定義します:

    src/index.ts
    import { type LanguageContent } from "express-intlayer";const translations: LanguageContent<string> = {  en: "Good morning!",  fr: "Bonjour!",  es: "¡Buenos días!",};app.get("/morning", (_req, res) => {  res.send(t(translations));});

    よくあるエラーとトラブルシューティング

    問題 原因 解決策
    t 関数が動作しない ミドルウェアが読み込まれていない ルートの前に app.use(intlayer()) が追加されていることを確認してください。
    翻訳が見つからないエラー すべてのロケールがない状態で厳格モードが有効 必要なすべての翻訳を提供してください。

    効果的な使用のためのヒント

    1. 翻訳の集中管理: 翻訳の保守性を向上させるために、翻訳を管理する集中モジュールやJSONファイルを使用してください。
    2. 翻訳の検証: 不要なフォールバックを防ぐために、すべての言語バリアントに対応する翻訳があることを確認してください。
    3. フロントエンドのi18nと連携: アプリ全体でシームレスなユーザー体験を実現するために、フロントエンドの国際化と同期させてください。
    4. パフォーマンスのベンチマーク: 翻訳を追加した際のアプリの応答時間をテストし、影響が最小限であることを確認してください。

    結論

    1. 翻訳の集中管理: 翻訳を管理するために集中管理モジュールやJSONファイルを使用し、保守性を向上させましょう。
    2. 翻訳の検証: すべての言語バリアントに対応する翻訳があることを確認し、不必要なフォールバックを防ぎましょう。
    3. フロントエンドのi18nと連携: アプリ全体でシームレスなユーザー体験を提供するために、フロントエンドの国際化と同期させましょう。
    4. パフォーマンスのベンチマーク: 翻訳を追加した際のアプリの応答時間をテストし、影響を最小限に抑えましょう。

    結論

    t関数はバックエンド国際化のための強力なツールです。効果的に使用することで、グローバルなユーザーにとってより包括的で使いやすいアプリケーションを作成できます。高度な使用法や詳細な設定オプションについては、ドキュメントを参照してください。

    ドキュメント履歴

    • 5.5.10 - 2025-06-29: 履歴の初期化
    なぜIntlayer？
    Intlayerの今後のリリースに関する通知を受け取る