WEBデザイナーの仕事環境、フリーランスの5年間で最適化しました。

コスパ重視で試行錯誤してきた結果、ようやくそこそこ快適な仕事環境になりました😺
「あまり費用はかけたくない！」という貧乏性な性格。
でも「ここは削れない」というところに重点的に予算をさいた結果です。

MacBook Pro 14インチ（2023）

チップ：Apple M2 Max
メモリ：32GB
ストレージ：1TB

Appleのマウス、テンキー付きキーボードをBluetoothで繋げています。
現在実はマウス難民中…😅ヨドバシ行って探そう…
MacBook Proのトラックパッドも便利なので併用しています。
（デスクトップの表示など、3本指や4本指ジェスチャをよく使用します。）

ストレージについて
WEB関連もりもりインストールしている私は、macOS・システムデータ・アプリケーションだけで300GBを超えています。書類データがそこそこある方は512GBだとちょっとツライと思います。
デザインファイルは全てクラウド保存という方はいけるかな…
ちなみに私は外付けのSSDやクラウドバックアップも使用していますが、ストレージ使用量は800GBを超えています🌲🌲

2023年7月時点の購入額は、約38万円🥺
アップル公式サイトの整備済み品を購入しました。
ここ最近のインフレで予算爆上がりですが、仕事効率に直結するのでここは支払いどころ💰

外付けモニター：Dell U2723QX 27インチ 4K

本当はAppleのStudio Displayが欲しいところですが…
219,800円（税込）から…（2024年3月現在）
金額が大きすぎるのでぐっと我慢します🥹

Dellでなくても良いですが、【4K】＆【IPS Black】がオススメです。
ここの予算を抑えると、見た目がかなり違うので、気をつけてください。
それでもAppleに慣れていると若干滲んで感じる＆黒が薄くグレーに見えますが、この辺りがコスパ的にちょうど良いと思っています。

ただ、WEBサイトを閲覧するユーザーって、基本的にデザイナーでなく普通の環境で見ているので、逆に一般的なモニターが良いのでは、という考えもアリです。
その場合は敢えて安価なモニターにするということになります。

4Kでないと、一部のsvg画像（小さいアイコンや複雑なロゴマークなど）が潰れて見えます。
制作中にテンションが下がるので4Kを選択していますが、一般ユーザーは潰れて見えているということなのですよね…。

画面サイズについて
サイトのコーディング時は横1920pxまで考慮するので、27インチ以上にしています。
24インチ画面（ギリギリ横1920px）だと右にChromeの検証画面が出せず、エラーやコンソールを見ながらコーディングができません。

PC周辺

ノートパソコンスタンド（BoYata 360回転式）

Macをクラムシェルモードで使用する場合は縦置き用で良いかと思いますが、Macモニターも見ながら作業する場合は姿勢を保つため必須です。
愛用の「BoYata 360回転式」が、安定性抜群でカチカチ回転して気持ちいい😺

マウスパッド

長年のマウス使用で、手に立派なマウスタコを持っています🐙
時すでに遅しですが分厚いジェルパッド付きを愛用しています。これで痛みが無くなり快適に。
タコを作りたくない人は予防を大切に！
トラックバッドor予防のためのジェルパッド付きがオススメです。

USBハブ

MacBook ProはUSB-AやLANが挿せないので、USBハブで。
ひとまず最低限の（USB-C→LAN+USB-A）ハブを使用していますが、モニター接続をよくする人はHDMIポートがあった方が良いですね。
最近はUSB-Cが広がってきていて、使用頻度は減っています。

USB4ケーブル

USB3は充電用などでありふれていますが、買い替え時のデータ転送用にUSB4があると便利です。USB4でMac同士を繋げると簡単にデータを移動でき、外付けやクラウドにデータを転送する必要がありません。

外付けSSD（2TB）

終了案件のバックアップに使用。歴代、安心のバッファーロー製を愛用しています。

Dropbox（2TBの有料プラン）

アクティブ案件のバックアップに使用。
これまでMacのTime Machine使っていましたが、Dropboxに移行しました。外出中wifi環境でバックアップできるので、荷物がシンプルに👍
（ハードでは無いですが、外付けSSDと合わせ技しているのでこちらに記載）

また、DropboxはローカルフォルダをDropboxと同期できるので、その他のクラウドサービスと比較してデザインファイルのバックアップに最適✨
日常バックアップのことを気にせず、裏側で自動同期してくれます👍

過去Time Machineでたびたびエラーに悩まされていました。
バックアップが途中で止まったり、バックアップが1日で終わらなかったり…
今は改善しているかもしれませんが、当時のトラウマで、今後も使用する予定はありません🐯🐴

その他

机と椅子

私は普通の木製のデスク＆ダイニングチェアです。
体にはゲーミング用の椅子がいいと思います。
私は見た目重視で…大好きなイラン製ギャッベのクッションを敷いて🫶

電気毛布

冬期、これが一番必須かも🐈
仕事中は暖房を控えめに、足元だけあったかい方が頭がスッキリして捗ります。
エアコンよりも節電になるのです💰

紙の卓上カレンダー

メインはGoogleカレンダーですが、数ヶ月にわたる案件の話をしている時、地味に便利。
月毎に紙がバラけているものを選んでいます。

スマホ

iPhone

プライベートで使用しているiPhoneを、WEBサイトの実機検証用に使用します。
iOSはCSSの解釈が少しChromeと異なることがあるので、実機確認した方が安心です。
アンドロイド実機は持っておらず、Chromeのエミュレーターで済ませています👌

また、Figmaのスマホアプリを入れていて、スマホデザインを確認する時にも使用します。
文字サイズやマージンなど、最終は実機でチェックです。

何年前か忘れましたが、Mac BookでコピーしたものがiPhoneでペーストできるようになったあの日の感動が忘れられません。
Windows+Android派のデザイナーもいますが、個人的にはAppleペア推しです🍎