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問わず、クロスデバイスで利用できるし。

続きを読む »

PCのブラウザ上での話しならコチラの記事を参考に
比較的簡単にHTML5のaudioタグで音声再生が可能ですが、
Androidのブラウザでも可能なのかどうかについて。

Andoridのデフォルトブラウザはaudioタグはサポートしていても、
PCM、MP3、AAC、Ogg Vorbisのようなファイルフォーマットには対応してないようです。
ネット上にもあちらこちらにバージョン2.2まではムリっすって声が聞こえますし、
実際にaudioタグを貼ってもプレイヤーが表示されず、音声も再生しない検証結果も出ています。
バージョン2.3では再生できたという記事も目にしましたが、
端末によってかもしれないし、Googleから公式のアナウンスがある？わけでもないので
音コンテンツを作るうえでどのように対応していくかが鬼門です。

続きを読む »

これはスマートフォンに限定した話になってしまうかもしれませんが、
コンテンツの領域が端末の縦幅より長いときってフリックやスワイプ操作でスクロールしますよね。
iPhoneやAndroidのブラウザで横向きにしたときは
ファーストビューのエリアが狭いのでアドレスバーがすごく邪魔でちょっと不親切。
ユーザビリティを考慮したサイトには必ずといっていいほど、
初期時にブラウザのアドレスバーを隠してあげる工夫がされています。
やることは単純。
window.onloadか、jQuery使ってれば$(document).readyとかで1px移動しておくと、
ブラウザの仕様でバーの高さ分引っ込めてくれます。

続きを読む »

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

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

続きを読む »

注意：FlashPlayer10.1搭載のAndroidタブレットはFlashPlayerが最初から組み込みで入っているか
Androidマーケットにより入手するのかは分かっておりません。



『HP Slate』
Hewlett-PackardのWindows7タブレット
ディスプレイ：8.9型 1024 x 600
重量：670g
価格：$549～$599
CPU：Intel Atom Z系 (Z530 1.6GHz)
ストレージ：32GB / 64GB
メモリ：1GB
通信：802.11b/g とnにも対応するWiFi、Bluetooth、3G
カメラ：300万画素カメラ・VGAフロントカメラ
バッテリー駆動：5時間以上
※Flash Player 10.1とAdobe AIR 2.0搭載


続きを読む »

幅広い層にリーチしている大手ポータルやSNS・CGM系、Eコマース系のサイトは
iPhoneやAndroid用のUIをより洗練されたものに最適化していかなければならないと思うのですが、
実際どれほどのサイトが現状対応させているのか国内を中心にiPhoneで調べてみました。
意外と対応していないサイトが多かったことにびっくり。
まあ僕の個人的主観で選んだだけなので、偏りがあるのはお許しをば。

既存のPCサイトをただiPhone用にサイズ変更しただけのものから
無駄な情報を削ぎ落とし、専用のUIにブラッシュアップしたものまで様々でした。
iPhoneのSafariもAndroidのWebkitも基本ワンソース・マルチユースで展開できそうなので
今後はAndroidの普及率しだいというところでしょうか。
HTML5+JavascriptによってさらにFlashライクなリッチUIも登場してきそうです。

続きを読む »