SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

Adobe Developer Connection(AD)

マルチデバイス対応のウェブ開発を効率化する「Adobe Edge Inspect」の使い方

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

Edge Inspectを起動する

 起動してみましょう。

 PCにインストールしたEdge Inspectアプリケーションは、メニューバーアプリなのでインターフェイスを持ちませんが、初回起動時はサインインを求めるパネルが表示されます。ここには登録したAdobe IDを入力してください。

サインイン
サインイン

 一度記憶させてしまえば、以後このパネルは表示されません。

 次に、Google Chrome拡張機能のアイコンの状態を確認してみます。

 アイコンは状態に応じて表示がかわります。

  • アプリケーションが起動していない
    アイコンステータス-1
    アイコンステータス-1
  • 同期ブラウジングをオフにしている
    アイコンステータス-2
    アイコンステータス-2
  • 同期ブラウジングをオンにしている
    アイコンステータス-3
    アイコンステータス-3

 アイコンをクリックするとコントロールパネルが表示されます。

 ここには各デバイスとの接続状況や、同期ブラウジングを通して行える操作メニューがあります。

 インストール直後だと、おそらくまだ1台もペアリングが完了していないので、「接続を待っています...」とでているはずです。

 端末側のEdge Inspectアプリケーションを起動しましょう。

 同じネットワーク上にいれば、自動的に互いのデバイス名が表示されているはずです。

次のページ
ペアリングまでの手順

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
Adobe Developer Connection連載記事一覧

もっと読む

この記事の著者

中農 稔(面白法人カヤック)(ナカノ ミノル)

株式会社カヤック HTMLファイ部所属。フロントエンドエンジニア。HTML5を駆使してアニメーションやミニゲーム実装を中心に、広告キャンペーンを手がける。これまでの実績に「Domino's App feat.初音ミク」「RAIZIN」など。好きな言語はJavaScript、好きな動物は鳩、好きな言葉は「吐いた豆はくわぬ」。 Twitter: @nenjiru Facebook: https://www.facebook.com/minoru.nakanou

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/7131 2013/05/24 10:42

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング