レスポンシブルWebサイトの開発に便利なブラウザ「Polypane」

2019/05/17 09:00

レスポンシブルなWebサイトを開発するのに、たくさんシミュレータを立ち上げるのは大変ですよね。そんな時に便利なので「Polypane」です。

◆ レスポンシブブルWebおよびデザイン用ブラウザ「Polypane」
https://polypane.rocks/

紹介

レスポンシブルWebサイトの構築がハードなのは、世界共通認識ですね。

Polypaneは月額制の有料ツールになります。「Subscribe now」から決済をしてツールのダウンロードする流れになります。

インストール

まずはプロフィールを登録します。

日本を選んで購入手続きを進めます。

クレジットカードかPayPalでの支払いに対応しています。

決済が完了するとダウンロード画面がでてきます。

アプリケーションに追加して起動します。

こちらにはプロフィールで登録したメールアドレスを入れます。

プロフィール登録時に届くライセンスキーも入力して、セットアップが完了です。

使ってみる

はじめに「レスポンシブル」「モバイルデバイス」の表示形式を選択します。今回は、左のレスポンシブルにします。

すると3つのサイズが違うブラウザ画面が表示されます。早速AnyPicksの画面を表示してみます。

このように、モバイル/タブレット/PCでそれぞれ表示される画面がレイアウトされます。

それぞれのレイアウトは好きな横幅に変更することができます。

また、レイアウトは好きな数だけ増やすことができます。サイズの違う画面を並べてみることができるのはいいですね。

またエンジニアにとって忘れてはいけないのが、デベロッパーツールも完備しています。

レイアウトごとにデバッグも可能です。

ただ1点残念なのは、ユーザーエージェントがモバイルにならないためWebサイトによっては実機と異なる表示になってしまいます。

まとめ

長所:
レスポンシブルなWebサイトは今やマストな要件ですが、開発は非常に苦痛。それが少しでも楽になる点は良いです。

短所:
ユーザーエージェントが正しく切り替わらないため、実装によっては期待値が表示されない欠点があります。

自社のサイトでの使用感を見極めて使ってみてください。

◆ レスポンシブブルWebおよびデザイン用ブラウザ「Polypane」
https://polypane.rocks/

新着ピック  






















新着ニュース

LINE「OpenChat」、トークルーム検索機能の再開を延期 「検索精度を上げるため」

バーチャルタレントがスナックのママに--“場所を選ばない接客”の働き方

リザーブドインスタンス(RI)を間違わずに購入したい! それなら AWS CLI を活用してみよう。 -オペ部だより- | DevelopersIO

ローソン、「深夜に店員ゼロ」を実験へ QRコードで入店、セルフレジで決済 遠隔監視で万引き防止

銘菓「ニコンようかん」、ネット販売終了 「裏の主力製品がなくなる」と惜しむ声

WindowsでAWS CDK(C#)の開発環境を整えてみた | DevelopersIO

TC Tokyo超早割チケットは8月末まで!トヨタの自動運転開発子会社TRI-ADのCEOが登壇決定 | TechCrunch Japan

たこ焼きロボからマイクロモビリティまで竹芝埠頭にロボ集結 | TechCrunch Japan

家事代行のベアーズ、マンションにスタッフ常駐の新サービス「MAUCHI」開始

対象店舗でビットコイン決済するとTポイントを付与--bitFlyerとTポイントが業務提携

野村不動産アーバンネット、不動産売買支援システム「Kimar」を導入

Application Load BalancerのリスナールールによるIP制限 | DevelopersIO

Application Load Balancerのリ...

DevelopersIO / 3時間前


最短2日で物件売却のすむたすが直販を開始--「すむたす直販」が担う中古流通比率の引き上げ

ローソン、深夜時間帯を“無人化”する実証実験--横浜で半年ほど実施

Amazon VPC設計時に気をつけたい基本の5のこと | DevelopersIO

ソニー、学校向けプログラミング学習キット「KOOVベーシックキット」を9月に発売

「Zaif」元運営のテックビューロ、仮想通貨交換業を廃業へ

なぜβ版でスタート? 独自プランは? IIJに聞く「eSIM」戦略

Github ActionsのワークフローへCircleCIのワークフロー流用を試してみた | DevelopersIO

ブランドリセール「RECLO」のアクティブソナー、中国企業などから約36億円を調達

もっと見る
ログイン
会員登録
Register
記事をPICKする

会員登録すると、もっと便利に利用できます。