國際化與本地化 Internationalization & Localization 讓你的應用程式走向全世界 核心概念 適用場景 - 新專案的多語言架構設計 - 現有專案添加多語言支援 - 翻譯工作流程優化 - RTL (右到左) 語言支援 - 日期/數字/貨幣格式化 i18n 架構設計 翻譯檔案結構 翻譯 Key 命名規範 主流框架實作 React (react-i18next) Vue (vue-i18n) Next.js (next-intl) 複雜翻譯處理 複數形式 (Pluralization) 插值與格式化 巢狀與引用 日期時間處理 數字與貨幣 RTL 語言支援 RTL CSS 範例 翻譯工作流程 翻譯品質保證 typescript // 檢查遺漏翻譯 function checkMissingTranslations( defaultLocale: object, targetLocale: object, path: string = '' ) { const missing: string[] = []; for (const key in defaultLocale) { const currentPath = path ? : key; if (!(key in targetLocale)) { missing.push(currentPath); }…