先々月頃、sencha touchというjsフレームワークを紹介され触り始めています。これはExtJSという元々あるjsフレームワークをタッチデバイス向けに最適化したもので、ExtJSと開発が並行されているようです。イメージとしては、ExtJSの一部を共有しながら、タッチデバイス向けのapiをくっつけたものがsencha touchという事でしょうか。私はそんな解釈です。

jsを触り始めるにあたり、やっぱりjQueryかなとも思いましたが、OOP的なコードを比較的シンプルに書けることと、この驚愕のデモにやられてしまいました。

Sencha Touch Mobile JavaScript Framework (Free) : DEMO

HTML5とcanvasを使っているので是非PCとスマートフォン両方で体験してみて下さい。

そんな感じで現在 sencha x PhoneGap の組み合わせでアプリを組んでいるのですが、２，３日前からずっと動いてたソースが過去のバックアップソース含め突然動かなくなってしまったので、その現象と原因、解決方法を残しておきます。

現象
Sencha x PhoneGap で地図を突然表示できなくなった。

原因
PhoneGap.plist の ExternalHost の設定が適切でなかった

解決方法
1.XCodeの右側にあるプロジェクトウィンドウから
　[project name]/Supporting Files/PhoneGap.plist を探し出しクリック
2.右枠内リストから ExternalHosts を探し出し、＋をクリックして、 value 「*」１文字を設定
　→これにより、どのサーバへも接続できるようになります。（もちろん任意設定も可能）

発生から解決まで
もともとPhoneGapのバージョン1.0を使っていて、開発も最近までこれを使っていたのですが、バージョン1.2が出ていることを知り、アップデートした実行したところ、iOSシュミレータ内の本来地図が表示されるべき箇所で「Google Maps API is required」と表示され、地図が表示されなくなりました。その際、XCodeのコンソールには、
ERROR whitelist rejection: url=’http://maps.google.com/maps/api/js?sensor=true’
という表示されていると思います。（googlemapを使用していた場合）

PhoneGapのバージョンを1.0に戻すことでも解消できたのですが、最新のバージョンに合わせて上記方法を用いて解決しました。

使い方はサイトに書かれていますが、AS2用っぽいので、AS3の方はこちらからどうぞ。

「そうそう、これくらい簡単でなくちゃねぇ」と思わず漏らしてしまいました。

jQueryもぜんぜんだし、jsもちっとは勉強しとかないとなぁ。。