Webの最新トピックを配信中!

WebデザイナーはMacかWindowsのどちらを選ぶべきか?

mac
かつてはMacが理想だと確信していました。

Macはクリエイターにとっては最高の環境です。iMacとMacbookProは、美しいRetinaディスプレイを搭載し、MacOSは、最初から高品質なフォントがインストールされています。Mac自体のデザインもクールで所有欲を満たしてくれます。

先日、CSSniteというWebデザイン界隈では老舗のイベントに参加してきましたが、参加者のMacbook率がほぼ100%でしたw。Webデザイナーとフロントエンドエンジニアが個人で使用するパソコンでは、もうMacが圧倒的に優勢です。

僕は会社ではMacを、自宅ではMacbookProとWindowsを使っています。

最近はWebデザイナーにとって、Macがベストだとは思いません。
そう思う一番の理由は、ほとんどのユーザーがWindowsを使っているという事実です。

本当の意味でユーザーに寄り添ったデザインをするなら、ユーザーの環境と同じWindowsを使ってデザインをするのが理想なのでは?と今は思っています。

iMacとMacbookのモニターは発色が非常に綺麗です。そのため、Windowsユーザーが使う一般的なモニターと比較して表示がわずかながら異なります
Macでデザインとコーディングをして「よし!綺麗!」と思っても、Windowsではフォントの表示が荒かったりします。
そもそもWindowsにはヒラギノフォントも無く、フォントのインストール状況もMacとWindowsで異なります。
また、MacではIE Edgeでの表示検証もできません(VirtualBoxという仮想環境を用いてMac上でWindowsを起動させることで可能にはなりますが)。

デザインはユーザーのために行うものです。
だったら、最初から大多数のユーザーと同じ環境であるWindowsでデザイン作業をするのが、自然のような気がする
のです。
Macでデザインして綺麗!と思うのは、実は独りよがりな考えなのでは?と、MacとWIndowsを両方使用しながら思うようになってきました。

とか言っておいて・・・、


メインPCとしては、こんな感じでMacbookProを使っています。やっぱりヒラギノなどのフォントが無いと仕事にならんのです。
家での仕事の際は、フルHDの外部モニターを使用していて、MacBookProのRetinaのモニターはあまり使用しません。なぜかは記事後半に書きました。

でも、

ThinkPad-x1carbon2018
WIndowsマシンのThinkPad x1carbonもサブとして使用しています。
真ん中の赤いポッチ(トラックポイント)が大好きなんです。マウス代わりとして使えます。

WIndowsでの検証もしたいので、Mac一台だけというのは、やや心もとない気がするのです。
GRC(検索順位調査ツール)などWindowsマシンじゃないと使いづらいソフトもあるし。

さてさて、
次は、その他、MacとWindowsのWebデザインにおけるメリット・デメリットと現場の現状をお伝えします。

Macは、デザイン作業に最適化されている

メリット

Macは、デザインをする上で必要な要素を最初から備えています。

  • デザイナーがよく使うフォント(ヒラギノ等)がインストール済み
  • Retinaディスプレイの高解像度と発色の圧倒的な美しさ
  • 最新コーディング手法の導入がラク

フォントについては、Macの圧勝です。プロが使う高品質フォントが最初からインストールされているのです。Windowsのしょぼさといったら本当に情けないものです。Macの素晴らしいフォントは、日本語なら「ヒラギノ角ゴシック」「ヒラギノ明朝」「クレー」「筑紫A丸ゴシック」あたりで、欧文なら「Helvetica」「Avenir」「Bodoni」「Futura」「Didot」「DIN」あたりです。これらのフォントはデザイン作業でよく使用します。他にもMacには無数の優良フォントがインストールされています。
ヒラギノなんて普通に購入したら、3万円以上はします。最近は、Adobeのフルプランに契約していれば、TypeKitというサービスからリュウミンやBodoni、Futuraも無料で使用可能になりました。Windowsユーザーも気軽にフォントを補充することができりようになったのです!これは結構大きな変化です。ところが、TypeKitにもヒラギノは無いのです。通常、ヒラギノが無いとデザイン作業に支障をきたします。

モニターについては、iMacやMacbookを見たことがあるなら、モニターの色表現の美しさに気づいたと思います。デザイン作業をするなら質の高いモニターは必要なので、この点でMacが有利です。さらに、高解像度のため、きめ細かい美しい描写はたまりません。

また、コーディングについて言えるのは、特にフロントエンドエンジニアの人にとって、MacはGulpやSassなどコーディングに便利な機能をターミナル(黒い画面)から簡単にインストールしたり操作ができスムーズです。WIndowsだとたまにうまくいかないことがあるのです…。フロントエンドエンジニアとして活躍したい人はMac一択という認識で大丈夫です。

その他のMacの大きなメリットは、Windowsも使えてしまうことですね。Bootcampという機能を使えば、MacなのにWindowsもインストールできて、両方使えてしまいます。
あと、iPhone/iPadアプリの開発がMacならできます。基本的にはWindowsではできません。iPhoneアプリが作りたいならMac一択になります。

また、iPhoneとの連携機能はすごく便利です。AirDropで簡単に相互に画像やデータを送信することができます。

デメリット

値段
Macは安価なモデルもありますが、性能が良いMacbookProとなると、いきなり値段が跳ね上がります。例えば僕が今使っている15インチのMacbookProはメモリを16GBにアップグレードしたり少しカスタマイズをして、なんと32万円の価格になります…。ほぼ同じ性能のWindowsのノートパソコンなら、16万円ほどです。けっこう高価なのです。

値段だけ見ると高い!!と思いますが、初めからヒラギノフォント等の有名フォントがプリインストールされており、高品質なモニターを備えていると考えれば、実はそれほど高くないし、コスパは良いとも言えます。

また、MacbookProではなくMacbookなら15万前後、MacbookProでも一年くらい前の中古で旧モデルを買えば20万でかなりスペックが高いマシンが手に入るので、Macbookか中古も検討すると多少は安上がりになります。

操作性
また、操作性については、長年Windowsを使っているユーザーによっては、初めてMacを触ると面食らってその日に返品してしまう人もいますw僕の知り合いですが。コントロールキーの位置も違うし、WindowsにはあるのにMacには無いフリーソフトがあって使い勝手も変わったりと、慣れることができない人にとっては、つらいほどの使いづらさがあります。

互換性
互換性についてもMacはWindowよりも問題に直面しやすい
です。
外部端子は、最新のMacbookProはUSB type-cのみです。それには慣れたのですが、例えば、USB type-cを通常のUSB端子として使いたくて、Amazonで買った中国製の安物のUSBハブを使ったのですが、残念ながら、ハードディスクを認識しませんでした。
DVDの再生も、Acerの外部ドライブを使用していますが、サクサクと再生できずモッタリとした挙動です。
マウスにしても、Mac用のドライバが無くて、主クリックと副クリックはできるけど、左右のボタンが使えない!ということがあります。幸い、Karabinerなどのキーボード&ボタンカスタマイズソフトがあるので、設定はできますが、そんなの初心者はわかりません。
つまり、Windowsのように「とりあえず挿せばなんとかなる」という具合には、物事が簡単にはいかないことが多いです。

Retinaの功罪
また、高解像度なRetinaディスプレイにも、デメリットがあります。
例えば、GoogleChromeのプラグインでサイトをキャプチャします。そのキャプチャ画像は通常のモニターで表示するサイズの2倍サイズになってしまいます。・・・伝わりますかね。まだ世の中ではフルHDのディスプレイが一般的です。Retinaディスプレイでキャプチャーしたデータを通常のモニターで等倍サイズで見るには、50%に縮小する必要があるのです。クライアントがWindowsであれば、というかほぼそうなんですが、その必要があります。
そうなると、引き続きRetina上で作業する場合には、50%のキャプチャ画像を100%に拡大表示して作業するので、当然ぼやけた表示になります。これがすごく作業しづらい、、、。僕の場合は、結局MacbookProからHDMIでフルHDのモニターにつなぎ、そこで作業しています。普通の等倍サイズのモニターで作業しているわけです。結局Retinaを使ってないという、、あ、もちろん外ではノートPCとしてMacbookProのRetinaモニターは使ってますけどね。

Windowsは、とにかく馴染み深い

メリット

昔からずっとWindowsを使っているなら、とにかく使いやすい!の一言でしょう。Photoshopやコーディングなど新たなWebの知識を学ぶのに、馴染みの環境があることは本当に心強いです。だって、Macが合わず購入してすぐ返品しちゃう人もいるぐらいですから。

Web制作の現場では、Windowsユーザーが意外に多いのも、Windowsで慣れておくメリットにもなります。
デザインやコーディングの制作ツールとして素晴らしいMacなら、Web制作会社は全部Macにしちゃえばいいわけですが、そうはなっていません。現場ではWindowsの勢力が強いです。これは、Webディレクターや管理部、人事部など会社にはMacを使わない人も大勢いて、その人たちに合わせる必要があるからです。
Mac-WIndows間でデータのやり取りをすると、「Macで圧縮したファイルをWindowsで解凍するとたまに文字化けする」「Windowsにとって不要な余分なファイルをMacはファイル内に生成してしまう」など、地味ながら混乱を生み出すのです。そのため、依然としてWindows一択になりがちなのです。

デザイン作業については、冒頭でも言いましたが、WIndowsマシンでデザインしコーディングを一気通貫ですれば、ほぼすべてのWIndowsユーザーのマシンで同じに再現されます。それはユーザーフレンドリーと言えるでしょう。

デメリット

これはもうMacのメリットの裏返しですね。最初からインストールされているフォントがしょぼすぎるし、最新のコーディング手法を取り入れる際に、ややつまづく可能性があります。

ただ、会社でWindowsを使う場合、モリサワパスポートというフォントパックを契約する場合が多いので、フォント問題は解消されます。個人でWindowsをデザイン作業で使う場合は、ヒラギノ(ヒラギノ明朝・ヒラギノ角ゴ)が無いのはかなり痛いです。定番フォントなので、これがなければ正直、仕事になりません。。Windowsにインストールされている游明朝と游ゴシックも美しいフォントなので自分でデザインする分には良いですが、他の人から受け取ったPSDデータを開こうとして、ヒラギノがありません、、といのはちょっとWebデザイナーとしては失格です。

結局どっちがいいの?

個人で仕事をするためのPCなのか、会社のPCなのか、あるいは自分の仕事の領域に合わせて、MacかWindowsを選ぶのが良いかと思います。もうMac一辺倒の時代は終わったと思っています。

まず、会社で使用する場合。これについては、会社のPCにはモリサワパスポートがインストールされていることが多いので、フォントしょぼい問題は解消され、Windowsで問題ありません。
もし、会社のWindowsマシンにモリサワパスポートが入っていなければ、Macを使わせてもらいましょう。もしMacも無ければ、ちょっとその会社はヤバイです。デザイン対する意識がかなり低い会社と言えます。どうしてもその会社から逃げられないか、そこが好きなら、自分のMacbookProを会社に持っていきましょう。

個人で仕事する場合、例えばフリーランスで仕事をする場合は、Mac・Windowsどちらでも良いです。
Windowsを使う場合は、ヒラギノフォントの購入やTypeKitを契約して、最低限必要なのフォントを手に入れておく必要があります。
Macにする場合は、デザイン作業をするにはもう素晴らしい環境ですが、Windowsユーザーのために、InternetExploreでの検証や、圧縮ファイルの文字化け問題など、一般的なWindowsユーザーの存在をきちんと考慮した上での使用が大事になります。

チラシやサイトのデザインのみをするなら、美しいモニターを持つMacが理想的です。また、コーディングのみ、というかフロントエンドエンジニアになりたい方は、最先端の技術を導入しやすいMac一択で大丈夫です。

ディレクションをやる方は、ユーザーやクライアントと同じ環境であるWindowsをオススメします。ユーザーやクライアントと同じ環境じゃないと、クライアントのPCで生じた表示崩れやバグが「こっちのPC(Mac)では再現されませんよー」じゃあ身勝手すぎます。

コラム:Webデザイナーを強くオススメする理由

あなたはたぶんエンジニアにはなれません。
だからこそ、このサイトでは、Webデザイナーになることを強くオススメしています。

でも、もし、エンジニアになれれば、月収100万円以上も可能です。実際に僕の友人も軽く年収1000万円は超えています。

ほとんどの人がエンジニアにはなれないので、30〜40万円以上はする高額なプログラミングの学校に行くのはお金をドブに捨てる可能性があります。どうしてもエンジニアになりたい方は、無料でプログラミングを学べるProEnginner開講の学校『エンジニアカレッジ』に行きましょう。エンジニアカレッジは、学校&就職支援の一体型サービスです。ここは本当にありがたい存在です。ソーシャルゲーム大手企業で有給インターンまで可能です。ここで、自分にエンジニアとしての素質があるのかチェックしてください。もし、あなたに才能があったら、最高にラッキーな人生です。
参考記事 : なぜ「エンジニア」ではなく「Webデザイナー」をすすめるのか

無料のプログラミング学校『エンジニアカレッジ』の詳細を読む

“WebデザイナーはMacかWindowsのどちらを選ぶべきか?” への2件のフィードバック

  1. yuuta より:

    MACの光沢ディスプレイは作業者向けではなく、一般消費者向けですね。
    よくあのディスプレイでデザインやってるなぁ…と思ってしまう。
    また、映像、音楽、3D、グラフィック等、オールランドのゲーム業界のデザイナーは9割Windowsですね。対応ソフトの差もあるし、ピクセル単位の捉え方はWindowsの方が使いやすい。
    そもそもアドべとアップルは仲が悪い。。
    最近MAC強制なんていう、上っ面だけの企業増えてますね。。理由聞いても全然的を得てないから、本当にカッコだけなんだなと感じる。

    • ねこポン より:

      yuutaさん、コメントありがとうございます。

      共感しました。Windowsから移行しMacメインになってから、薄々自分をだまし続けていたことを思いっきり指摘された気持ちです笑。どれだけいろんな面でWindowsが使いやすかったか……。

      MacbookProを使っていてメリットに思うのは、なんだかんだ言って意外にコスパが高い点です。最初からヒラギノや筑紫、Helveticaなどの優良フォントがインストールされています。ディスプレイもRetinaの恩恵だけでなく、単純に発色が美しくそのへんのWindowsノートPCに比べればはるかに色表現が正確です。個人が使うノートPCとしては、かなりコスパに優れたマシンだと思います。

      個人だけでなく小さい会社でも、とりあえず安いiMac一個買っておく、ということがあります。最低限のフォントも入っているし、画面もIO DATAやPHILLIPSよりははるかにまともなので、やっぱコスパがいいんですよね。

      ただWindowsがまともなフォントとEIZOなどの最低限の美しいディスプレイさえ備えれば、その環境は実現できるわけで、別にMacである必要はまったくないわけですよね。

質問や感想などお気軽にどうぞ!

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  • 管理人(ねこポン)について

    週3日だけ会社で働く30代前半ウェブデザイナーです!
    インテリ風&仕事できる風を醸し出す腕前では右に出る者はいませんが、電話すら怖くて取れないし、無断欠勤してしまい自宅に警察が来たほどのコミュ症ポンコツ人間です。
    現在Web業界5年目。事業会社とWeb制作会社のウェブデザイナーを経て、フリーランスになりました。
    ★ 僕の20代まるごと黒歴史ストーリー

    最近ちょこっと『月曜から夜ふかし』に出演しました↓

    ★ 『月曜から夜ふかし』にちょこっと出演したら『BizSPA!』さんにインタビューしてもらいました!

  • なんでもWebの質問受け付け中 (^o^) /♪

  • Web制作会社を歩き回れるゲームを作ってみました!ぜひ探検してみてください。(注意:音が出ます!)

    一番上へ