LocketsマガジンニュースグルメイベントトラベルsearchHOMEテックブログMac版Bliskは試した?サイト制作者もブログ運営者にも便利!スマホとPC版の画面同時確認できるブラウザテックブログMac版Bliskは試した?サイト制作者もブログ運営者にも便利!スマホとPC版の画面同時確認できるブラウザツイートシェアはてブ送るPocketMac版が7月にリリースされて、評価の高いBlisk。みなさんはもう使われましたか?結論から言えばめっちゃ便利です。同時にPC版とスマホ版の画面を確認できるブラウザだと思って頂ければ。スマホも様々な機種をさくっと切り替えて画面の見え方検証できちゃう。何よりもシミュレーターを使うよりも軽いのと、これ一つあればPCとスマホの表示を同時に確認できるスピード感もイイ。このサイトもこんな感じでPC版とスマホ版の違いが見れちゃう。画面をスクロールすれば、PC版の画面もスマホ版の画面も同時にスクロールして見ていくことが出来る(まったく同じ場所が同期するわけではないですが、確認するのが楽です)。スマホの機種を選んでそれぞれの表示の具合を確認出来るスマホは様々な機種があり、解像度もマチマチですが、それぞれの端末を手に入れて検証は困難。シミュレーター/エミュレーターを使う方法もありますが、セットアップが大変だったり重たかったりなどで敬遠しがちですでも、Bliskなら選んでさくっと切り替えて画面検証出来るのでストレスを感じません。素早く不具合を発見できるので、サクサクと修正を進めていくことが出来ます。スマホだけでなくiPadなどもあります。さまざまな画面でどのように見えているかは制作者はともかくサイト運営者は知っておく必要があります。自分の持っているスマホだけで快適に動けばいい、というわけではなく世の中には多くの利用者やサイト閲覧環境があるわけですしね。livedoorブログだってこんな感じで見れちゃいます。レスポンシブWebデザインじゃないと意味がにないかと思われそうですが、実はスマホ版でまったく違うテンプレートを使うlivedoorブログもこんな感じで閲覧が出来ます。め~んずスタジオを閲覧させていただきました。いったサービスでもスマホ版で文章が読みやすいか、とか、写真が小さくてつぶれて見にくいとか、いろいろ同時にチェックできます。サイト制作者だけでなくブロガーもPCとスマホの見え方同時にチェックするのに良いツールかもしれません。↑スマホ版で翻訳の機能が動かしてみてその見え方もサクッとチェックできます。※東京散歩ぽよりいろんなデバイスでの見え方チェックするの、重要ですよね(そのメニューが意外とクリックできないのに気づけたりしますよ)課題はいくつかありそう、でも今後に期待もちろん、ブラウザによるシュミレートなので実機検証にはかなわない。リリースしたばっかりということもあり完成度はまだ疑問ですが、致命的な問題は「現段階ではベーシック認証に対応していない」ということ。意外とベーシック認証がかかった領域で作業して検証することが多いのですが、まあ、ローカルで開発することを考えればそれも必要無いのかな。