モバイル以外のプログラミングについて書くのは初めてかも。
簡単だと思って始めたらハマってしまうのはプログラミングには、よく有ることですがwebプログラミングでは、その可能性が高くなります。ドキュメントで良く分からない場合は、Google先生に頼れば実例が見つかるものですがwebプログラミングの場合、その検索結果を見ても混沌とした状況に陥る場合があります。今回は、その一例です。備忘録として書き残しておきます。
webページの中にイメージ等を表示して、その中をクリックしたりマウスを動かしたりしたときに、そのマウスの位置をイメージ内部の相対的な座標として得る方法です。マウスをクリックしたり動かした時のイベントをjavascriptで得る場合IEを除いては要素内では無く、ウインドウなどを基準とした座標が返って来ます。ただしwebブラウザーによって扱いが様々なのが現状です。
では、イメージなどの要素の位置が得られれば、イベントで得られたマウスの位置との差分を取れば目的は達成できる訳ですが、要素=オブジェクトが複雑にweb画面上に構成されていると生のjavascriptだとかなり面倒なコーディングが必要となります。
こういった事をなるべく簡単に処理するために幾つかのjavascriptライブラリが公開されています。その一つであるjQueryを使用したところ、かなり簡単に処理することができました。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('img#test').click(function(e){
var x = e.pageX - $('img#test').position().left;
var y = e.pageY - $('img#test').position().top;
alert("X=" + x + " Y=" + y);
});
});
</script>
上のようなコードがヘッダー部分にあったとして<img id="test"で始まるイメージの内部をクリックするとイメージ内部の相対的な座標が表示されます。
Nokia S60デバイス向けのGoogle Mapsアプリに中国版があるのは何度も紹介してきました。機能的には、国際版(アメリカ版?)を何時も後追いで追従している感じです。後は、その時々によって違うのですが地図そのものも取ってきている所が違っているようです。初期の頃は中国版だと中国簡体字表記、国際版だと英字表記の地図で何となく棲み分けが出来ていました。
しばらくの間、地図も検索機能も国際版と中国版で変わるところがありませんでした。そのため、機能の豊富な国際版のみを使用していました。
E90のファームウェアを更新後、久しぶりに中国版を入れてみると(本当は間違って導入したのですが 
)、地図データが変わっていました。文字が読みやすいし情報も豊富です。これで国際版にあるLatitude機能があれば中国版を常用するのになぁ。残念。
実は、この地図データはPC版のGoogled地图では少し前から表示されていたものです。通常のGoogle Mapsと比べると違いは歴然です。
その後もスタバに行くたびに無線LANのSSIDを調べています。どうもChinaNetとCMCC-Starbucksという組み合わせが多いようです。で、今日再びCMCC-Starbucksに接続すると以前とは違うログイン画面が表示されました。以前は、中国移動の有料無線LANサービスに接続されていましたが今はスタバ専用の画面になっています。
[ ログイン方法 ]
中国の携帯電話番号がありSMSさえ受けられればキャリアは問わないようです。
上の左側キャプチャー画像(説明を入れるため上が切れてしまいましたが)の上の方に電話番号を入れます。それとCAPTCHA(验证码)を入力し申請ボタンを押すとSMSにてユーザーID(账号)とパスワード(密码)が送られてきます。それを第二の画面に入力するとログイン出来ます。
[ 有効期間 ]
画面の中に使用方法についてのDOCファイルが貼り付いています。それによるとユーザーIDの有効期間は4時間、一つの携帯電話番号で一日に5回までユーザーIDの取得が可能とのことです。またP2Pや大量のダウンロードはご遠慮くださいとも書かれています。
ただし速度は期待できません。本日試したところでは、ほとんどEDGEで接続しているかのような感じでした。添付ファイルの無いメールやチャットくらいなら問題はないですが、ちょっと重いサイトなどを閲覧するのはつらいかも知れません。
(隠し撮りなので画質の悪さは勘弁願います)
上海の南京東路にあるノキア旗艦店にてN97をいじってきました。発売を前に実機を触れるのは旗艦店ならではのことでしょう。１階と２階に展示があります。２階の方が人が少なくてゆっくり触れます。
短い時間のことなので十分なレビューは出来ません、第一印象てきなことを書き連ねてみます。
- 質感も高く、キーボードの開閉機構にも不安を感じる部分がありません。ノキアの良さが出ています。
- キーボードはスムースに開くことが出来ます(片手でも開くのは大丈夫だったと思う)。X01HT以来、スライド式のキーボードは苦手だっのたですが、これなら大丈夫かも。
- キートップはかなり小さいのですが、押し込んだ感覚がはっきりしていて良い感じです。十分に使えるキーボードです。
- 香港版などはキートップ(リンク先は「アジアの片隅から」)の刻印がごちゃごちゃしているとのことですが、展示機は英数字だけのシンプルなものでした。ブローシャーやwebの写真を見ると「中」の文字があるので市販品はすこしだけ違うかも。それでも香港版よりはマシです。香港版との違いは繁体字です。シンガポール版もキーボードは大陸版と同じかもしれません。
- 5800XMと違ってホームキーが斜めになって端っこに付いています。これが、また絶妙でqwertyキーボードを操作している時にも自然な動作で押すことが出来ます。
- これは主観ですが、5800XM(初期ファームしか試していません)よりタッチの反応が良いように思えます。中国語手書きも指先で何とか出来そうでした(簡体字しかないし、当然カナは認識されませんでした)。
- ホーム画面はウィジェット(かな?)が動いていました。慣れてないので、これについては良く分からず。
といった感じです。で、帰り道にtweetしていたらWiFiは有ったとか3Gは有ったとか聞かれてしまいました。触れたことだけで満足してしまいWiFiと3Gがあるかどうか調べてくるのを忘れていました。一応、一番詳しいweb上のスペックシートを見る限りGSMとBluetoothしか無いように見えます。
興味津々なのは分かった。で、おまえは買うのかと言われると、さすがにお高いので躊躇します。もともとN97は、さほど欲しいとは思っていませんでした。Nシリーズだし、qwertyだけどキーの数が少ないし、スライドだし、、、でも実機を見ると良さが分かってしまい、悩み中です。ま、買うとしても先の事になるでしょう。
今回はパス宣言をしている上海の若大将、実機を見ておいた方が良いかもよ!
以前、NOKIA S60向けの中国語FEPを紹介した時にMacからだとダウンロード・ページに行けないと書きました。その理由は該当サイトが接続して来たのがWindowsか携帯電話を判別して携帯電話の場合WAPのページに飛んでいたからです。どうもWindows以外であるMacは携帯電話と判断されてしまっていたようです。
ブラウザーが返すUA(ユーザー・エージェント)という情報を変更すれば良いとは分かっていても面倒だなと思っていました。ところが、SafariでのUA変更は、とても簡単なことでした。ほとんど悩むことなく、くだんの中国語FEPをMacからダウンロード出来ました。
Safariの環境設定から詳細を開くと「メニューバーに”開発”メニューを表示」とあるので、それにチェックを入れます。あとは上のキャプチャー画像の通りです。予め代表的なUAがプリセットされているところが、とっても便利です。iPhoneのSafariとか選んでiPhone対応サイトを訪れるのも面白いです。
注) UAを変更してもブラウザーの挙動までは変更されませんので、場合によっては画面の表示や動きがおかしくなるかもしれません。あくまで開発用途なのでご承知おきくださいませ。
