🚀 新規事業

i18n-multilang

最終更新 2026年05月08日 / 40_新規事業/SCALE_Build/カタログ/基本装備集/i18n-multilang.md

多言語対応(i18n)

何のために?

海外展開・外国人スタッフ採用時に詰まない。後から付けると地獄。

どう実装する?

lib/i18n.ts に辞書 + useT() Hook。LANG はlocalStorage + Cookie 保持。

コード例

// lib/i18n.ts
const dict = {
  ja: { save: '保存', cancel: 'キャンセル', delete: '削除' },
  en: { save: 'Save', cancel: 'Cancel', delete: 'Delete' },
};
export function t(key: string, lang = localStorage.getItem('lang') ?? 'ja'): string {
  return dict[lang]?.[key] ?? dict.ja[key] ?? key;
}