accept-charsetがIEで使えない。IEでForm送信するためには・・・

いやいや、ホントにこう思います。

IEが世の中からなくなったら、

世界中で働くwebデベロッパー達の、

労働時間の3分の1は自由時間になるのではないか・・・？

これ冗談じゃなくて。まじで。マジ思う。

ってことで、謎の文字化け対策が解決。

Formを使って、テキストデータを別のドメインへ送信する時には、

送信元と送信先の文字コードを気にしないといけませんね。

文字コードが異なる場合にはこれ。

例えば、送信元がUTF8で送信先がSHIFT-JISの場合。

formタグへaccept-charset="送信先の文字コード"を入れます。

↓こんな感じ
＜ｆｏｒｍ　ｍｅｔｈｏｄ＝”ｐｏｓｔ”　ａｃｔｉｏｎ＝”ｈｔｔｐ：／／ｗｗｗ．ｔｅｓｔ．ｃｏｍ／”　ｔａｒｇｅｔ＝”＿ｂｌａｎｋ”　ａｃｃｅｐｔ－ｃｈａｒｓｅｔ＝”ＳＨＩＦＴ－ＪＩＳ”＞

よし、これで解決！かと思いきや、裏切るのがIEです。

私の調査範囲内では、FireFox／chrome／safari／operaに対しては有効で、何の問題もありません。

が、しかし。IEでは文字化けます。

IEはaccept-charsetを無視して、送信元の文字コードでデータを送信してしまうそう。

ホントいちいちウザイ。死んでくれ、まじで。

私的にはaccept-charsetを入れたんだから、

php内の思わぬところで文字コード変換が行われていて、

それが悪さをしているのかと思い、上から順に3000行チェック。。。

そしてもう一度落ち着いてチェックしてみたら、無視する、だと。もう泣いちゃったよ、と。

とにかく修正方法としては、javascriptのcharsetを使って解決することが出来ました。

＜ｉｎｐｕｔ　ｔｙｐｅ＝”ｓｕｂｍｉｔ”　ｏｎｃｌｉｃｋ＝”ｄｏｃｕｍｅｎｔ．ｃｈａｒｓｅｔ＝’ＳＨＩＦＴ－ＪＩＳ’；”　ｖａｌｕｅ＝”送信します”　／＞

※ソースは全角になってるので注意。

この「onclick="document.charset='SHIFT-JIS';"」をsubmitに入れると解決しました。

いやぁまぁでもなんとか解決出来ただけましなのはわかってます。

javascriptの基本中の基本。head内とbody内

ページが読み込まれた時に表示していたテキスト、或いは画像を

一定時間が経過した後、自動的に変更する。

そんな動きをjavascriptで実現させるべくチャレンジしました。

IEの意味不明な動作があるため、その無理やりの応急処置です。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
その意味不明な動作とは、
カート機能のあるサイトで、数量を指定し「カートへ入れる」ボタンを押すと、
何故か指定した数量の倍の数量がカートへ入ってしまう。
数量管理はsessionを使っているのだが、
どこかでうまくsessionのクリアが出来ていないのかもしれない。
しかし、「カートへ入れる」ボタンのあるページへ遷移した後、
ページが最後まで読み込まれてから４秒以上経過すると、
上記のような問題は決して起こらない。
よって４秒以上経過してから「カートへ入れる」ボタンをクリック出来るように、
一定時間経過後に画像を表示させる応急処置をすることにした。
現象はIE6と7のみ発生し、他のブラウザでは上記のような問題は皆無。
そして原因は未だ不明。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

そしてまず自分でやってみた。
＜！－－－－－－－－－外部ファイル－－－－－－－－－＞
ｖａｒ　ａａａ＝”ａａａａａａａａａａａａａａａ”；
ｖａｒ　ｂｂｂ＝”ｂｂｂｂｂｂｂｂｂｂｂｂｂｂｂ”；

ｆｕｎｃｔｉｏｎ　ａｂｐｅｎ（）｛
ｄｏｃｕｍｅｎｔ．ｗｒｉｔｅ（ａａａ）；
ｓｅｔＴｉｍｅｏｕｔ（’ｄｏｃｕｍｅｎｔ．ｗｒｉｔｅ（ｂｂｂ）’，５０００）；
｝＜！－－－－－－－－－外部ファイル－－－－－－－－－＞
＜ｈｔｍｌ＞
＜ｈｅａｄ＞ｊｓのｓｒｃを指定＜／ｈｅａｄ＞
＜ｂｏｄｙ＞
他のＨＴＭＬタグは省略しています。
＜ｓｃｒｉｐｔ　ｔｙｐｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞
ａｂｐｅｎ（）；
＜／ｓｃｒｉｐｔ＞
＜／ｂｏｄｙ＞
＜／ｈｔｍｌ＞

これだと、aaaは問題なく表示されているのだが、

setTimeoutでbbbを読み込むとページが切り替わってしまい、

白紙のページにbbbが表示されてしまった。

要因は特定出来ていないが、

document.writeの使い方がよくなかったのかもしれない。

新しいdocument.writeに上書きされてしまい、新しく読み込まれてしまうのかも。

で、次の方法。

＜！－－－－－－－－－外部ファイル－－－－－－－－－＞
（ｆｕｎｃｔｉｏｎ（）｛
ｓｅｔＴｉｍｅｏｕｔ（ｆｕｎｃｔｉｏｎ（）｛
ｖａｒ　ａａａ　＝　ｄｏｃｕｍｅｎｔ．ｇｅｔＥｌｅｍｅｎｔＢｙＩｄ（”ｈｏｇｅ”）；
ｖａｒ　ｂｂｂ　＝　”．／ｉｍａｇｅｓ／ｃａｒｔｎｉ．ｇｉｆ”；
ａａａ．ｓｒｃ　＝　ｂｂｂ；
｝，５０００）；
｝）（）；
＜！－－－－－－－－－外部ファイル－－－－－－－－－＞

＜ｈｔｍｌ　ｌａｎｇ＝”ｊａ”＞
＜ｈｅａｄ＞
＜ｔｉｔｌｅ＞ｓａｍｐｌｅ＜／ｔｉｔｌｅ＞
＜／ｈｅａｄ＞
＜ｂｏｄｙ＞
＜ｐ＞＜ｉｍｇ　ｉｄ＝”ｈｏｇｅ”　ｓｒｃ＝”ａａａａａａａａａａａａａａａ．ｊｐｇ”　ａｌｔ＝”ａａａ画像”＞＜／ｐ＞
＜／ｂｏｄｙ＞
＜／ｈｔｍｌ＞
こうすると実現できた。

自分なりの解釈としては

getElementByIdでIDを指定し、
HTMLタグでそのIDを読み込む。これはdivでもpでもいいと思う。
んで、その指定したIDのsrc部分みbbbを代入する。
setTimeoutを使い、時間差でそのfunctionを機能させる。

これは知恵袋にだして返ってきた回答を修正し、

実際に動かせるようにしてみたソース。

こんなんで2日もかかり、しかも自分の力だけで解決出来なかった。。。

くやしいね。

とりあえずもう少しjs勉強したいな。

SEO系気が付いた事メモ Yahoo!のalt属性

何も調べてないし、あれっ、こうだったっけ？って思っただけのメモ。


Yahoo!はalt属性をほとんど見てない？ってこと。

Yahoo!がtitleを重要視するのは巷でも有名だし、

実際管理していてもその違いは歴然としていますね。

ただ、alt属性をこんなにも無視してたかなぁ？

titleにもテキストにも含まれておらず、

alt属性のみに記載されている、かなりニッチなキーワード。

2ヶ月くらい経過しても未だに検索に引っかからない。

ページ自体は問題なくインデックスされている。

Googleでは問題なく表示されているし、上位にある。

ページ全体のバランスと、サイトとの関連性を考慮してくれているのかな？

テスト的に試してみたもののここまで違いが出るとは。

引き続き、調査を進める。

おめでとう、ニュージーランド航空の日本就航30周年記念

ニュージーランド航空の日本就航30周年記念

私が一番大好きな航空会社であるニュージーランド航空。

何故好きか。

普段、日本と行き来するのに使っているのですが、

他の航空会社よりも丁寧でとても親切です。

が、それだけではありません。

そう、ここはプロモーションや顧客アプローチがとてもユニークです。

日本語版Air Newzealandのサイトのwebデザインもバッチリ。

アイディアも含めこれは見習うところが多いです。

そしていっとき有名になった、ボディペイントだけのフライトアテンダントが出てくる

機内放送がこのニュージーランド航空なんですよね。

あの退屈な安全ガイドをちゃんと見てもらうためのアイディア。

それがこちら
↓
http://www.youtube.com/watch?v=7-Mq9HAE62Y&feature=player_embedded

つまらないなら面白くしよう、という単純明快なロジック。

ノリノリの音楽です。

むしろ乗るたびに楽しみです。

サモア（西サモア）旅程

なんだかんだの1週間。

楽しいひとときでした。

簡単に旅程をメモっておこうと思います。

1日目：Palolo Deepでシュノーケリング。
ホテルからタクシーで15分くらいかな。
ホテルの送迎バスに他のお客さんを降ろしてから、連れてきてもらった。
ここはシティから一番近いビーチなんだろうけど、
とてもきれいでした。
でもまぁ、驚くのも束の間。他のビーチに驚かされるのは後ほど。

Palolo1


Palolo2


Palolo Deepと呼ばれる所以は、
数十メートル沖までは膝くらいの深さなのですが、
Palolo Deepポイントまでいくと、一気に30メートルほどの深さになります。
そういう意味でもシュノーケリングスポットの一つとのことです。


2日目、3日目：お仕事
ホテルと街にあるネットカフェでお仕事です。
ネットカフェでは設置済みのPCでインターネットができます。
が、私の場合はラップトップを持ち込み。
ワイヤレスが使えます。
IDとPWが記載されたチケットを購入すると利用できます。
値段は、、1hで$15だったかな？
長時間だと5hで$40だったと思います。
でもチョー遅い。出始めのイー・モバイルくらい。
場所はこの辺。
なにはともあれ、ネットが使えてよかったよ、ほんと。

4日目：Upolu島の東側半周、Lalomaruでシュノーケリング
以下の条件でタクシーの運ちゃんに連れていってもらいました。
$190で9:00～15:00まで。
Lalomaruは津波で壊滅してしまった街。
無残な建物がいまだに残っていました。
いくつかは復旧されていたのですが、まだまだ時間かかりそうです。

で、ここのビーチがやヴぁいくらいきれい。
ファレというビーチ沿いの小屋を借り、海へ。
映画に出てきてもおかしくないくらい綺麗。
驚きました。
珊瑚はきれいだし、魚はたくさんいるし。
もっとゆっくりしたいけど、あまりの暑さに子供がつらそうなので退却。
いつかゆっくりきたいね。

めっちゃ綺麗な海。


これがファレ↓


ビーチをあとにして、滝をみに。
名前は忘れたし、かなり遠いところからの眺めなので特にコメントなし。

5日目：Upolu島の西側半周、ビーチでシュノーケリング
名前忘れた～。
でも島の真ん中の道を南へ30分ほど進み、反対側のビーチです。
ここもまたほんとにきれい。
でもかなり遠浅だったのであまりシュノーケリング向きではなかったかな。
この日はレンタカーしました。
24h、$180でMazdaのTRIBUTE。
ちょっとオートマのクラッチがおかしいけど、まぁ普通に乗れた。
交通ルールは基本的にNZと同じで左側通行。（例の右折車優先ルールね）
２，３年前に右側通行から一気に左側通行へ変更したので、
左ハンドル車がかなりおおい。
そして交差点やT字路で、信号が赤だとしても
明らかに車が来なければ左折していいんだって。
最初は違和感、最後は慣れました。

スーパーの物価は基本的には高いですね。
てかNZと変わらないものが多いので日本人には普通の値段です。
でもサモアの人たちにとってはとても高いと思います。
ガソリンも1リットルで110円くらい。

最後に：
サモアの人はみんないい人たちばかり。
日本の技術を持った方などが、
復旧や発展に大きく関与しているみたいです。
学校の建設費も日本が出費していて、至る所にJAPANの文字が。
CANADAもかなり貢献してるみたい。
そしてどの人もみな、日本人のエンジニアには助けてもらっていたよ、
などと嬉しそうに話をしてくれます。
こういう方たちがいるからこそ、
私たちも楽しく観光を楽しめるんでしょうね。
日本人として少し誇りに思います。

またいきたいな、サモア。