リアルタイムにPCとスマホのクロスブラウザチェックができるEdge Inspect
レスポンシブデザインが主流となってきている今では、制作しながらパソコンの画面でチェックして、スマホでチェックして、微調整して…というようにかかる工数も増えてきました。
そんな中、Adobeが出しているEdge Inspectというソフトを知ったのですが、これを使うとパソコンでサイトを開くだけで、連動してスマホでも同じサイトを開いて、見た目の確認をすることができます。
パソコンと連動した画面チェック
パソコンとスマホを接続させ、パソコンでサイトを開くと連動してスマホ側も画面が切り替わります。スクリーンショットを撮ったりすることも可能。このソフトはWindowsでもMacでも使え、iOS、Android、Kindle Fireと連動することができます。これを使えば、検証作業のストレスが軽減されることでしょう。
Edge Inspectの使い方
まず、Edge InspectはAdobe Creative Cloudに加入していなければ使うことができません。Adobe Creative Cloudに加入していれば、ログインしてEdge Inspectをダウンロード。
ダウンロードしたら、もちろんインストール。
Google Chromeの拡張機能をインストール
Chromeウェブストアから、拡張機能をインストール。
スマホ側にクライアントアプリをインストール
iPhoneの場合は、AppStoreからダウンロード。Android、Kindleもそれぞれ専用アプリをインストール。
アプリを起動して、接続するPCを選ぶとパスコードがでてきますので、出てきたパスコードをChromeの方で入力。
これで、接続完了です。めっちゃ快適。
フリーランスエンジニアの稼ぎ方
PROFILE
プロフィール
サービスで世界をよりよくするために挑戦中。個をエンパワーメントするプロダクトをつくっています。個人開発コミュニティ「入江開発室」を運営（約300名） / MENTAなど20個以上のプロダクトを開発。
（詳しいプロフィール）
PRODUCT
イリテクで開発したプロダクト
RELATION
関連する記事
GoogleMapのカラーデザインを変えてサイトになじませる
サイト内で場所を紹介するときにはGoogleMapを使うのが当たり前になりました。昔はイラストレーターで地図を作ってたんですけどね。Goog...
アプリ開発費用はどのくらいかかる？見積り相場は？費用を抑えるためのコツも。
アプリ開発の開発費用・相場感がまったくつかめない...。 見積をとってだしてもらっても、高い気がするけど相場がわからないから判断できない。 ...
プロダクトを継続して使ってもらうためには、初回の印象がとっても大事！
CLOUD PAPERのここ30日間の無料登録アカウントは20件でしたが、そこから有料プランへの加入はありませんでした。これはマズイ...。...
顧客の要望通りにシステムを作ったのに「使いずらい」と不満が出るのはなぜか
「お客様は神様です」というように、 お客様の要望に答えることは美徳とされてきました。 しかしなんでも要望をきくことはお客様のためになりません...
