テックブログ

Mac版Bliskは試した?サイト制作者もブログ運営者にも便利!スマホとPC版の画面同時確認できるブラウザ

更新日:

スクリーンショット 2016-07-18 9.31.33

Mac版が7月にリリースされて、評価の高いBlisk

みなさんはもう使われましたか?

結論から言えばめっちゃ便利です。同時にPC版とスマホ版の画面を確認できるブラウザだと思って頂ければ。しかも、スマホも様々な機種をさくっと切り替えて画面の見え方検証できちゃう。
何よりもシミュレーターを使うよりも軽いのと、これ一つあればPCとスマホの表示を同時に確認できるスピード感もイイ。

特にレスポンシブWebデザインのサイト制作・確認に便利

例えばこのサイトもこんな感じでPC版とスマホ版の違いが見れちゃう。

スクリーンショット 2016-07-18 9.43.59

画面をスクロールすれば、PC版の画面もスマホ版の画面も同時にスクロールして見ていくことが出来る(まったく同じ場所が同期するわけではないですが、確認するのが楽です)。

スマホの機種を選んでそれぞれの表示の具合を確認出来る

スマホは様々な機種があり、解像度もマチマチですが、それぞれの端末を手に入れて検証は困難。また、シミュレーター/エミュレーターを使う方法もありますが、セットアップが大変だったり重たかったりなどで敬遠しがちです

でも、Bliskなら選んでさくっと切り替えて画面検証出来るのでストレスを感じません。むしろ素早く不具合を発見できるので、サクサクと修正を進めていくことが出来ます。

スクリーンショット 2016-07-18 9.44.35

スマホだけでなくiPadなどもあります。

さまざまな画面でどのように見えているかは制作者はともかくサイト運営者は知っておく必要があります。自分の持っているスマホだけで快適に動けばいい、というわけではなく世の中には多くの利用者やサイト閲覧環境があるわけですしね。

livedoorブログだってこんな感じで見れちゃいます。

レスポンシブWebデザインじゃないと意味がにないかと思われそうですが、実はスマホ版でまったく違うテンプレートを使うlivedoorブログもこんな感じで閲覧が出来ます。

スクリーンショット 2016-07-18 9.46.20

[TDS] 絶対に撮りたかったミニーのトロスプ、一瞬をとらえた全方位スプラッシュの写真 : め~んずスタジオを閲覧させていただきました。

そういったサービスでもスマホ版で文章が読みやすいか、とか、写真が小さくてつぶれて見にくいとか、いろいろ同時にチェックできます。

サイト制作者だけでなくブロガーもPCとスマホの見え方同時にチェックするのに良いツールかもしれません。

スクリーンショット 2016-07-18 9.58.03

↑スマホ版で翻訳の機能が動かしてみてその見え方もサクッとチェックできます。
東京散歩ぽより

いろんなデバイスでの見え方チェックするの、重要ですよね(そのメニューが意外とクリックできないのに気づけたりしますよ)

課題はいくつかありそう、でも今後に期待

もちろん、ブラウザによるシュミレートなので実機検証にはかなわない。
そしてリリースしたばっかりということもあり完成度はまだ疑問ですが、致命的な問題は「現段階ではベーシック認証に対応していない」ということ。

意外とベーシック認証がかかった領域で作業して検証することが多いのですが、まあ、ローカルで開発することを考えればそれも必要無いのかな。

いっぽうなんといっても軽い。動作が軽快。
これなら検証とかも気分よく進めていけますよね。

そういった意味では今後に期待出来る開発者向けブラウザだと思います。

あと何かのブラウザに似てるなぁとおもったら、こう書いてありました。

Blisk
Copyright 2016 The Blisk Authors. All rights reserved.
Blisk is made possible by the Chromium open source project and other open source software.
なるほど。
というわけで、しばらくこれで画面確認とか進めていきたいと思います。
ダウンロードは下記から

-テックブログ

Copyright© プラス・ムーブメント合同会社 , 2018 All Rights Reserved Powered by AFFINGER5.