2012/03/08

Adobe Shadow はスマートフォン開発の必需品となりました

Adobe labs から Adobe Shadow なるものがでました。
http://labs.adobe.com/downloads/shadow.html

簡単にいうと
PC の Chrome で見てる Web ページを スマートフォン( iOS or Android)  でも、同期されて表示されるよ。
というもの。
表示出来るだけじゃなくて DOM なんかもみれちゃうインスペクタ付き。
これすごい。
ユーザーエージェントいじって PC で確認したりしますが、
やっぱり簡単に実機テストができるとうれしいですね。
開発効率格段にあがると思います。
使い方は


http://labs.adobe.com/downloads/shadow.html
から「Shadow Labs Release」をお使いの OS にあわせて ダウンロード then インストール。
Windows も Mac もある。

「Shadow Mobile Device Client」
をお使いのデバイスにインストール。
Android も iOS もどっちもいけちゃうのがすごい。

「Shadow Browser Extensions」
を Chrome にインストールして準備完了。

そして Adobe Shadow をお使いの PC で実行。
デバイスで Shadow Mobile Device Client を実行
表示される数字を Chrome の Shadow Browser Extensions メニューから、
デバイスを選択して数字を入力でOK。
一度認識された端末は次回からこの数字入力は省略できるみたい。

あとは Chrome でブラウジングしてみるだけ。
これは普通に「おぉ〜」って声出るw
スマートフォン開発者はお試しあれ。

スクロールに追従してくれないなど、まだまだ欲しい機能はありますが、
今後に注目ですね。

Adobe Shadow
Inspect and preview web workflows on iOS and Android devices
http://labs.adobe.com/technologies/shadow/

Adobe Shadow Installation Guide
http://forums.adobe.com/docs/DOC-1673

紹介動画など以下のサイトでまとまってます。
http://www.publickey1.jp/blog/12/shadowweb.html