iT邦幫忙

i18n相關文章
共有 28 則文章
鐵人賽 Modern Web DAY 22
Awesome self hosted 30天 系列 第 22

技術 Tolgee Content Delivery

目前我們是把翻譯檔打包在 App 的程式當中,每當有更新翻譯的話就要先輸出後再重新打包後才能提供新的翻譯內容,相當不便。 這時候要利用 Tolgee 的 Con...

鐵人賽 Modern Web DAY 21
Awesome self hosted 30天 系列 第 21

技術 Tolgee Chrome 插件工具

當在應用內設置好 Tolgee 翻譯後,就能利用 Chrome 插件工具 進行即時編輯。 當有掛載 DevTools 時,並且環境是開發環境且有設定 apiKe...

鐵人賽 Modern Web DAY 20
Awesome self hosted 30天 系列 第 20

技術 Nextjs 使用 Tolgee

要在 Nextjs 設定翻譯要分別處理 client component 跟 server component。 先安裝用到的套件。 pnpm add next...

鐵人賽 Modern Web DAY 19
Awesome self hosted 30天 系列 第 19

技術 翻譯管理工具 Tolgee

之前在處理專案的 i18n 時往往都是用 excel 在管理,不僅難以維護,也容易搞不清楚每個翻譯鍵用在哪裡,應該是什麼意思,還要手動打包。 這時候找到了 To...

鐵人賽 Modern Web DAY 20

技術 Day20 用 i18n 讓你的網站輕鬆變雙語!

在寫 Side Project 的時候,覺得我的專案應該更國際化,而且在現代的網頁開發中,支援多國語言已經成為了一項重要的需求。無論是英文使用者還是台灣的繁體中...

鐵人賽 Vue.js DAY 22

技術 D22:Nuxt 3.x 導入 I18n 實作多國語系

本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 @nuxtjs/i18n 版本:v8.0.0-rc.3 多國語系讓我們的網站邁向國際市場,本...

鐵人賽 Modern Web DAY 23

技術 Next.js Client Component 偵測與記憶語系

設定完 Server Component 接著是 Client Component 安裝套件幫助找出使用者的預設語系。 pnpm add -D i18next-...

鐵人賽 Modern Web DAY 22

技術 Next.js Server Component 偵測與記憶語系

稍微做個延伸,建立 Next 識別用戶預設語系跟記憶語系選擇的功能。 同樣主要參考這篇: i18n with Next.js 13 and app direct...

鐵人賽 Modern Web DAY 26

技術 Day 26 - 為什麼要用 react-i18next

前言 身為一個國際化的產品,能夠在產品中切換多國語言,絕對是必須的!這時 i18n 的處理便非常重要 i18n 等於國際化(internationalizat...

鐵人賽 Modern Web DAY 20
angular專案開發指南 系列 第 20

技術 i18n 多國語系 - Ngx-Translate

前言 國際化 (i18n) 是一個過程,用於對你的應用進行設計和準備以便在全球不同地區使用。本地化是指為不同的本地環境建構應用版本的過程,包括提取用於翻譯成不同...

鐵人賽 Modern Web DAY 7

技術 [Day07] Vue i18n - Datetime Formatting

在本地化 (localize) 專案時,我們可能會遇到需要處理日期時間顯示的問題,因為日期時間的顯示方式可能會因為每個國家而有所不同,例如: <p>...

鐵人賽 Modern Web DAY 6

技術 [Day06] Vue i18n - Number Formatting (Currency 貨幣)

在本地化 (localize) 專案時,我們可能會遇到需要處理金錢、價錢等貨幣的問題,在顯示價錢時我們會需要依據當前的語系顯示相對應的貨幣符號 ,例如: &lt...

鐵人賽 Modern Web DAY 5

技術 [Day05] Vue i18n - Component Interpolation

在本地化 (localize) 文字訊息時,我們可能會遇到需要特別處理 HTML tag的情況,什麼意思呢?我們來看一下上圖紅框中的句子的 HTML 結構。...

鐵人賽 Modern Web DAY 4

技術 [Day04] Vue i18n - Pluralization

在本地化 (localize) 文字訊息時,我們可能會遇到某些語言會有複數型態的狀況 (最常見的就是英文),雖然我們可以透過個別定義 key value 的方式...

鐵人賽 Modern Web DAY 3

技術 [Day03] Vue i18n - Message Format Syntax

紅框中的句子 Welcome to Your Vue.js App 如果我們想要將其中的 Vue.js 變成隨時可以替換時該怎麼辦? 上一篇我們介紹的基礎用法...

鐵人賽 Modern Web DAY 12

技術 [Day 12] 實作 API Response 及 i18n Response Message

定義 API Response 格式 API Response 的格式沒有標準答案,網路上已經有許多範例可以參考,我認為不管格式為何,重點是團隊成員有共識,而且...

鐵人賽 Modern Web DAY 2

技術 [Day02] Vue i18n - 導入 & 基礎用法

i18n 全寫為 internationalization,俗稱的多國語系也常被稱之為本地化 (Localization)。 隨著現在網路的發達和資訊的流通...

鐵人賽 Modern Web DAY 11

技術 [Day 11] 實作 Ktor i18n 機制

以微框架來說,i18n 不是必備的功能,但如果是想要開發面向一般大眾的服務,在這個國際化的時代,i18n 就是不可缺少的功能。一般來說,Web 框架會有一個預設...

鐵人賽 Modern Web DAY 29

技術 [Angular] Day29. Internationalization (i18n)

Angular 提供了 i18n 功能讓我們開發專案時可以讓我們的專案應在不同的國家中被使用,Localization 是為不同語言環境構建應用程式版本的過程,...

技術 [筆記]vue-cli i18n 多語系應用練習

參考文章: https://medium.com/easons-murmuring/%E5%9C%A8-vue-cli-%E4%B8%AD%E4%BD%BF%E...

鐵人賽 自我挑戰組 DAY 20
Wordpress 外掛開發 系列 第 20

技術 「Wordpress 外掛開發」掛上多語系,大家都在international - i18n

我們在開發自己的外掛時,常常遇到多語言的議題,而wordpress有提供很好的解決方案Internationalization,簡稱i18n,而使用i18n的好...

鐵人賽 Modern Web DAY 27

技術 [Day27] 設定頁面-2

延續昨天的內容 由於看起來有點冷清首先比照切換語言的按鈕幫刪除資料加個圖示並且補上素材所有權的聲明 <TouchableOpacity sty...

鐵人賽 Modern Web DAY 24

技術 [Day24] 語言切換-1:沒有萬能的許願機

今日關鍵字:i18n 雖然有聽過i18n,但一直沒用過想像中用起來大概是: import { translate, ja } from 'i18n' con...

鐵人賽 Modern Web DAY 10
Go into Web! 系列 第 10

技術 Day10 | 讓我們的 Go 更國際化 - i18n 的應用

開發網頁應用程式一定要考慮到支援多國語言,因為我們不會知道來存取我們網站的使用者是從哪邊來的,因此納入國際化的設計是必須的,例如從台灣人存取網頁我們就顯示繁體中...

鐵人賽 Modern Web DAY 10
用Angular打造完整後台 系列 第 10

技術 day10 AppComponent(一)

簡述 AppComponent是系統內的 根組件,通常會建議寫部分服務的初始設定。 功能 開發過程中大概遇到幾種設定如下: 多語系初始設定 icon讀取圖片...

鐵人賽 Modern Web DAY 29

技術 [Day 29] Vue Quasar 多國語系 I18n

今天來談談多國語系I18n,能夠讓你輕鬆將網站的內容替換成其他語言。 那為什麼叫做I18n這個奇怪的名字? 其實就是Internationalization的,...

鐵人賽 Modern Web DAY 1
Ruby礦工的Rails地圖 系列 第 1

技術 i18n 搭配model與form的做法

在使用simple_form時,很多人會使用label來命名model的中文,其實可以透過設定model的多語系yml來實作解決這樣的需求。同時,model n...

鐵人賽 Modern Web DAY 8

技術 Day8 / Infrastructure -- I18n

I18n <好讀版> 前言 I18n,指的是internationalization,也就是多國語系的意思。一般來說,好的 boilerplate...