FlickrSlidrを日本語で使うにはどうしたら良いでしょうか？

質問

写真共有サイトのFlicrに投稿されている写真をタグやSetのurlを入力してスライドショーを作成し、それをブログやサイトに貼り付けられるサービスのFlickrSlidrの使い方について教えてください。
Flickrslidrで英語のタグを入力し出力されたコードをブログに張った場合、問題なく表示されるのですが、日本語のタグを入力した場合プレビューではキチンと表示されるのにブログに貼り付けて確認したところ、見つけられないとのエラーが出てしまいます。
日本語に対応していないのか？方法が悪いのか？分かりませんので、もし知っている方がおられれば教えて頂きたいと思い投稿しました。
とても初歩的な質問なのですが御願い致します。

→FlickrslidrについてGigazineで紹介しているページです
http://gigazine.net/index.php?/news/comments/20070521_flickr_slidr/

→Flickrslidrのページです。http://flickrslidr.com/

回答No.4

DOUGLAS_ · ベストアンサー

＞仮にメモ帳にコードを貼り付けてブラウザで見てもやはり表示されないんですよ。。
　やっと原因が分かりました。本件はキャラクタセット（charset=utf-8）の問題のようですね。

　例えば、「Tags (Optional, only for group/user) 」を「桜」にした場合、取得したコードは
<iframe align="center" ～～～ group_id=&user_id=&set_id=&tags=桜" ～～～
というような文字列になっていますが、この「桜」部分を下記の操作により UTF8 の文字コードへエンコードして
<iframe align="center" ～～～ group_id=&user_id=&set_id=&tags=%e6%a1%9c" ～～～
としてから FC2 ブログの投稿欄に貼り付けます。

１）「文字列の URL エンコード、デコードもできる UTF8/16 変換ライブラリ」
http://user1.matsumoto.ne.jp/~goma/js/utf.html
を開きます。
２）[変換したいデータ] の下の テキストボックス に「桜」と入力します。
３）[変換] の下の [Encode] の ラジオボタン を オン にして、[変換(C)] をクリックします。
４）[変換したいデータ] の下の テキストボックス に表示された「%e6%a1%9c」のような文字列をコピーします。
５）「Flickrslidrのページ」で取得したコードの内「桜」の部分を「%e6%a1%9c」に置き換えて、FC2 ブログの投稿欄に貼り付けます。

お礼

DOUGLAS_さん回答ありがとうございます！
上記の通りに試したところFC2でもローカルでも問題なく表示されるようになりました。DOUGLAS_さんの熱心な指導には頭が下がるばかりです。。
この度は懇切丁寧、親身に教えていただき本当にありがとうございました！とても感謝しております。

回答No.3

DOUGLAS_

＞プレビューで例えば日本語で桜を指定すると桜の写真が表示されます。
＞本家のFlickrで検索しても桜の写真が表示されるので日本語タグを設定している写真はたくさんあるんです。
　なるほど、「Flickrslidrのページ」で「URL of User, Set or Group」を空欄に、「Tags (Optional, only for group/user) 」を「桜」にすると、確かに、「Preview」には桜の写真が多数出てきますね。

　となると、お使いのブログの仕様の問題かと存じますが、どちらのブログサービスをお使いなのでしょうか？

補足

DOUGLAS_さんどうもすみません返答遅れました。
ブログサービスはＦＣ２ですが、仮にメモ帳にコードを貼り付けてブラウザで見てもやはり表示されないんですよ。。
日本語をローマ字で入力して検索を掛けてもそこそこ見つけられるので
今はそれで納得してしまうかと考えています。
他にスライドショーを提供しているサービスはちょこちょこあるんですがなかなか別の所で使い勝手が良くなくて難しいです。。

回答No.2

DOUGLAS_

＞ダブルクォーテーションが奇数個になってしまう為かエラー表示が出てしまいます。
　どうも、[回答番号：No.1] は私の勘違いでした。大変失礼いたしました。

　HTML コードを見ていて気付いたのですが、
<iframe align="center" src="ｈttp://ｗww.flickr.com/slideShow/index.gne?
group_id=&user_id=21879932@N02&set_id=&tags=写真" ～～～
のようになっていますよね。
　この例ですと "「21879932@N02」という ユーザーID の方が アップロード された画像の中で「写真」という タグ が設定されているものだけが表示される" という意味になりますね。

　ですから、[回答番号：No.1] で
＞のように「日本語のタグ」の前に半角の ダブルクォーテーション を１つ挿入
と書きましたが、それではタグを指定していないのと同じことになるようです。

　それなら、ということで、ユーザーも指定せずに「日本」とか「桜」とかならどうなるか、と思って
<iframe align="center" src="ｈttp://ｗww.flickr.com/slideShow/index.gne?
group_id=&user_id=&set_id=&tags=日本" ～～～
<iframe align="center" src="ｈttp://ｗww.flickr.com/slideShow/index.gne?tags=桜" ～～～
などで試してみましたが、結局関連のありそうな写真が出てきませんでしたので、これも私の勘違いかも知れませんが、
＞日本語に対応していない
のではなくて、そもそも日本語のタグを使っている画像そのものがないから「No such photos found!」となるのではないでしょうか？

＞プレビューではキチンと表示される
とお書きですが、これは、Flickrslidr のページ の Preview で、例えば、「桜」というタグを指定してそこに桜の写真が表示されるという意味ですか？
　もしそうでしたら、私には原因が判りません。２度も回答欄を汚して申し訳ございませんでした。　　<(_ _)>

補足

DOUGLAS_さん回答ありがとうございます。
プレビューで例えば日本語で桜を指定すると桜の写真が表示されます。
本家のFlickrで検索しても桜の写真が表示されるので日本語タグを設定している写真はたくさんあるんです。
DOUGLAS_さんお忙しい中で色々考えていただいて本当にありがとう御座いました！

回答No.1

DOUGLAS_

＞→Flickrslidrのページです。
　そこで吐き出された
<iframe align="center" ～～～ </a>.</small>
というような HTML タグの中で、
＞日本語のタグを入力した場合
例えば「写真」というタグを入力した場合、
tags=写真"
というような記述が上記の HTML タグの中にあると存じます。

　そこを
tags="写真"
のように「日本語のタグ」の前に半角の ダブルクォーテーション を１つ挿入してからお試しになってみてください。

補足

DOGALAS_さん早速の回答ありがとうございます。
上記の方法で試したところ、サイトに表示されるようになったのですが
今度は入力した日本語タグとは全く関係のない写真が表示されるようになってしまいました。(プレビューとサイトに表示させた結果が別になってしまう)。またHTMLエディタを使用してるのですがダブルクォーテーションが奇数個になってしまう為かエラー表示が出てしまいます。
以上新たな問題が出てきてしまったのですが、解決策等はありますでしょうか？ご存じでしたら宜しく御願い致します。