Windows10開発-ローカリゼーション

Windowsは、世界中のさまざまな市場で、文化、地域、または言語が異なる対象ユーザー向けに使用されています。ローカリゼーションとは、アプリケーションがサポートする特定のカルチャに合わせて、アプリケーションリソースをローカライズされたバージョンに変換することです。

1つの言語のみでアプリケーションを開発する場合、それはビジネスと顧客を制限していることを意味します。顧客ベースを増やし、それによってビジネスも増やす場合は、アプリケーションがグローバルに利用可能で到達可能である必要があります。製品の費用効果の高いローカリゼーションは、より多くの顧客にリーチするための最良かつ最も経済的な方法の1つです。

Windows 10では、ローカライズ可能なアプリケーションは非常に簡単に作成できます。 resx ファイル。これは、ローカリゼーションの最も簡単なソリューションです。

以下のすべての手順に従って、簡単な例を使用してこれを理解しましょう。

UIリソースの翻訳

UIの文字列リソースをリソースに入れることができます(resw)ファイルをコードやマークアップに直接配置する代わりに、コードやマークアップからそれらの文字列を参照できます。以下の手順に従って、リソースファイルに文字列を追加します。

  • 新しいユニバーサルWindowsプラットフォーム(UWP)アプリケーションを作成します。

  • の中に Solution Explorer、プロジェクトを右クリックして、 Add > New Folder

  • 新しいフォルダの名前をに変更します "Strings"

  • 右クリック Strings フォルダを作成し、「」という名前の新しいフォルダを追加しますen-US"。これらは、言語および国/地域名に固有の命名規則であり、National Language Support(NLS)APIリファレンスmsdn.microsoft.comページにあります。

  • を右クリックします en-US フォルダを選択して選択します Add > New Item…。

  • 次のダイアログが開きます。
  • 選択する "Resources File (.resw)" をクリックします Add ボタン。

  • 次に、XAMLファイルに移動し、以下に示すように、いくつかのプロパティを持つハブコントロールを追加します。

<Page 
   x:Class = "UWPLocalizationDemo.MainPage" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:local = "using:UWPLocalizationDemo" 
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006" 
   mc:Ignorable = "d"> 
	
   <Grid Background = "{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
      <Hub x:Name = "textBlock" x:Uid = "HubControl" Background = "Black" 
         Foreground = "White" Header = "Localization Demo"/>
   </Grid> 
	
</Page>
  • x:Uid = "HubControl" ローカリゼーションに使用される識別子です

  • これで、上記のコードをコンパイルして実行すると、次のウィンドウが表示されます。

ヘッダー、前景色、背景色など、ハブに関連するすべての情報はXAMLで設定されます。

  • 次に、いくつかの情報を追加します Resource.resw のファイル Strings/en-US 以下に示すようなフォルダ。

  • ローカライズされたテキストを必要とするすべてのコントロールをに関連付ける必要があります。reswファイル。あなたはを使用してこれを行うことができますx:Uid このようなXAML要素の属性-

    • x:Uid = "HubControl" で使用されています resw ヘッダー、前景色、背景色の文字列を割り当てるファイル。

  • これで、エミュレーターでアプリケーションをコンパイルして実行すると、次のウィンドウが表示されます。ヘッダー、前景色、背景色の値がから選択されていることがわかります。Resources.resw ファイル。

  • あなたは他を追加することができます Resource.resw 英語-米国の場合と同様に、フランス語、ドイツ語、日本語などの他の言語のファイルを手動で作成しますが、Microsoftは Multilingual App Toolkit その助けを借りて、あなたは簡単にあなたの翻訳することができます Resource.resw 他の言語に。

  • に移動します Tools > Extensions メニューを更新して検索します Multilingual app ツールキット。

  • このツールキットをダウンロードしてインストールします。インストールが完了したら、Visual Studioを再起動して、同じプロジェクトを開きます。

  • 次に、このツールキットを Tools > Multilingual App ツールキットメニューオプション。

  • これで、他の言語の翻訳を追加できます。

  • でプロジェクトを右クリックします Solution Explorer 選択します Multilingual App Toolkit > Add Translation メニューの言語オプション。

  • 以下 Translation Languagesダイアログが開きます。必要な言語を選択して、それらの文化に合わせてアプリケーションをローカライズできます。

  • 選択しましょう German 言語をクリックし、 OK ボタン。

  • また、 Resources.resw ファイルはフォルダ内に作成されます Strings\de

  • 今、あなたは別のものを見るでしょう MultiLingualResources 内部に追加されます *.xlfファイル。このファイルをダブルクリックすると、Multilingual 翻訳された文字列をチェックおよび検証し、必要に応じていくつかの変更を加えるエディタ。

  • 変更を加え、背景色が茶色に変更され、ヘッダーテキストがドイツ語に適切に翻訳されているかどうかを確認します。

  • 上記の例のように、ハブの背景色は青色から茶色に変更され、前景色は同じままです。

  • 今開いて Resources.resw、の中にあります Strings\de フォルダ。

  • 多言語エディタで前景色を変更していないため、ここでは2つの文字列のみが示されていることがわかります。

アプリケーションのローカライズされたバージョンを確認するには、マシンのカルチャを変更します。マシンの文化を変えるには、与えられた手順に従ってください。

  • PCの設定に移動し、[時間と言語]を選択します。
  • 左側のペインから、 Regions & language をクリックします Add a language

  • 選択する Deutsch German 別のダイアログを開く上記のような言語。

  • 次に、 German (Germany) このダイアログボックスを閉じます。

  • Deutschをデフォルトの言語にします。
  • アプリケーションを実行すると、次のウィンドウが表示されます。
  • これで、アプリケーションの出力をドイツ語で確認できます。