2012年2月24日金曜日

Windows Phone7のIEとの戦い



私,IS12Tを持っているのですよ。WP7.5 Mango。
買ってすぐにIEで色々なサイトを見ました。

一部JSを利用しているサイトが見れないところがあったり,
一応スマートフォンなのに,誰もUA対応していないのかPCサイトが表示されるのが基本だったりとかなり踏んだり蹴ったりな感じでした。

で,本題として,現在スマートフォン対応ページ書いてるんですが
iPhone対応した後,Android持ってないので,WindowsPhone7でやってみっかって思って発見してしまったWP7大丈夫ですか?って気分になったWP7 IEについてです。

このコードを見てください
========================================
//表示領域を取得
var d = document.getElementById("result");
var xhr = new XMLHttpRequest();

xhr.open("GET", "test.json", true);
xhr.onreadystatechange = function(){
    //受信できたら
    if (xhr.readyState === 4 && xhr.status === 200) {
        d.innerHTML += JSON.parse(xhr.responseText)["test1"];
     }
};
//送る
xhr.send(null);
========================================

恐らくどこも問題ないはずです。
というか動くはずです。
しかしこれがWP7のIEだと正常に動かないです。
どこがだめなのか。



2012年2月22日水曜日

githubにはじめて公開してみた

バイトの関係でgithubを使うようになったので,
はじめて自分のリポジトリを公開してみた。

https://github.com/yutaro-ihara/slider-without-html5-range

スライダーである一定値超えたら色変えるとか,そういうことやりたい人用です。
サンプルは以下です
http://yutaro-ihara.github.com/slider-without-html5-range/slider.html

拙い英語でgithubの方にも書いてますが,
元々はかの有名なdankogai氏のスライダのコードです。
http://blog.livedoor.jp/dankogai/archives/51733122.html

勝手に使って,さも自分のコードのように公開してしまったので
問題あったら言ってください… 消します…
本人に届くことなんて無いと思いますが…

このスライダー,html5で追加されたinput type=rangeより軽快に動きます。
iOS5で追加されたといっても,思っている以上にiOS4からアップデートできていない人は多いみたいですから,使うならこれのがいいんじゃないかと。

過去のブラウザ切り捨てられるなら,html5使いたいところですけどね。

2012年2月17日金曜日

最初のポスト

ブログは何度も辞めました。
今回もいつまで続くかはわかりません。
このブログは,自分がコード書いたりする上で発見した何かを書いていくものです。

とりあえず最初は,
先日,twitter等SNSで宣伝したGoogle Documentについての記事をもう一度。

Google Documentの入力欄を僕達はまだ知らない。
http://goo.gl/MJM5z

Google Documentの編集欄をパクってブログのエディタ画面作ろうとしたときに
調べた経緯付きで情報を公開したものです。
すげーことやってるなーって思っていたのですが,
某JSの人が,「CodeMirror系エディタでは普通」とおっしゃっておりましたので
Cloud 9 IDEのエディタも調査したら,同じような感じでした。
知識不足なのを露呈してしまった感じですね。

まぁそんな感じの,知ってる人は知ってるけど俺が知らなくて驚いた発見を,
このブログでは書いていこうと思います。