道州制ふぁんで文字化け

道州制ふぁんで発生していた文字化けが解消。
原因はprototype.jsを1.7.0.0にした事だったっぽい。

＜現象＞
一部のPCで、FORMから日本語を入力すると、DBに登録される文字列が、
UNICODEエスケープシーケンスがかかった文字列になり、画面にも表示される。
(例：\u3042\u3042\u3042)
その後、ユーザのAGENT情報から、問題が発生しているのは、IE8が多いことが判明。

＜背景＞
もともと、prototype.jsは、1.6.0.2を使っていたんだけど、
区割り案の参照作成機能に不具合が出たので、1.7.0.0にバージョンをあげてました。

＜原因＞
prototype.jsの1.7.0.0のAjax.updaterでは
phpに渡す値の文字コードが、IE8とそれ以外で、違うものになっていました。
（php側から見ると、IE8だとASCII、その他はUTF-8）
※というか、IE8からのデータは、エンコードができないというのが正しい？

＜対策＞
以下の２つのページを参考に、ASCIIの場合は、UNICODEエンコードをするように
修正を行いました。
http://d.hatena.ne.jp/iizukaw/20090422

http://piyopi-yo.info/tori_wp/?p=83


function unicode_encode($str) {
return preg_replace_callback("/\\\\u([0-9a-zA-Z]{4})/", "encode_callback", $str);
}

function encode_callback($matches) {
$char = mb_convert_encoding(pack("H*", $matches[1]), "UTF-8", "UTF-16");
return $char;
}

//エンコードを確認。
if(mb_detect_encoding($p) != 'UTF-8'){
//UTF-8以外なら、UNICODEエンコードする。
$p= unicode_encode($p);
}

＜結果＞
いまのところ、文字化けが解消されてます。
良かった。

赤ちゃんの名前 好感度調査のURLを変更

赤ちゃんの名付け支援サイト「赤ちゃんの名前 好感度調査」の
URLをhttp://favorite-names.net/index.htmに変更しました。

ドメインはムームードメインで、すぐに取得できたのですが（年間980円）
その後の旧URLから新URLの転送で、かなり苦戦。

301リダイレクトをしないと、googleのインデックスが引き継がれないとの事なのですが、
どうすればいいのか、さっぱり。。。

最終的にはPHPを使って、転送できるようにはなったのですが、
googleの検索順位は軒並みダウン（泣）
アクセスアップを狙って、ドメイン取得したのですが、今のところ逆効果です。

jQuery mobileのテーマを編集

赤ちゃんの名前サイトのスマートフォン版は、
jQuery mobileを使ってますが、
長い間beta1のままだったので、beta3に変えてみました。
と言っても、javascriptとcssをbeta3に変えただけ。

それだけじゃ、つまらないなぁって事で、
cssをいじって、ピンク色のテーマに変更してみました。どうでしょう？
標準のテーマより、やわらかいイメージのサイトになった気がします。

赤ちゃんの名前好感度調査

動物パズル

高校時代に木で作った動物パズルが掃除をしてたら出てきた。

いつか色を塗ろうと思っていたのだけど、ずっとできていなかったので、
とりあえず、ドローソフトで色を塗ってみたところ、案外いい感じ。

子供がパズルで遊ぶ歳のうちに、完成させたいな。

市町村別に色を塗るページを作っているが

地図塗り絵サイトで、都道府県別で、市町村別に色を塗れるページを作っているのだけれど、
ちょっと、初期表示の見た目が汚い。

アンチエイリアスを掛けると、初期表示はきれいだけど、塗りが汚くなっちゃう。
うまい方法は、ないかなぁ。

ちなみに塗り絵の元画像は、SVGをInkspaceで編集。PNGに落としてから、
GIMPで、2値化しています。

地図ぬりえサイト

ぬりえサイトにアメリカを追加

ぬりえサイトにアメリカ５０週の地図を追加しました。

地図ぬりえ

世界地図とか、アジア、ヨーロッパ、中国の省とかも追加していきたいけど、
地図を作るのが面倒くさい。。。

あと折角作っても、アクセスが少ない。
どうすれば、アクセスって増えるのかな？SEOよくわからん。

jQuery mobile beta1の続き

「あの星の名前」サイトで発生していた、
画面を横にしたときに、レイアウトが崩れる現象は、
metaタグのinitial-scale=1を外す事で解決。

調子にのって、「赤ちゃんの名前好感度調査」のスマートフォン版にも、
jQuery mobile beta1を適用してみた。
とりあえずは、ちゃんと動いてる。

ただ画面をいくつか回った後に、ホーム画面に戻ってくると、
リストボタンが表示されなくなる事がある。
これはコーディングの問題？