Web

Web制作副業に必要なもの【作業効率アップ間違いなし】

Web制作副業に必要なもの

Web制作副業を始めようと思うけど、何か揃えておいた方が良いものはあるかな?

Web制作副業に必要なものを教えて!

 

こんな疑問にお答えします。

 

僕はサラリーマンをしながら独学で学んだWeb制作のスキルで副業をしており、ココナラでは最高のプラチナランクを頂いています。

ココナラプラチナランク

 

この記事では、これからWeb制作副業を始めようと思っている人に向けて、Web制作副業を始めるために必要なものを紹介していきます。

Web制作副業に必要なハードウエア

Web制作副業に必要なハードウエア

 

まずはハードウエアの紹介です。

Web制作副業に必要なハードウエアは以下の2つだけです。

 

Web制作副業に必要なハードウエア
  • パソコン
  • レンタルサーバー

パソコン

これは当然ですが、まずはパソコンですね。

パソコンのスペックはあまり高くなくても問題ないですが、パソコンのスペックによっては後で紹介するAdobe製品を使うときに少々重く感じるかもしれません。

僕の場合は、家で作業するときは27インチのiMac(2019年モデル)をメインで使っています。

iMac

 

僕が使っているPCのスペック
  • プロセッサ名:6コアIntel Core i5
  • プロセッサ速度:3GHz
  • メモリ:40GB
  • ストレージ:512GB

 

上記のスペックでも、Photoshopを使っているときは少し重く感じることがあります。

ちなみに、iMacでメモリを増やしたいときは、Appleストアでメモリを増量するのではなく、メモリだけ他のメーカーのものを買って自分で増やした方がお得です。

レンタルサーバー

Web制作はローカルで作業しますが、本番環境でテストするときはサーバーにアップロードして動きを確認します。

そのため、テスト用のレンタルサーバーが必要になります。レンタルサーバーには以下のようなものがあります。

 

代表的なレンタルサーバー

 

このブログでは多くのブロガーから支持されているエックスサーバーを使っています。

エックスサーバーの公式ページ

 

こちらの記事はエックスサーバーの契約方法からドメイン取得まではまとめてありますので、ぜひ参考にしてみてください。

副業アフィリエイトの始め方
絶対に失敗しないWordPressブログの始め方【所要時間10分】WordPressを使えば、Webの知識がなくても誰でも簡単にブログの編集・管理ができます。Webの知識がない人でもブログ開設でつまずかないようにWordPressブログの開設手順をわかりやすく解説します。...

Web制作副業に必要なソフトウエア

Web制作副業に必要なソフトウエア

 

続いて、ソフトウエアでは以下が必要になります。

 

Web制作副業に必要なハードウエア
  • テキストエディタ
  • ファイル転送ソフト
  • AdobeCC(Photoshop、Illustrator、Adobe XD)
  • Webブラウザ

テキストエディタ

テキストエディタは色々なものがありますが、初心者の方はまずは無料のAtomを使うのがいいと思います。

初心者から上級者まで使えて、僕も愛用しています。

ATOMの公式ページ

 

AtomはGitHubが開発したテキストエディタで、以下が特徴です。

 

Atomの特徴
  • プロジェクト単位でファイルを管理できる
  • 色々な言語のオートコンプリート機能を搭載している
  • プラグインで、機能を拡張できる

 

コーディングに慣れてきたら、「Emmet」というプラグインをインストールするのがオススメです。

Emmetを使うとコーディングがとても早くなって、作業効率が格段にアップします。

ファイル転送ソフト

複数のHTMLファイルなどを一度にサーバーにアップロードできるソフトです。

FileZillaという無料ソフトが有名で、僕も使っています。

FileZilla公式ページ

AdobeCC

Web制作副業で必要になるAdobeアプリは以下です。

 

Web制作副業で必要になるAdobeアプリ
  • Photoshop
  • Illustrator
  • Adobe XD

 

上記のアプリを使ってWebサイトをデザインしたり、クライアントがデザインしたWebサイトのコーディング依頼をもらったりします。

これらのアプリはクリエイター向けのAdobe製品をパッケージでまとめたAdobeCCというサービスに含まれています。

AdobeCCの公式ホームページ

 

こちらを普通に契約すると年間契約で72,336円(税込)とかなり高額なのですが、お得に使う方法があります。

お得に使う方法はこちらの記事に詳細をまとめてあるので、ぜひ参考にしてみてください。

【裏技】Web制作に必要なAdobe CCを安く使う方法Web制作副業するならAdobe CCが必須ですが、年間契約でも72,336円(税込)と手を出しづらい価格となっています。この記事では、Adobe CCを安く使って経費を節約する裏技を紹介します。...

Webブラウザ

Web制作で使うWebブラウザはGoogleChromeが一般的です。

 

また、制作したWebサイトをテストするときは色々なブラウザを使って動作を確認した方がいいので「Firefox」もインストールしておいた方がいいでしょう。

あとはOS標準搭載の「Safari」、「MicrosoftEdge」などでも動作確認をします。

 

ちなみに、InternetExpolerは対応していないCSSプロパティが多いので、InternetExploerに対応させるためには特別な処理が必要になることが多いです。

IneternetExploerに対応させるかどうかは事前に決めておきましょう。

Web制作副業にあった方が便利なもの

Web制作副業にあると便利なもの

 

最後にWeb制作副業にないとダメとまではいかないまでも、あった方が便利なものが以下です。

 

Web制作副業にあった方が便利なもの
  • セカンドディスプレイ

セカンドディスプレイ

Web制作では色々なアプリを使うので、デュアルディスプレイで作業した方が効率がアップします。

家だけじゃなく外出先でも作業をするという人は、モバイルディスプレイがオススメです。

 

僕が使っているのはこちらの15.6インチディスプレイです。

 

画質がキレイで5KのiMacと並べて置いてもまったく違和感がありません。

 

モバイルディスプレイを家で使うときは、こちらのスタンドを使ってモバイルディスプレイを固定して使っています。

 

モバイルディスプレイ専用のスタンドって探してもないのですが、こちらのスタンドなら15.6インチのモバイルディスプレイでも普通に使えます。

まとめ:Web制作副業に必要なもの

  • Web制作に必要なデバイスは基本はパソコンのみ
  • テスト用のレンタルサーバーが必要
  • 各種ソフトウエアは揃えておくべし

 

以上、Web制作副業に必要なものについて紹介しました。

揃えて快適に作業していきましょ〜。

 

ではでは~!

ABOUT ME
トモヤ
副業が趣味になってしまったサラリーマンが趣味を語るブログ。 『Web制作』と『ブログ運営』に取り組んでいます。 【経歴】大阪大学大学院工学研究科卒業→某インフラ会社勤務→会社依存の生活を変えるため副業開始