Qu'est-ce que l'i18n ? L'Internationalisation Expliquée Simplement

Réponse Rapide

i18n est une abréviation pour "internationalisation" (i + 18 lettres + n). Cela réfère à la conception et au développement de logiciels pour qu'ils puissent être adaptés pour des utilisateurs dans différentes langues et régions sans nécessiter de changements d'ingénierie.

Pourquoi "i18n" ?

Le terme "i18n" est un numéronyme :

• i = première lettre
• 18 = nombre de lettres entre 'i' et 'n'
• n = dernière lettre

Ce raccourci existe car "internationalisation" est long et fréquemment utilisé dans les contextes techniques.

Définition

Internationalisation (i18n) : Le processus de conception d'architecture logicielle pour supporter plusieurs langues, régions et conventions culturelles. Cela inclut :

• Extraire le texte visible par l'utilisateur du code
• Supporter différents formats de date, heure et nombre
• Gérer les langues de droite à gauche (RTL)
• Gérer différentes règles de pluralisation
• Permettre l'expansion du texte dans les traductions

i18n vs l10n : Quelle est la Différence ?

Analogie :

• i18n = Construire une voiture avec la direction sur un module amovible
• l10n = Installer le volant à gauche (US) ou à droite (UK)

Vous faites l'i18n une fois. Vous faites la l10n pour chaque langue.

Pourquoi l'i18n Compte-t-elle ?

Impact Commercial

• 75% des utilisateurs préfèrent le contenu dans leur langue maternelle
• 40% n'achèteront pas sur des sites dans d'autres langues
• Les apps localisées voient 128% de téléchargements en plus
• 25-40% d'augmentation de revenu lors de l'ajout de langues clés

Avantages Techniques

• Évolutivité : Ajouter de nouvelles langues sans changements de code
• Maintenabilité : Traductions séparées du code
• Qualité : Gestion cohérente du formatage spécifique à la locale

Comment Fonctionne l'i18n

Étape 1 : Extraire les Chaînes

Déplacez le texte codé en dur vers des fichiers séparés :

Avant (codé en dur) :

JSXCopy
<h1>Bienvenue sur notre app</h1>
<button>S'inscrire</button>

Après (internationalisé) :

JSXCopy
<h1>{t('welcome.title')}</h1>
<button>{t('auth.signup')}</button>

Étape 2 : Gérer les Variables

Utilisez l'interpolation au lieu de la concaténation :

Bon :

JavaScriptCopy
t('greeting', { name: name })
// Traduction : "Bonjour, {name} !"

Étape 3 : Supporter la Pluralisation

Différentes langues ont différentes règles de pluriel (Anglais 2, Russe 3, Arabe 6).

Étape 4 : Formater Dates, Nombres, Devises

Utilisez le formatage conscient de la locale via l'API Intl.

Étape 5 : Supporter les Langues RTL

Pour l'Arabe, l'Hébreu, le Persan, utilisez dir="rtl" et les propriétés logiques CSS.

i18n par Framework

React

Utilise react-i18next ou react-intl.

Next.js

Utilise next-intl.

Vue

Utilise vue-i18n.

iOS/Android

Utilisent des mécanismes natifs (NSLocalizedString, strings.xml).

Erreurs Courantes d'i18n

1. Concaténation de Chaînes : Ne faites pas "Hello " + name. Utilisez l'interpolation.
2. Formatage Codé en Dur : Ne faites pas $${price}. Utilisez Intl.NumberFormat.
3. Mises en Page Largeur Fixe : Permettez l'expansion du texte.
4. Diviser les Phrases : Gardez les phrases entières pour le contexte de traduction.

Outils i18n

• Bibliothèques : react-i18next, next-intl, vue-i18n
• TMS : IntlPull, Lokalise, Crowdin
• Traduction Machine : DeepL, GPT-4

Foire Aux Questions

Que signifie i18n ?

Internationalisation (i + 18 lettres + n).

Quelle est la différence entre i18n et l10n ?

i18n est la préparation technique ; l10n est l'adaptation culturelle et la traduction.

Comment commencer avec l'i18n ?

Choisissez une bibliothèque, externalisez les chaînes, utilisez IntlPull pour gérer les traductions.

Résumé

i18n (internationalisation) est la fondation pour construire des logiciels mondiaux.

• i18n = préparer le code
• l10n = traduire le contenu
• Extraire les chaînes, supporter les pluriels et le formatage locale

Prêt à internationaliser votre app ? IntlPull vous aide à gérer les traductions avec automation IA.