注目キーワード

MOONGIFT

OSSを中心としたメディアポータル

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

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

 

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

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

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

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

 

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

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

 

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

MOONGIFTの関連記事

このエントリーを含むTwitter

Related Posts Plugin for WordPress, Blogger...
新規購読
新規購読

プレミアムでしか読めない記事が155あります。ぜひ登録を!

  • オープンブロックス - OpenBlockS
  • 広告募集

ぷらっとオンラインおすすめ商品もっと見る

もっと見る

人気記事もっと見る