マモルンBlogに来ていただきありがとうございます。
今回は全くの未経験からWEBデザイナーになったマモルンですが会社員時代は会社のパソコンを使用していたので自分のパソコンを持っていませんでした。
そんなマモルンが退職後にWEBデザイナーとして学習+仕事をするために購入した物を紹介していこうと思います。
最後まで読んでいただけるとWEBデザイナーを在宅でやるために必要な環境の作り方がわかります。
まだ何も準備していない方？
何を買ったらいいかわからない方？
そして何を買おうか悩んでいる方
にとって少しでも参考になれば嬉しいです。
それでは早速本題に入らせていただきます。
結論から言うと9点です。
少し多いですがマモルンは本当に0からのスタートだったので代用できるものは代用していくことをオススメします。
学習を始めるために購入して良かった物
MacBook Pro
WEBデザイナーを目指す上で一番大事なパソコンですがマモルンはMWP72J/A [シルバー] MacBook Pro Retinaディスプレイ 2000/13.3 Apple ノートパソコン 2020年5月発売モデルを購入しました。
当時何も分からなかったのでとにかくググって調べたら推奨するスペックが出てきました。それが
・メモリ(RAM)：16GB以上
・ストレージ(ハードディスク)：256GB(SSD)以上
・メモリ(RAM)：16GB
・ストレージ(ハードディスク)：512GB
・トラックパットが使いやすい
・複数のデスクトップが作れる
マウス
初めのうちはマウスは使用せずに勉強していたのですがトラックパットでは個人的にはクリックが押しづらかったのでマウスを購入することにしました。
購入したマウスは【送料無料】Apple純正品 Magic Mouse 2 MLA02ZA/Aこちらになります。
このマウスはマウスの表面がMulti-Touchに対応しているので、トラックパットを使っているようにスワイプしたりスクロールもできます。
そして一度充電すると1日中使用しておりますが2ヶ月くらい充電しなくても使えました。
そしてスタイリッシュなデザインでかっこいいです。
👇参考にリンク置いておきます。
キーボード
ワイドモニター
LG モニター ディスプレイ 29WL500-B 29インチ/21:9 ウルトラワイド(2560×1080)/HDR/IPS 非光沢/FreeSync対応/HDMI×2/ブルーライト低減、フリッカーセーフ機能 こちらを使用しています。
WEBデザイナーをやっているとデザインを見ながらコーディング作業や調べ物しながら作業したり複数の画面を行き来します。
ワイドモニターがあった方が確実に作業効率は上がりますしストレスもなくなります。
そしてワイドモニターが個人的にはかなり使い勝手が良いです。今ではワイドモニターが無いと仕事にならないくらい大事なものです。
いつも左側にVscode、右側にAdobe XDみたいな感じで作業しております。
👇参考にリンク置いておきます。
USB/HDMI出力用ハブ
ここまでにご紹介させていただいたMacBook Proをワイドモニターに移すにはHDMIケーブルを経由するのですが今回ご紹介したMacBook ProにはHDMIケーブルの挿し口はありません。
これを使用することでHDMIケーブルを使用する事ができるようになります。
そしてUSBの挿し口も今回のMacBook Proにはなかったのでこちらの商品で解決しました。
もう必須ですね。
👇参考にリンク置いておきます。
マウスパッド
マウスパットを初めのうちは試供品でいただいた通常の正方形の物を使用していましたがAdobe XDやPhotoshop、Illustratorなど使用しているとマモルンの場合ははみ出してしまったり使いずらいことが多々ありました。
そこで色々探した時に「あす楽」★楽天1位3冠★ ZOZOFO マウスパッド 大型 レザー調 デスクパッド PC パソコン 周辺機器 持ち運び便利 拡張 デスクマット おしゃれ カラフル 両面使用可能 マウスマット 大きい ゲーミング マウスパッド 無地に出会いました。
こちらのマウスパットは横に長く使いやすいです。
そして黒のレザー調でシンプルなデザインなので気に入ってます。
👇参考にリンク置いておきます。
机
こちらの机は左右に色々置ける場所が多かったのと正面のスペースがちょうどワイドモニターを置いても問題ない寸法でしたので購入いたしました。
マモルンは右側にMacBook Proを置いて正面にワイドモニター、左側には本や書類を置いています。
右側のMacBookを開いた状態で置いているとトラックパットも使えるし、マウスも使える二刀流になります。
使ってみると良さがわかるかもしれません。
この金額でこの使い勝手はかなりオススメです。
マモルンは右利きなのでこの机はベストですが左利きの方だともしかしたら使いづらいかもしれないので注意してくださいね。
👇参考にリンク置いておきます。
イス
イスはGTRacing（ ジーティーレーシング) ゲーミングチェア を購入しました。
理由はAKRacingのゲーミングチェアをCMで見て欲しいなと思ったのですが予算的に少しオーバーだったのですが類似品で少し安いのがGTRacingのゲーミングチェアでした。
そして口コミも良さそうでしたので購入を決めました。
４ヶ月使っている感想ですが、作業をしていると長時間座る事もありますが疲れにくいです。
そして肘置きはかなり使えます。肘置きがないイスだと肩が、かなり疲れますが全くです。
リクライニング、足置きもできるので休憩時は足を伸ばして寝ることも可能です。
そして色はブラックなので高級感もあり一気にオフィス感も出ます。
実際に座ってから購入できれば良かったのですが店舗販売はしていないのでそこが残念なところでした。
たまに置いてある施設があるようなのでお近くで見かけたら座って見てください。
👇参考にリンク置いておきます。
Google Nest Hub
Google グーグル スマートスピーカー Google Nest Hub MAX はあると便利です。
個人で仕事をしていると一日中、一人で作業しているので結構孤独です。
そんな時に便利なのがGoogle Nest Hubです。
話しかけると何か反応してくれたり調べ物をしてくれたりしてくれます。他には好きな音楽を流す事もできますしYouTubeも見れますし、radikoでラジオを聴く事もできます。
Spotifyを使用しているのですが有料会員にならないと好きな曲を自由に選択する事ができないのですがGoogle Nest HubでSpotifyを使うと好きな曲を自由に選択することが出来るようになります。
これは購入後に気がつきました。
他にはGoogleカレンダーと同期させ予定の確認をしたり、Googleフォトによってフォトフレームにもなるし、Googleマップで経路検索も出来るし、時計にもなりますし一家に一台あると非常に便利です。
こんな感じで右側の棚に置いております。
👇参考にリンク置いておきます。
まとめ
今回はマモルンがWEBデザイナーになる為に購入した物を9つ紹介させていただきました。
改めておさらいすると下記の通りとなります。
・マウス
・キーボード
・ワイドモニター
・USB/HDMI出力用ハブ
・マウスパッド
・机
・イス
・Google Nest Hub
