[ツール] Adobe Shadowが神ツールと聞いたので使ってみたらほんとに神ツールだった

このエントリーをはてなブックマークに追加

こんにちは、fujinyoです。

はてブでこんな記事を見つけました。

スマホのWeb開発に、Adobe Shadowが神ツールな件
スゴイ。ヤバい。Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。

スマホサイトを作る際に、PCで編集してスマホのブラウザを「更新」。また編集して「更新」という面倒な事をしなくても、こいつがあれば、PC側のブラウザを更新するだけでスマホ側も連動して更新されるようです。

ちょうど、あるスマホサイトを練習がてらつくってみようと思っていたので早速使ってみることにしました。

Adobe Shadowの使い方

まず、Adobeのサイトへ行ってスマホサイト開発に使うPCへ Adobe Shadow をインストールしましょう。

インストール後、Adobe Shadow を実行すると以下のようなウィンドウが表示されると思います。

こいつ自体はこれでいいので、最小化させておきます。

次に、Chrome(ブラウザ)に Adobe Shadow の拡張機能をインストールします。(Chrome使ってない人はChromeのインストールからどうぞ)

インストール後、Chromeの右上に画像のようなアイコンが現れます。

これが確認できたら、次は iPhone、iPad、Android等に Adobe Shadow のアプリをインストールします。

iPhone、iPadはこちら

Androidはこちら

Kindleもあるみたい

スマホ側へのインストールが終わったら、早速アプリを起動してみます。

すると、スマホ側の画面に6桁程の数字が表示されるので、表示された数字をブラウザ側に入力すれば

PCとスマホの接続が完了。試しに、PC側のブラウザを操作してみて下さい。

もちろん、複数の端末を連動させる事もできますのでiPhoneとiPadの動作確認を同時にできます。

実際、僕もキーボードの手前にiPhoneを置いて、メインディスプレイの右側にiPadを置いて開発していました。

こんな機能もあればいいのに

使い方がわかった所で、実際に使ってみての欲張りな要望をいくつか。

まず、一度他の端末と同期させてしまうとそのブラウザではどのページを見ても各端末が連動します。

なので、開発中にメールが来たのでGmailを開いたり、FaceBookを開いたりしても全ての端末が連動してくれます(笑)。

できれば、ブラウザで開いている「このタブ」限定で連動するなんていうオプションがあるといいかなと感じました。

また、ユーザー認証が必要なサイトの場合は、PC側でIDとパスワードを入力して認証しても

スマホ側では認証されていないので、端末ごとに入力して認証してやる必要があります。

これは、しょうがないんですよね。。。

最後に

偉そうに要望なんて書きましたが、とにかく素晴らしいツールです。

一度使うと、これがないとスマホサイトを作る気になりません。

もちろん、すべて無料で使えますのでぜひお試しください。

では、また。

[PR] 「結さん」があなたに代わって開発案件の依頼主を探します

  • 「既存のクライアントにギャラアップは言いにくい」
  • 「営業活動する時間がないし、苦手」
  • 「仕事が途切れたらどうしよう」

ITエンジニアのこんな悩みを「結さん」が解決してくれます
結さんへの無料会員登録後は提案メールを待つだけです!

関連記事

このエントリーをはてなブックマークに追加