画面レイアウトの国際化

画面のレイアウトは、国際化により崩れることがあります。文字列長が違うため、英語用のデザインにあわないことがでてくるからです。

画面レイアウトの国際化をするために守っておかなければいけないことが一つあります。それは、

• 構造とデザインを分離すること

すなわち、HTMLとCSSを完全に分離できるようにしておくことです。これがまず最低限の基本原則です。こうしておかなければ、デザインのみを言語に応じて変更するということができなくなってしまいます。

ここからが少し難しい問題があります。言語に応じてスタイルシートを切り替えるといっても、言語に応じてどこのデザインが崩れるかを特定するのは難しく、共通のスタイルシートと言語ごとのスタイルシートを分離するのは難しいです。

従って、ここで考えられる方針は二つです。

• 言語毎のCSSファイルを作る
• テンプレートエンジンでdivタグを切り替え、言語毎のdiv要素のスタイルを作成する

言語毎にCSSファイルを作成するのは、共通化が難しく、大幅なデザイン変更が必要になる場合にすることが必要になるでしょう。多くの場合、これは現実的な解にはならなそうです。一方、テンプレートエンジンでdivタグを切り替える方法は、多くの場合の解になるでしょう。殆どのCSSの要素が共通で一部の要素が違うというときに活躍することになります。