Webデザイナーに必要なパソコンの性能

せっかくパソコンを買ったのに性能が低くてPhotoshop動かない…、そんなことがないようにWebデザインに必要なパソコンの性能を把握しておきましょう。

Web制作では、PhotoshopやIllustratorを使うため、ある程度の性能が求められます。これらのソフトがサクサク動くパソコンにしましょう。大丈夫です！意外に安上がりです。

Webデザインに必要なパソコンのスペック

CPU : インテル Core i5以上
メモリ : 16GB
ハードディスク : 500GB以上
OS : Windows10 or Mac最新
モニター : 20インチ以上、フルHD（1920×1080）
グラフィックカード：無くても良し

CPU

インテルのCPUは、主にi7・i5・i3というラインナップがあります。i7が一番性能が良いですが、i5で十分にOKです。WebデザインではCPUを過度に使う作業は少ないため、むしろ消費量の大きいメモリの方にこだわってください。

僕の個人のPCはi7です。会社のPCはi3でしたｗ

メモリ

これが一番重要です。必ず16GB以上にしてください。ちょっと軽く写真の補正をする程度なら、8GBでOKです。しかし、PhotoshopとIllustratorで重めのファイルを開いて作業しながら、さらにDreamweaverで同時にコーディングもして、Slackでクライアントとチャットしながら、原稿ファイルであるExcelも見つつ、PCのブラウザを複数開いてサイトの表示の検証をしていたら、もうまったく8GBでは足りませんｗ

通常、パソコンショップで販売されているPCは8GBが多いです。そのパソコンを買って、結局「パソコン重い！」となって、8GBのメモリをさらに買い足して16GBにすることは周りで頻繁に起きています。メモリの拡張はそれほど難しくないですが、どうせ後から拡張するなら、最初から16GBにしておくことをおすすめします。僕のPCも当然16GBです。

32GBはさすがに必要ありません。ただもし、動画編集もガッツリこなしたい人がいれば、32GBも要検討です。

ハードディスク

少なくとも500GBは必要です。PhotoshopやIllustratorのファイルサイズは、ものによってはかなり大きくなります。

最近は、高速な起動を実現するSSDというメモリタイプのハードディスクがありますが、高価なため、容量が少なめの256GBを選択することがあるかもしれません。その場合は、1TB以上の外付けのハードディスクを追加しましょう。6000～7000円と意外に安価です。

OS

こちらは特に迷わず、Windowsなら10かMacなら最新のものでOKです。WindowsかMacのどちらを選ぶかについては、こちらの記事でまとめました。
→WebデザイナーはMacかWindowsのどちらを選ぶべきか？

Windowsは10以上でないと、AdobeXDというUI/UXデザインツールが使えません。最近、AdobeXDは現場でもワイヤーフレームを書くために、よく用いられるようになりました。中には慣れているからWindows7を使いたいという方もいるかもしれませんが、プロのWebデザイナーを目指す場合は、Windows10にしましょう。

モニター

モニターは、デスクトップの場合は、20インチ以上は欲しいところです。解像度は1920×1080のフルHDにしましょう。画面が小さくて表示範囲が狭いと、Photoshopでサイトのデザインがかなりしづらいためです。

Web制作の現場や、個人のフリーランスの場合でも、上のようにディスプレイを2つ横に並べて、画面を2つ使って作業することが多いです。これをデュアルディスプレイといいます。片方にPhotoshopのデザインを表示し、もう片方にエディタを出してコーディングすると作業が快適です。

モニターは安いものだと10000円から手に入りますが、メインで使うモニターは、少し質の高いものにしましょう。デザインには、色が正確で、目が疲れづらいモニターが必須です。

僕も使ってる『EIZO FlexScan』シリーズはWebデザイナーに人気です。一度、某メーカーの15000円くらいのモニターをAmazonで買ったのですが、色の表示が妙に白っぽくてすぐに返品しました。それからEIZOのこれを使っていますが、色の表示がすごく精確で落ち着いていて、長時間作業でも目が疲れづらく大のお気に入りです。23.8インチで39,000円くらいです。

ノートパソコンもHDMIで、外部のモニターに繋げられます。僕はそのパターンで、EIZOのモニターをメインモニターとし、ノートPC（MacBookPro）の画面をサブモニターとして使っています。
ノートPCのモニターの大きさは、外部モニターに繋いで作業をするなら13〜14インチでも良いです。でも、ノートPC単体で作業をするなら13〜14インチでは画面が小さくデザイン作業がしづらい（僕の感覚ですが）ので、15〜16インチのノートPCも検討しましょう。

ここで示した数値以上のパソコンであれば、あまり性能については過敏になる必要はありません。自分の好みの機種を選べばOKです。

僕が求職者支援訓練に通っていた頃に使っていたPCは、６万円のThinkpad E430という激安ノートパソコンでしたが、サクサク作業できていました。グラフィックカードなんて入っていませんでした。それは16GBのメモリによるものが大きいと思います。今もThinkPad Eシリーズは進化を続けていますが、かなりコスパが高くてオススメです。約10万円の予算で十分な機種が手に入ります。

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

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

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

ほとんどの人がエンジニアにはなれないので、30〜40万円以上はする高額なプログラミングの学校に行くのはお金をドブに捨てる可能性があります。
どうしてもエンジニアになりたい方は、無料でプログラミングを学べるProEnginner開講の学校『プログラマカレッジ』に行きましょう。プログラマカレッジは、学校＆就職支援の一体型サービスです。ここは本当にありがたい存在です。ソーシャルゲーム大手企業で有給インターンまで可能です。
無料のプログラミング学校はもう一つ、『GEEK JOB』があります。就職率97.8%と驚異的な数字を出しています！よりエンジニア色の強いカリキュラムを受けたい場合はこちらを受講します。
２校ともオススメです。無料見学をしてみて自分に合いそうな雰囲気の学校を選びましょう。
この２つの学校のどちらかに通って、自分にエンジニアとしての素質があるのかチェックしてください。もし、あなたに才能があったら、最高にラッキーな人生です。20代のみ対象です。もし20代ならこのチャンスをぜひつかんでください。

参考記事 : なぜ「エンジニア」ではなく「Webデザイナー」をすすめるのか

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

コラム②：正社員のWebデザイナーを強くオススメする理由

このサイトでは、
本当にWebデザインのスキルを磨きたいなら、未経験の方はまずはWeb制作会社に正社員で入社すること
を強くオススメしています。

Webの最先端に触れられるWeb制作会社に入社し、スキルをガッツリ高めてほしいです。そして、社内では、やはり派遣でもなく、アルバイトでもなく、長く在籍する可能性のある正社員にこそ成長できるお仕事を振ってくれるのです。派遣やアルバイトは、リンク張り替えやテキスト修正など成長しづらい作業をやらされがちです……。

未経験OKで正社員のWebデザイナー・フロントエンドエンジニア案件を多く保有しているのが、IT系に強いワークポートとWebistです。 ※現在はコロナの影響でこの２つのエージェントですら未経験OKの求人が少ない状況です。ただ、少しでも選択肢を増やすために、また今後状況が改善されてきた時のために登録しておきましょう。 ↑ワークポートさんに会ってきました！ねほりはほりと質問をぶつけています。ぜひ読んでみてください。

転職エージェントは複数登録しますが、ワークポートとWebistはそのうちのメインエージェントして必ず登録しましょう。

『ワークポート』公式サイトへ『Webist』公式サイトへ

コラム③：WordPressでポートフォリオサイトを作ろう！

ねこポン
（テーマ制作者）

「手軽に自分らしいポートフォリオサイトが作れたらなぁ」という想いでこのWordPressのテーマを作りました。格安の1980円で提供しています！

ぜひ、このテーマをテンプレートとして自分らしいポートフォリオを作ってみてください♪WordPressの学習にも最適です。

販売ページへ

「快適な制作環境」カテゴリへ