翻訳技術
国際化(i18n)
国際化(i18n)とは、製品やウェブサイトをコード変更を必要とせずに様々な言語や地域に適応できるように設計・エンジニアリングを行うプロセスのことです。これはテキスト文字列の抽象化、可変日付形式の有効化、特殊文字のUnicode対応を含みます。
翻訳技術
開発
技術インフラ
ローカリゼーションの基盤を築く
コードが対応していなければ、サイトを翻訳することはできません。I18Nは「準備作業」で、壁を塗装する前に家の骨組みを組み立てます。ハードコードされたテキストのように <p>こんにちは、世界</p> ソースコードを編集せずに翻訳することは不可能です。国際化コードは変数を使用します: <p>{greeting_text}</p> どの言語でも切り替え可能です。同様に、データベースは中国語文字を格納するためにUTF-8エンコーディングをサポートし、UIレイアウトはドイツ語テキスト(英語より30%長い)に対応するために柔軟に調整し、日付システムはDD/MM/YYYY(とMM/DD/YYYY)を区別しなければなりません。i18Nは開発中に1回発生します。ローカリゼーションは新しい市場ごとに繰り返し行われます。
ハードコーディングと国際化(i18n)
アスペクト
なし
国際化と共に
テキスト保存
ハードコード: <p>こんにちは、世界</p> HTMLにおいて
i18N: <p>{t("挨拶")}</p> ファイルから読み込み
言語の追加
ハードコード:すべてのページのソースコードを編集する
i18N:新しい翻訳ファイルを追加、コード変更なし
特殊キャラクター
ハードコーディング:中国語/アラビア語テキストのブレイク
i18n:UTF-8サポートはすべての言語を処理します
将来に備える
ハードコーディング:言語を追加するための高価なリファクタ
i18n:100+言語に即座にスケール可能です
現実世界の影響
以前
現在のアプローチ
📋 シナリオ
SaaSアプリは英語テキストを500+ Reactコンポーネントでハードコードしています
⚙️ 起こること
フランス語版の起動には500ファイルの編集が必要です
📉
事業への影響
開発6ヶ月、コスト20万ドル、バグリスクが高い
その後
最適化された解
📋 シナリオ
アプリは初日からi18nで構築され、すべてのテキストは言語ファイルで作成されています
⚙️ 起こること
フランスのローンチには新しいfr.json翻訳ファイルが1つ必要です
📈
事業への影響
2週間、15,000ドルの費用、コード変更なし