webデザイナーになる方法

webデザイナーが使っているおすすめのブラウザをご紹介

webデザイナーにおすすめのブラウザ
えりー
えりー
こんにちは、えりーです。

ブラウザとは、webページを表示するためのソフトのことです。

具体的には、Google ChromeIE(インターネットエクスプローラー)などのことをブラウザと呼んでいます。

えりー
えりー
具体的な名前を出したほうが、ピンと来る方が多いかもしれませんね!

今回は、webデザイナーが普段使うべきおすすめブラウザと、サイトのブラウザチェックのためにインストールしておいたほうが良いブラウザをご紹介したいと思います。

また、あわせてGoogle Chromeのおすすめ拡張機能をご紹介いたします!

各ブラウザのダウンロードリンクも貼っておきますので、まだダウンロードしていないブラウザがある方は、ぜひダウンロードしてみてくださいね。

えりー
えりー
クライアントに「あの青いEのマークのやつ」と言われたら、「IE」か「Edge」のことですね。。。

webデザイナーにおすすめのブラウザはずばり「Google Chrome」!

ほとんどのwebデザイナーは、Google ChromeFirefoxを使っています。

webページが快適に閲覧できるのはもちろんのこと、便利な拡張機能(アドオン)が多く、開発者向けツールも充実しているからです。

中でもわたしのイチオシは、Google Chromeです。わたしがGoogle Chromeをおすすめする理由は次のとおりです。

  • 国内外でシェア率No.1!
    クライアントもGoogle Chromeを使っている可能性が高いです。その場合、クライアントと同じ環境でwebページの確認ができるので便利です。
  • Google系サービスが使いやすい
    GmailやGoogleカレンダー、Googleドライブ等、Google系サービスが好きな方は、迷わずGoogle Chromeにしましょう!
  • Google先生が作っているという謎の安心感・・・
    検索エンジンの王者Google先生の言うことは絶対です。。。

わたしはGoogle Chrome推しですが、FirefoxもGoogle Chromeに負けず劣らず便利な機能が揃っているので、とりあえず両方使ってみて、使いやすいほうをメインブラウザにするのもOKです。

ブラウザチェックのためにインストールしておくブラウザ

webサイト公開前に、色々なブラウザで見え方のチェックを行う必要があります。

ブラウザの仕様によっては表示崩れ等が起こる場合があるためです。

パソコンに下記のブラウザをインストールしておきましょう。

PCブラウザ

  • Google Chrome
  • Firefox
  • Microsoft Edge《windows標準搭載》
  • Safari《mac標準搭載 ※macのみで使用可》

スマホ/タブレットブラウザ

  • iOS→Safari・Google Chrome
  • Android→Google Chrome

webデザイナーにIEが嫌われる理由は、他のブラウザでは正常に見られるのに、IEだけ何故か崩れている、という現象が起こることが多かったからなんですね。。。

Windows10から標準搭載されているEdgeだと、そういったことはかなり減りましたが、それでもあまり好かれてはいない印象です…。

えりー
えりー
IEは早く滅びてほしい・・・
にゃーご
にゃーご
そこまで言われるとIEが不憫にゃ…

ご参考までに、ブラウザシェアランキングは次のとおりです。

《Webブラウザシェアランキング(2019年1月):日本国内》

ブラウザ名 バージョン シェア率
1位 Chrome 71.0 40.15 %
2位 IE 11.0 14.1 %
3位 Chrome for Android 11.97 %
4位 Firefox 64.0 7.2 %
5位 Edge 17 5.73 %
6位 Safari 12.0 4.84 %
7位 Chrome 49.0 1.31 %
8位 Safari 11.1 1.29 %
9位 Chrome 70.0 1.08 %
10位 Chrome 63.0 0.73 %

《Webブラウザシェアランキング(2019年1月):世界》

ブラウザ名 バージョン シェア率
1位 Chrome 71.0 52.39 %
2位 Chrome for Android 8.39 %
3位 Firefox 64.0 6.64 %
4位 IE 11.0 4.86 %
5位 Edge 17 3.54 %
6位 Safari 12.0 3.4 %
7位 Opera 57.0 1.85%
8位 Chrome 70.0 1.69 %
9位 Chrome 49.0 1.12 %
10位 Chrome 63.0 0.97 %

出典:https://webrage.jp/techblog/pc_browser_share/

GoogleChromeのおすすめ拡張機能

わたしが普段よく使っているGoogleChromeのおすすめ拡張機能をご紹介いたします。
もしいいなと思ったものがあれば、ぜひ使ってみてくださいね!

Fireshot

webページのスクリーンショットをボタン一発で取ることができる拡張機能です。画面の一部も取れるので、便利です。

Fireshotをダウンロード

ColorZilla

webページの色を抽出することができる拡張機能です。「このサイトの色いいな!」と思った時に、参考にするために使います。

ColorZillaをダウンロード

Go Back With Backspace

Backspaceキーで前の画面に戻ることができる拡張機能です。以前は拡張機能を入れなくてもBackspaceキーで戻れたのですが、Google Chromeがアップデートしてから戻れなくなってしまいました。。。

Go Back With Backspaceをダウンロード

にゃーご
にゃーご
正直改悪だにゃ。Google先生にはがっかりにゃ。

Alt & Meta viewer

画像のalt・title・meta keyword・description等をサクッとチェックできる拡張機能です。webサイト公開前のチェックによく使っています。

Alt & Meta viewerをダウンロード

WhatFont

webサイトで使っているフォントがわかる拡張機能です。ソースコードを見なくて良いので時短になりますね!

WhatFontをダウンロード

まとめ:webデザイナーになりたい方はChromeかFirefoxを使っておけば間違いない

とりあえず、webデザイナーになりたい方は、GoogleChromeFirefoxを使いましょう。わたしのイチオシはGoogleChromeです!

便利な拡張機能(アドオン)も多いので、ぜひ色々入れて試してみてくださいね。

また、webサイト公開前のブラウザチェックでは、下記のブラウザを使いましょう。

PCブラウザ
  • Google Chrome
  • Firefox
  • Microsoft Edge《windows標準搭載》
  • Safari《mac標準搭載 ※macのみで使用可》
スマホ/タブレットブラウザ
  • iOS→Safari・Google Chrome
  • Android→Google Chrome

ぜひ、お使いのPCにダウンロードしてみてくださいね。

ABOUT ME
えりー
えりー
空創デザインオフィス」代表。 フリーランスデザイナーとして、web・グラフィックデザインを行う傍ら、ホームページや広告を作りたい人への支援、web・グラフィックデザイナーの育成、ブロガー・アフィリエイターの育成等を行っている。 →プロフィールお問い合わせ空創デザインオフィス
error: Content is protected !!