Web制作の初心者が学習から就職・転職までの３つのステップを解説

2019年9月4日 2019年11月30日

YAMAMOTO

Web制作のような仕事に興味があって、とりあえずProgateでHTMLとCSSを勉強してる人やまだ勉強を始めてなくてこれから始めようかなと考えている初心者の方は、具体的にどうやって実務まで行けばいいのか分からないと思います。

Web制作の仕事で就職または転職するためには、ざっくりと説明すると、必要なスキルを学習→ポートフォリオ作成→就職・転職活動という３つのステップになります。

この記事では、この３つのステップについて解説していきたいと思います。

1 Web制作の学習方法
- 1.1 おすすめのオンライン学習サービス
  - 1.1.1 Progate
  - 1.1.2 ドットインストール
- 1.2 メンターを見つけるサービス
  - 1.2.1 MENTA
  - 1.2.2 ココナラ
2 ポートフォリオの作成
- 2.1 ポートフォリオの作成から公開まで
3 就職・転職活動
- 3.1 求人サイトの利用
  - 3.1.1 Green
  - 3.1.2 Wantedly
- 3.2 TwitterなどのSNSで仕事を探す
4 まとめ

Web制作の学習方法

Web制作の学習方法でスクールに通うか独学で習得する方がいいのかで悩む方が多いと思いますが、結論をいうと独学でも問題ないです。お金があればスクールに通うのもありですが、独学でも優良なサービスが多いので、学習上問題はないです。

メンターを見つけるサービス

ある程度学習を進めていくといろいろと疑問点が出てくると思います。そういう時に質問をできればいいなという方にはメンターを見つけることをおすすめします。ここではおすすめの学習サイトやメンターを見つけるサービスを紹介します。

MENTA

画像出典：MENTA

MENTAは、何かスキルを持った人が、誰かのメンターになって教えるというサービスです。Web制作のスキルを教えてくれるメンターは、結構いるので自分にあったメンターを探すことができます。

Web制作のスキルを教えてくれるメンターだと平均で月１〜３万円ぐらいの値段設定をされています。多少お金はかかりますが、プログラミングスクールがだいたい3ヶ月で15万円ぐらい掛かるので、それに比べればかなり安く済みます。

URL: https://menta.work/

ココナラ

画像出典：ココナラ

ココナラは、スキルを売り買いされるフリーマーケットのようなサービスです。どちらかというと自分の仕事を振ったり、仕事を請け負いたい人が集まるクラウドソーシングのサービスです。

MENTAほどコーディングを教えてくれるメンターの数はいないですが、中にはMENTAと比べると格安でコーディングなどを教えてくれる人もいます。

URL: https://coconala.com/

ポートフォリオの作成

続いて説明するのがポートフォリオの作成についてです。ポートフォリオを作成しなければ、まずWeb制作会社に転職することは厳しいでしょう。そのため、ここではどのようなポートフォリオを作成すればいいのか説明したいと思います。

ポートフォリオとは、日本語で「作品集」という意味で、Web業界では成果物とも言われています。Web制作のポートフォリオですと、自分のオリジナルのサイトや何かのサイトを模写すればいいでしょう（※サイトを模写して公開する場合は、画像やデザインが著作権に引っかかることがあるので完全コピーをするのやめましょう）。

ポートフォリオの作成から公開まで

ポートフォリオの作成は、エディターというコードを書き込むソフトを使って、HTMLやCSSのコードを書きます。Web制作のエディターはいろいろとあり、ご自身で使いやすいものを使えば大丈夫です。

エディターで書いたコードをファイルに保存したら、今度はそれを公開します。公開する上で、いろいろとやることがありますが、ざっくりと説明するとサーバー契約→ドメインの取得→FTPクライアントを作って公開という流れになります。

サーバー契約

サーバーは、Webサイトなどを公開するための場所で、現実世界に置き換えると家やマンションにあたります。サーバーにもいろいろと種類があり、有料のものから無料のものまでありますが、有料のレンタルサーバーをおすすめします。おすすめのレンタルサーバーは「エックスサーバー」です。詳しくは以下の記事から、チェックして見てください。

【ゼロからわかる】ブログ始める際のおすすめサーバーを徹底解説

ドメイン取得

ドメインは、https/~という感じのインターネット上での指定された場所のことであり、現実世界に置き換えると住所にあたります。ドメインの取得も有料のものと無料のものとありますが、有料でjpやcomといった無難なものを選択するのがいいでしょう。ドメインを取得するのにおすすめのサービスは、「お名前.com」です。

FTPクライアント

FTPクライアントは、Webサイトのデータ（HTMLやCSSなどのコード）をWebサーバーにアップロードする際に使うものです。有名なものですと、FileZillaやCyberDuckといったものがあります。

就職・転職活動

続いては就職・転職活についてです。Webデザイナーとして就職・転職活動をする上でおすすめなのが以下の方法です。

求人サイトの利用
TwitterなどのSNSで仕事を探す

求人サイトの利用

求人サイトの利用は一般的な転職活動の方法ですが、ここではWeb系のおすすめの求人サイトを紹介したいと思います。

Green

画像出典：Green

GreenはIT系に特化した転職サイトです。ベンチャー企業から大手の企業まで業界最大級の求人数で、エンジニアやWebマーケター、Webデザイナーといった職種も幅広く求人があります。IT系の会社に転職したい方はGreenに登録しておくべきでしょう。

URL: https://www.green-japan.com/

Wantedly

画像出典：Wantedly

WantedlyはIT関係に強い転職サイトで、こちらは主にベンチャー企業などの求人が多いです。特徴的なのが、カジュアル面談という企業の採用担当と面接等の選考を行う前にお互いが聞きたいことを話し、情報を交換ができる面談を行えることです。

そのため、まだ就職する前の学生などがインターン先を探すのにWantedlyを利用することが多いです。

URL: https://www.wantedly.com/

TwitterなどのSNSで仕事を探す

最近では、Twitter転職というハッシュタグを用いて、Twitterでの転職活動が増えてきています。特にエンジニアやWebデザイナーといったIT系でこのような転職活動が盛んになってきているため、エンジニアやWebデザイナーになりたい方はTwitterで発信したり、業界の人をフォローしておくべきでしょう。