alt

スマートフォンのためのリモートデバッグ環境その1 – weinre
スマートフォンのためのリモートデバッグ環境その2 – JSconsle

とみてきましたが、
もっと単純にログ出力だけで十分という方にはコレがよさそうです。

Blackbird
http://www.gscottolson.com/blackbirdjs/

画面の端っこにログ出力用コンソールが表示されるので
PC向けというよりはスマートフォンなどのログ情報が確認しにくい環境で役に立ちそうです。
iPhone、Androidは上記のweinreやJSconsle使うとしても、
Windows Mobile6.5(IE6)やBlackBerryなどWebSocket使えない系のブラウザには試す価値アリ。

続きを読む »

前回紹介したweinreに続いて、
JSConsoleというデバッグツールもよさげなのでテスト。
簡易的に使うなら便利だけど、正直Firebug並みのことはできないです。
あとセキュリティ面でもjsconsole.com側にDOMやクッキー情報が筒抜けなのでご注意をば。

サポート環境は
iOS 4.2.x – iPad, iPhone 4
Andriod 2.2.2 – Nexus One
webOS – Palm Pre

JSConsoleのソースはGitHubにあります。
https://github.com/remy/jsconsole

続きを読む »

スマートフォンブラウザのWebInspectorをリモートで実現するweinreが凄い
スマートフォン用ベージをデバッグする5つの方法


これらの記事みて自分の開発環境にもweinreを取り入れようと思い試してみました。

加速度センサーやGeo Location APIなんかのデバッグにも
PCのブラウザコンソールからCSSやJS弄ったりするのにもちょー便利。
iPhone、Android問わず、クロスデバイスで利用できるし。

続きを読む »

携帯サイトのFlashをスマートフォンに展開する場合、
PCサイトのFlashをスマートフォンに展開する場合、
と
既存のFlashサイトをバージョン変更やプログラム改修をするときは
センシティブな扱いをしないと事故る可能性があります。
いや、僕自身があったので備忘録として書き留めるべし。

続きを読む »

スマートフォンのくせに。。。
当たり前のようにできると思っていたのに。。。
GIFアニメの再生がうまいこといかない端末がちらほら見つかりました。

まずiPhoneの3G。3GSと4は大丈夫だった。
この3GはまだアップデートしてないのでiOSのバージョン、
つまりはSafariのバージョンによってかもしれないですが
ループ回数を指定しているのにループしないなど動作が不安定になりました。
またファーストアクセスでは普通に再生されるのですが、
ページを更新するとGIFアニメが静止しているので、
ブラウザキャッシュが悪さしている可能性がありますね。

続きを読む »

去年の暮れにリリースされた「iOS4.2」から
WEBブラウザ（Safari）で加速度センサー、ジャイロセンサーのAPIにアクセスできるようになりました。
せっかくiPhone持っているんだし、試しにそれぞれの値をブラウザに出力してみます。

センサー値の取得はJavascriptのイベントにて行います。
まずiPhoneの傾きが変化するとdevicemotionというイベントが発生するので
window.addEventListenerで感知し、
関数に渡されるイベントオブジェクトのプロパティよりそれぞれの値を取得します。
別でdeviceorientationというイベントがありますが、
こちらでも回転の加速度のみ取得が可能です。

続きを読む »