Last Words:
Well that’s it folks if you are constantly on go, I’d recommend really consider premiul ultrabooks or portable devices (even the Surface Pro will work for web development)（あなたが常に外出するならば、私がお勧めします。
もしあなたがほとんど一箇所に留まっているのであれば、まともなディスプレイとキーボードを備えた最新のラップトップを検討することができます。 1426>
At the end of the day all laptops have keyboards and display which is enough to develop.
How To Buy a Laptop for Web Development
I said without knowing more about the particular scenario, it will be very hard to land the right laptop for Web development.このように、特定のシナリオについて詳しく知らなければ、Web 開発に最適なノート PC を見つけることは困難です。
古いマシンをアップグレードする
新しいラップトップを購入する前に、現在直面している問題のいずれかを経済的に解決できないか自問してみてください。 つまり、現在のマシンをアップグレードすることです。
Web 開発は、ハードウェアをまったく必要としません。 おそらく、素晴らしい SSD ドライブや新しい RAM スティックがトリックを行うかもしれません。もちろん、まともなディスプレイとキーボードがあれば、最後の 2 つは (外部モニターと外部キーボードを購入することで) 修理することが可能です。 古き良き時代の CTRL+ALT+DEL を実行します。 アプリケーションがリソースを大量に消費しているだけなのか、それとも 3 ダースも開いているブラウザーのタブや重い IDE と競合しているのか?
2, How to Upgrade your Laptop RAM or Storage device a nice read.
Downgrading OS/Quitting an IDE
Also note that things can be slowdown by upgrading to the new OS version.
I started a mid 2010MPB stock for the past 4 years and it began to get slow as I kept updated the OS (Windows 10 currently taking 4GB ).
I’m sorry to be slowed by the middle 2010MPB. Dreamweaver と PS を同時に使うと 4GB くらいになることに注意してください。 Dreamweaver をかなり使用している場合（私はそうしましたし、他にもいくつかのオプションがあります）、膨大な量のリソースからシステムを解放することができます。 それは、システムをアップグレードする必要性を完全に置き換えることにもなります。 私のラップトップは、ゲームをインストールし始めるときを除いて、長年にわたってかなり堅牢でした。 単なる偶然かもしれませんが、私はあるパターンに気づいたというだけのことです。 ノートパソコンにゲームをインストールしない限り、ほとんど問題は起きないようです。
ですから、ラップトップにインストールするものには気をつけましょう。 試用版ソフトウェアを試したいだけなら、仮想マシンで行い、自信があるときだけ、コンピュータのオペレーティング システムにインストールすればよいのです。
Web 開発者
Web 開発用のハードウェアについて説明する前に、Web 開発者について、特に彼らがどのソフトウェアを使用し、どのようなワークフローを持つかについて説明する必要があります。
なぜ私はこんなことに悩まされるのでしょうか。 これを読んでいる人の中には、この分野に入り始めたばかりの人が非常に多いことは承知しています。
それは本当に、どのような Web 開発をするつもりなのか、ということに尽きます。 フロントエンド？ バックエンド？ フルスタック？
Front End Web Developer
あなたがフロントエンド開発者であれば、サイトの見た目や感覚に主に関心を持つでしょう。 これは、CSS、HTML、Javascript、そしておそらく JQuery (最近のブラウザでは同じ作業をよりすばやく行うことができるので、これは流行遅れですが) を使った基本的なコーディングにすぎません。 一方、PhotoShopや高解像度画像&動画を使用する場合は、ディスプレイやRAM&ストレージに予算を投じたい場合があります。
高解像度画像を本来の色で表示するディスプレイを持つこと以外にも、ストレージに投資する理由はもうひとつあります：スペースです。 つまり、コーディングするウィンドウと、結果をどのように更新するか、またはチュートリアルに従うための別のウィンドウを持つことができます。
Dreamweaver や VS Studio などの重い IDE を使用している場合、RAM & オプションでストレージにも投資する必要があります。
バックエンド開発
バックエンド開発者は HTML、CSS などの使用方法を知っていますが、そのようなことはありません。 彼らは、Java、PHP、Ruby on Rails、Python、および .Net を使用してコーディングする必要があります。
これらの主な問題は、言語そのものではなく、多くの RAM を使用し、高速ストレージ ドライブから恩恵を受ける IDE にあります。 また、ローカルでデータベースを実行し、さらに RAM & ストレージを追加する VM を使用している場合もあります。
Full Path Developer
これは、「フロントエンド」WD (Html, CSS, javascript 等) とバックエンド コード (databases, .net, Php, C#, Ruby 等) の両方で作業する人を意味します。 コーディングには Atom、Web ブラウジングとテストには Safari と Chrome、ターミナル ウィンドウ (SQL 文の発行、テスト、Git タスク、Redis、…) は 4 ～ 5 個、Finder ウィンドウは 1 ～ 2 個、Slack、メール、Affinity Designer と SourceTree。
学生
ウェブ開発用のコンピュータを購入する際に考慮する価値のあるソフトウェアは2種類だけです。 PhotoShop または Virtual Box です。
Illustrator/Photoshop
ベクター AI ファイルを SVG に変換したり色を調整したりする程度のグラフィック編集であれば、PhotoShop 用 GPU も大量の RAM もハイエンドの CPU も必要ありません。 一方、Vagrant と VirtualBox を使用して Ubuntu Server VM で作業し、リリース前に本番環境をシミュレートすることが多い場合、少なくとも 8GB の RAM を確保する必要があります。
Hardware Specs for Web Development
CPU
Generation
コンピュータ速度について考えるとき、人々は常に CPU-2.9 GHz Intel Core i7 等を思い浮かべます。 しかし、最新の CPU、特に第 8 世代では、ボトルネックになることはなく (VM を実行している場合でも)、Web デザインはほとんど CPU を使用しません。
しかしながら、上記のようなマルチタスク処理をすべて行う場合は、最新の CPU を入手する必要があります。 Core i3、Core i5、または Core i7 は、第 7 世代および第 8 世代のものである限り、本当に重要ではありません (第 6 世代は押しているかもしれませんが、まだ大丈夫です)。 その場合でも、最近の CPU は少なくとも 2 コアと +3GHz を備えており、どちらも仮想マシンを 1 つまたは 2 つ起動するには十分なので、CPU について心配する必要はあまりないでしょう。 Core i3 -7100U、83100U。 Core i5-8250U、Core i5-8625Uなど。
RAM
一方、RAM はおそらくあらゆる Web 開発者にとって最も重要なコンポーネントでしょう。 マルチタスクの量は非常識になる可能性があります。 テキスト エディター、Web ブラウザー、仮想マシン、SQL サーバー、チュートリアル用のいくつかの Web ブラウザー、ビデオ、さらにはターミナルを開いていることを想像してみてください。 PhotoShop と 1,000 枚のレイヤーを画像に詰め込むことも忘れてはなりません。
8GB RAM。 少なくとも 8 ギガは必要で、ローカルの Web サーバーや仮想マシンを実行するには十分です。 私は 16GB を持つ必要性を感じたことはありません。 しかし、プロのフルスタック開発者になることを計画している場合、それは便利かもしれません。 ほとんどのラップトップはアップグレード可能なので (MacBook と UltraBook を除く)、自分のものをアップデートすることができます。
ストレージ
ウェブ デザインの場合、コンピュータの速度は、CPU よりもむしろハード ディスクの方がはるかに重要で、特に今は、CPU があまりにも速すぎるためです。 これを数秒速く行うストレージ ドライブを持つことは、非常に大きな利点です。 1 日を通して数回、数秒を追加すると、プロジェクトに取り組む時間が何時間も短縮されます。
SSD (Solid State Drive)
SSD は、従来の HDD より最大 17 倍速くデータを読み取り/書き込みできるため、とても役に立ちます。 また、重い IDE を起動することもできます。 私の 2 年前の SSD ベースの超薄型ラップトップは、Windows 7 を 9 秒で起動できますが、MacBook Air は約 9 秒で起動します！
ディスク メモリ
起動するアプリケーションの量に夢中になると、同時に virtualBox と PhotoShop を起動する場合、RAM だけでは十分ではないでしょう。 その場合、コンピューターはストレージ デバイスを「余分な RAM」として使用するようになります。 5400RPMを使用している場合は、非常に遅くなるため、使用しないでください。 一方、SSD があれば、その速度はワークフローにとってそれほど不利にはなりません。
Space
問題は、もちろん、Solid State Drive には通常、旧式の遅い HDD レンガが持っている「1TB HDD」がない点です。 ウェブ開発者としては、それほど大きな容量は必要ありませんが、256GB で十分であり、現在、ほとんどの SSD が提供しています。
耐久性
ストレージ ドライブに信頼性を求め、バックアップ ストレージも信頼できない場合、私は Samsung 850 Evo SSD ドライブに移行することをお勧めします。 そうでない場合は、HDD や SSD など、どのようなストレージ ドライブであっても、2、3 年ごとに交換してください。
私のバックアップはどうでしょうか。 Windows マシン用の同様のソフトウェアがあります。
ディスプレイ
おそらく、SSD 以外に Web 開発者にとって最も重要なコンポーネントでしょう (RAM と CPU は、最近のラップトップではたいていまともなものなので)。 なぜかというと、
これは、他のどの部分よりも物理的に接触するマシンの部分だからです。 使用中はずっとこの部分を見つめています。
解像度
事実上すべてのユーザーは、2 つのウィンドウを互いに開いておくと便利であることがわかります。 左側が IDE、右側が Web ブラウザーです。 IDE 上で試すために、EverNote にコードをコピー/貼り付けるためのスペースが必要な場合もあります。
1600×900: 最小限であるべきで、それ以下では、たとえ別のディスプレイがあったとしても、常に十分なスペースがないと感じることでしょう。 私は一度この失敗をしましたが、幸いにも液晶を交換することでディスプレイをアップグレードすることができました（当時はThinkPadを使用していました）。
1900×800: これは完璧な解像度で、たとえ他のコンポーネントを犠牲にしたとしても、真剣に予算を投資すべきです。 解像度を下げることはいつでもできますが、上げることはできません！
サイズ
個人的には、私の理想の画面は15インチですが、14インチの画面や13インチの画面のラップトップの移植性を好む人々をたくさん知っています。 これらはあまりにも良いサイズです。 小さなフォント サイズとペアになるものは、目に負担をかけることができます。
Note that the small screen should’t affect the size of the font at all, you can always change them. これは、ウィンドウの大きさを制御するだけです。
私は通常、最小のテキスト スケーリング オプションを使用し、サイド バイ サイドは本当にカットされません。 私はペインを上下に分割しています。 これは、私も13″MBPでやっていたことです。 15″のラップトップはかさばるので、持ち運びはしていません
IPS
水平・垂直方向に広い視野角も神です。 これは、Intel® Core™ プロセッサーを使用することにより実現可能なことです。