🚀 新規事業
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;
}