MOONGIFT

オープンソース・フリーウェアを毎日紹介するブログ。日々の業務の効率化、新しいサービスのネタ探しにどうぞ。SNS、SBS、CMS、オフィス、画像編集、ユーティリティ、Firefoxアドオン、テキストエディタ、ゲーム…ジャンルは様々。

jQueryを使って国際化処理を行う「jquery.localize.js」

タグ: [] [] [] [] [] [] [] []

buzz_button

多言語に対応したWebサイトを構築する場合、サーバサイドで対応するのが一般的だった。例えばGetTextを使った国際化処理が有名だ。サーバサイドで処理をできるのは手軽な反面、言語ごとにリソースを消費してしまうのが問題だ。

ピクチャ 58.png
JavaScriptで国際化を行う

 

結局のところ、国際化とは見た目の話でしかない。であれば見た目を操作するのに向いたJavaScriptで行わせるというのはあながち間違っていないかもしれない。

今回紹介するオープンソース・ソフトウェアはjquery.localize.js、jQueryを使った国際化ライブラリだ。

jquery.localize.jsはrel=”localize[hoge]“といった要素で国際化する際のキーを指定する(この場合hogeがキーになる)。そして別途JSONファイルを用意し、hogeに対応した各国語の文字列を指定する。後は読み込み時にjquery.localize.jsを実行すれば良いだけだ。

ピクチャ 59.png
国際化するJSONファイル

 

ローカライズ用のJSONファイルは複数用意しておくことが出来る。目的に応じて分けておけば、それだけ読み込み作業が軽減されることもあるだろう。JSONの内容は階層化できるので、モデルや国際化する場所によって構造的に管理できるようになる。

jquery.localize.jsが役立つケースとして通常の描画はもちろん、その場で表示言語を切り替える場合やAjaxを使った際の国際化がありそうだ。サーバサイドの国際化とはまた違う魅力をもったソフトウェアだ。

 

coderifous’s jquery-localize at master - GitHub
 http://github.com/coderifous/jquery-localize/tree/master

July 25th, 2009 Posted by admin | コメントはありません

No Comments »

No comments yet.

Leave a comment

MOONGIFTネットワーク。こちらもぜひご覧ください。
MOONGIFT
Open Service
Rails 2.0
Resident on Net
iPhone最適化
リーンソフトウェア
MarketPedia
Producing Web
Cool Coding