i18n 全寫為 internationalization，俗稱的多國語系也常被稱之為本地化 (Localization)。 隨著現在網路的發達和資訊的流通...
今天來談談多國語系I18n，能夠讓你輕鬆將網站的內容替換成其他語言。 那為什麼叫做I18n這個奇怪的名字？ 其實就是Internationalization的，...
開發網頁應用程式一定要考慮到支援多國語言，因為我們不會知道來存取我們網站的使用者是從哪邊來的，因此納入國際化的設計是必須的，例如從台灣人存取網頁我們就顯示繁體中...
阿翔
‧
2020-09-10
今日關鍵字：i18n 雖然有聽過i18n，但一直沒用過想像中用起來大概是： import { translate, ja } from 'i18n' con...
在本地化 (localize) 專案時，我們可能會遇到需要處理日期時間顯示的問題，因為日期時間的顯示方式可能會因為每個國家而有所不同，例如： <p>...
Angular 提供了 i18n 功能讓我們開發專案時可以讓我們的專案應在不同的國家中被使用，Localization 是為不同語言環境構建應用程式版本的過程，...
在本地化 (localize) 專案時，我們可能會遇到需要處理金錢、價錢等貨幣的問題，在顯示價錢時我們會需要依據當前的語系顯示相對應的貨幣符號 ，例如： <...
前言 國際化 （i18n） 是一個過程，用於對你的應用進行設計和準備以便在全球不同地區使用。本地化是指為不同的本地環境建構應用版本的過程，包括提取用於翻譯成不同...
延續昨天的內容 由於看起來有點冷清首先比照切換語言的按鈕幫刪除資料加個圖示並且補上素材所有權的聲明 <TouchableOpacity sty...
紅框中的句子 Welcome to Your Vue.js App 如果我們想要將其中的 Vue.js 變成隨時可以替換時該怎麼辦？ 上一篇我們介紹的基礎用法...
在使用simple_form時，很多人會使用label來命名model的中文，其實可以透過設定model的多語系yml來實作解決這樣的需求。同時，model n...
在本地化 (localize) 文字訊息時，我們可能會遇到需要特別處理 HTML tag的情況，什麼意思呢？我們來看一下上圖紅框中的句子的 HTML 結構。...
I18n <好讀版> 前言 I18n，指的是internationalization，也就是多國語系的意思。一般來說，好的 boilerplate...
簡述 AppComponent是系統內的 根組件，通常會建議寫部分服務的初始設定。 功能 開發過程中大概遇到幾種設定如下： 多語系初始設定 icon讀取圖片...
前言 身為一個國際化的產品，能夠在產品中切換多國語言，絕對是必須的！這時 i18n 的處理便非常重要 i18n 等於國際化(internationalizat...
我們在開發自己的外掛時，常常遇到多語言的議題，而wordpress有提供很好的解決方案Internationalization，簡稱i18n，而使用i18n的好...
參考文章: https://medium.com/easons-murmuring/%E5%9C%A8-vue-cli-%E4%B8%AD%E4%BD%BF%E...
在本地化 (localize) 文字訊息時，我們可能會遇到某些語言會有複數型態的狀況 (最常見的就是英文)，雖然我們可以透過個別定義 key value 的方式...
定義 API Response 格式 API Response 的格式沒有標準答案，網路上已經有許多範例可以參考，我認為不管格式為何，重點是團隊成員有共識，而且...
以微框架來說，i18n 不是必備的功能，但如果是想要開發面向一般大眾的服務，在這個國際化的時代，i18n 就是不可缺少的功能。一般來說，Web 框架會有一個預設...
本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 @nuxtjs/i18n 版本：v8.0.0-rc.3 多國語系讓我們的網站邁向國際市場，本...
稍微做個延伸，建立 Next 識別用戶預設語系跟記憶語系選擇的功能。 同樣主要參考這篇： i18n with Next.js 13 and app direct...
設定完 Server Component 接著是 Client Component 安裝套件幫助找出使用者的預設語系。 pnpm add -D i18next-...
在寫 Side Project 的時候，覺得我的專案應該更國際化，而且在現代的網頁開發中，支援多國語言已經成為了一項重要的需求。無論是英文使用者還是台灣的繁體中...
之前在處理專案的 i18n 時往往都是用 excel 在管理，不僅難以維護，也容易搞不清楚每個翻譯鍵用在哪裡，應該是什麼意思，還要手動打包。 這時候找到了 To...
當在應用內設置好 Tolgee 翻譯後，就能利用 Chrome 插件工具 進行即時編輯。 當有掛載 DevTools 時，並且環境是開發環境且有設定 apiKe...
要在 Nextjs 設定翻譯要分別處理 client component 跟 server component。 先安裝用到的套件。 pnpm add next...
目前我們是把翻譯檔打包在 App 的程式當中，每當有更新翻譯的話就要先輸出後再重新打包後才能提供新的翻譯內容，相當不便。 這時候要利用 Tolgee 的 Con...
Mia Yang
RenZhou
b97201019
Fandix
ShawnWu
Bater
沒一村
Yating Chang
ycchiuuuu
Rach
林俊宏
claire chang
Jasper
Chiayu
iThome鐵人賽
看影片追技術