ライトニングトトーク用 5分間 カウントダウンタイマー for Mobile Internet Explorer on Windows Mobile 6

やたら長いタイトルではあるが、まぁ、タイトルのとおりの話題。

先日7/4(土)に CLR/H Windows 7 コミュニティ勉強会 with Tech Fielders に参加、そのライトニングトークにも登壇させて頂いた次第だが、そのときに使おうと思い、5分間のカウントダウンタイマーを HTML + JavaScript で作成した。

この HTML ページを手持ちの S11HT "EMONSTER" - Windows Mobile 6 - に搭載の Mobile IE で開いて、手元に S11HT を置いて計時しながらライトニングトークに臨もうとした次第。

それくらいのことは、別にどうという話ではないのだが、今回は、かるあさんのブログで知った CodeRun というサービスを使ったところがミソである。
（CodeRun のインパクトについては、上記、かるあさんのブログを参照されるのがよい。）

さて、CodeRun に至った経緯は次のとおり。

先に書いたとおり、HTML + JavaScript で書いた動的ページを Windows Mobile で動作させたいわけだが、どうやら Mobile IE だと、セキュリティ上の都合であろうか、内蔵ストレージに保存した HTML を開いてもその中の JavaScript は実行してくれない模様。
ということで、HTML + JavaScript で作成されたカウントダウンタイマーを動作させるには、インターネット上のどこかでホストしてこれにアクセスする必要がある。

クライアント側の技術しか使ってないので、どれでも適当なホスティングサービスを借りて使うことでOKなのだが、そこで思い至ったのが CodeRun、というわけである。

CodeRun サービスを利用すれば、話題の "Webブラウザで動作する Visual Studio ライクな IDE" ももちろん魅力なのだが、加えて、Amazon のクラウドをベースとしたホスティングサービスを借りているのと同様なのだ。

件の CodeRun の Web ブラウザ上 IDE でちょこちょこと HTML & JavaScript ソースコードを編集し、そのまま "Deploy" ボタンをクリックすれば配置完了。
S11HT の IE 上でリロードすれば即動作確認できる。

"コードを編集" から "配置" までの簡便さは、当初考えていたよりあなどれない。
この快適さは意外とやみつきになりそう。

ということで、動作している画面キャプチャはこちら。

下記 URL から開くことができる。
http://jsakamoto.s2.coderun.com/projects/LTCountDownTimer/index.html
（分秒表示部分をクリックするたびに、計時開始 & 終了を繰り返す）


本当に、どうということはないつまらないソースだが、いちおう下記に公開しておく。
（そういう需要があるかどうかは知りませんが、用途問わずGIF画像の再利用やソース再利用・改変頂いて結構です。）

http://cid-5dd1e083875ff918.skydrive.live.com/self.aspx/%e5%85%ac%e9%96%8b/LTCountDownTimer.zip

実は、結局のところ、このモバイル用に作ったカウントダウンタイマーは使わないで終わった。
理由の一つは、当初の作り方では、Windows Mobile 上で思ったような処理速度が得られなかったためである。
上記で公開しているのは、当時のコードからさらに処理速度をチューニングしたものである。

そのあたりの顛末は、また機会を改めて。