マルチデバイス向けの制作に必須！シンクロナイズド・ブラウザ・テストを実現する3 + 1つのツール

CSSやHTMLを編集すると、アクセスしている複数の端末が同期されて自動的にリロードされる「Synchronized Browser Testing」というツールがあります。このブログのデザイン変更作業をした際に、マルチデバイス対応のサイト制作にはこういったツールが必須だなぁと実感したので、試したツールと設定の注意点などをまとめてみました。 用途と設定の難易度で、それぞれ向いているツールは異なると思いますが、僕のいまのところの最強コンビは、BrowserSync + Gulpとngrokの組み合わせだと思っています。 紹介するツール一覧 CodeKit Ghostlab BrowserSync ngrok 最後に機能比較一覧も作ってみました。 Codekit（29ドル） https://incident57.com/codekit/ Sass、Less、Coff