Facebook Helper で日本語表示をする (20110511)

みなさん、こんにちは

暫く GW を挟んでしばらく WebMatrix ではなく Visual Studio LightSwitch という製品をいじってた関係で、Blog の更新が滞ってしまいました。
今回は Facebook Helper を使う時のちょっとした Tips を紹介します。

Facebook Helper では Facebook の「いいね！」ボタンをサイトに追加したり、コメント欄を追加したりといったことが出来るようになっています。

ただ、Facebook Helper ではそのまま使うとクライアントが日本語環境なのに英語で表示される…という仕様になっています。つまり、「いいね！」ボタンが「Like」になってしまいます。やっぱりこれは「いいね！」と表示させてあげましょう。

実は、Facebook Helper には Language というプロパティがあり、そこで言語を設定しています。Facebook Helper はコードを見ることが出来るので、実際に中をのぞいてみましょう。

”App_Code” ディレクトリの中にある “Facebook.cshtml” が Facebook Helper の本体です。この８４行目に Language のプロパティがあります。

 public static string Language {

    get {

        return (string) (ScopeStorage.CurrentScope[_language] ?? "en_US");

 }

    set {

        ScopeStorage.CurrentScope[_language] = value;

 }

}

 ここを見るとScopeStorage.CurrentScope[_language]に値がセットされていなければデフォルトで “en-us” を返すようになっています。
他の部分を探しても初期化処理をしていないので、どこかで設定この Language プロパティに “ja-jp” に設定してあげる必要があります。

 もし、”_PageStart.cshtml” を使用していればそこに記述してあげるのが良いかと思います。

 @Facebook.Language = "ja_jp"

 の一行を入れてあげれば日本語として表示されます。

 ただし、今度は日本語のみの表示になってしまうので、セッションからLocale を取得するのが得策です。

 ということで、

 @{

  Facebool.Language = new CultureInfo(Session.LCID).Name.Replace('-','_');  

}

 としてあげましょう。

 2011/5/12 追記：
CultureInfo が返してくるロケールは “ja-JP” ですが、Facebook が要求しているロケールは”ja_JP”形式です。
(ハイフンとアンダーバーの違い)
という事で、ハイフンとアンダーバーを置換する処理を追加しました。

 さらにやるとすれば Facebook.cshtml のプロパティ部分を直してしまうのもアリでしょう。

 便利な Helper ですが、ちょっとした工夫でさらにユーザーにとって使いやすくすることが出来ます。

Comments

• Anonymous
  May 31, 2011
  Facebool.Language -> Facebook.Language

• Anonymous
  January 28, 2012
  このメールが全部英語ですので、85歳の年寄りには分かりません。削除しても出来ないと出てどう言う 事が分かりませんので。貴社と違うかも知れませんが。どう言う事がお教え下さい。