SHOEISHA iD

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

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

Adobe Developer Connection(AD)

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

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

スクリーンショット撮影

 端末からスクリーンショットを撮ることも可能ですが、撮影した画像をPCに持ってくるのが意外に面倒だったします。Edge Inspectであれば、自動的にPCに転送して保存してくれます。しかし、Edge Inspectであれば、自動的にPCに転送して保存してくれます。

コントロールパネル-スクリーンショット
コントロールパネル-スクリーンショット

 画像とともに、デバイス情報など撮影時の情報もテキストファイルとして同時に保存されるので、資料作成にも便利です。どちらかというとディレクターや、ウェブページを検査するテスター向けの機能かもしれませんが、表示確認を行うデザイナーにも使い勝手の良い機能ではないでしょうか。

その他

 閲覧できるURLは、ローカルホストhttp://localhostから、HTTP認証までと非常に幅広く一般的なウェブ開発では不自由しないでしょう。

コントロールパネル-各部名称
コントロールパネル-各部名称
HTTP認証画面
HTTP認証画面

 ユーザー名:パスワード@サーバーと、IDとパスワード含めたURL(例 http://user:password@localhost)でGoogle Chromeからアクセスすると、認証を省略できます

まとめ

 Edge Inpectのよいところは、なんでもそろった開発環境というわけではなく、気の利いた小さな道具であることです。これはチームでの導入のしやすさにもつながります。

 実機検証の重要性はご存知のところだと思いますが、開発初期のころは手元の環境から離れたくないばかりに、シミュレーターやエミュレーターで確認を済ませてしまいがちです。しかし、こうしたところにバグは潜んでしまうものです。煩わしさから省略しがちな確認作業はツールで効率化して、ワークフローの改善に役立ててみてください。

 また、お客様に実機プレビューを行う際にもよいツールになると思います。あるいはタブレットと連動させてプレゼンツールとして使うなど、同期ブラウジングにはまだ利用法がありそうです。

Creative Cloudについて

 1年半ぶりに開催されたAdobe MAX、ライブストリーミングでご覧になった方も多いと思いますが、いよいよCSシリーズの開発が終了し、Creative Cloudへの移行が発表されました。このCreative Cloudには、PhotoshopやIllustratorなどの従来のクリエイティブツールに加え、モダンなウェブ制作のために用意されたEdge Tools & Services、ストレージサービスなどを揃えた複合的なサービスです。

 

 とくにEdgeシリーズはInspectのほかに、タイムラインで高度なアニメーションを作成できるEdge Animateや、レスポンシブレイアウトに特化したデザインツールEdge Reflow、オープンソースで拡張性の高いHTMLエディタBracketsをベースにしたEdge Codeウェブフォントなど、これからのサイト制作には欠かせない製品群になるのではと注目しています。

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

  • 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」など、さまざまなカンファレンスを企画・運営しています。

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

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

メールバックナンバー

アクセスランキング

アクセスランキング