web制作 PR

独学 WEB制作で稼げるまでのロードマップ!副業やフリーランスになりたい人向け

記事内に商品プロモーションを含む場合があります

近年、WEB制作で稼ぐ!っていうのがめちゃくちゃ流行ってますね。。
今回は、WEB制作で稼ぎたいけど、何を勉強すれば良いのか考えてみました。

目標を考える

WEB制作といっても、WEBデザインだったり、デザインされたものをコードにする作業だったりが存在します。
デザインが得意だけど、コーディングはちょっと…だったり、デザインはできないけどコーディングだけなら!という方、もしくはどっちもバリバリできる!という方でも副業やフリーランスで稼ぐことができるかと思います。

どちらもまったくわからないという方は興味がある方を考えてみてください。
いやそんなの無理という方は、どちらも少しやってみると自分に向いている方がわかるかもしれせん。

WEBデザイン(webデザイナー)で稼ぐ

1.デザインの基礎を学ぶ

「ノンデザイナーズ・デザインブック」や「デザイン入門教室」の書籍がおすすめです。
どうするにしてもまずは基礎を知らないとどうしようもありません。

2.制作ツールの使い方を学ぶ

最近のWEB制作の現場では、「adobe XD」、「adobe Photoshop」、「Figma」がよく使用されています。
たまに「adobe Illustrator」でデザインを作っている方もいますが、正直やめてほしい…(サイズが曖昧な値になったり、webデザインをわかっていない人が多くコードを書く人には嫌われがちです)
僕も個人で案件を受けるなら正直プラス料金や断りたいところ…

3.とにかく作る

自分で架空のサイトを考えて作ってみましょう。
どんなサイトが思いつかなければ、普段行っているパン屋さんや飲食店など行ったことあるお店で想像してみると考えやすいかもしれません。
ここで、デザインを作る時イメージに合うサイトを探し参考にしてみてください。
まるごとパクるというのはよくありませんが、真似することで新たな学びが多いです。
初めはうまくいかない場合は、まるごとパクっても問題ありません。(※ただパクったものをそのまま納品やインターネット上に公開する行為はやめましょう。)
自分の中での練習として取り組む分にはパクるのは問題ありません。

4.コーディングを学ぶ

webデザインがしたいのにコーディングを学ぶ必要があるのか??
これはYES!
どんなものでも作れるようになるまで覚える必要がありません。
概念としてどうやって作られているのかを学んでいるとただただデザインが作れる人から1つ抜けられます。
これは、コーディングする人とのやり取りがスムーズになったり、webデザインでやってはいけないことが見えます。

学習方法としては、プロゲートでHTML,CSSをやって見るぐらいで問題ないと思います。

5.ポートフォリオ作り

今まで学んだことを活かし、作品を作ります。
少なくとも3サイト以上のwebデザインを用意するとよいでしょう。
簡単な副業案件をすぐにでも取りたいという場合は、架空のバナーをいくつか作ってみるのが良いと思います。
金額は高くありませんが、バナーを作るという案件は多数あります。

コーディングで稼ぐ

HTML、CSSを学ぶ

コーディングで副業、フリーランスをやっていくには、webサイトをデザイン通りに作れる必要があります。
まずは、動きのないサイトでいいので、デザイン通りにサイトを作れるようになりましょう。
基礎を学ぶには、プロゲートドットインストールがおすすめです。

ここではどうやって作られているのかが重要で、1つ1つのタグを完全に覚える必要はありません。
よくプロゲートを◯周した!といっている方がいますが、同じことを何周してもそこだけ覚えても仕方ないです。
わからなければググればいいので…(プロの現場でもうまくググれるかのほうが重要です)

JavaScriptを学ぶ

サイトに動きをつけれるようになりましょう。
近年HTMLとCSSだけで作られているサイトはありません。
スクロールするとふわっとコンテンツが出てきたり、ボタンを押すと表示されるなどアニメーション要素は必須になります。

こちらを学ぶ際にもプロゲートドットインストールがおすすめです。
web制作ではまだまだjQueryが使われることも多いので、合わせて学習してみてください。

WordPressを学ぶ

web制作ではWordPressが使用されていることが非常に多いです。
webサービスを作る場合には、使用されない場合が多いですがコーポレートサイトやLPの案件を取るにはもはや必須と言っても良いかもしれません。

ここでは0から自作のWordPressテーマを作れることを目標にします。

既存のテーマがたくさんあり、画像やテキストを変えるだけでサイトを作っている人もいますが、激安案件ばかりなので正直やる必要はないかと思います。

案件を取る方法

一番簡単なのは、知り合いから仕事をもらうことです。
友達の好みで仕事をもらうと実績としても公開できると思うので非常に良いです。

そんな友達はいない!という方は、ランサーズやクラウドワークス、ココナラなどを通して案件を獲得するのが一番簡単かと思います。
基本的にはやりたい案件に応募する形になるので、各サービスに合わせて記事を作成しようと思います。

ココナラでweb制作の仕事を受けるにはまずは下記から会員登録をしておきましょう。

ABOUT ME
シラツキ
当ブログは同人サークル「にんじんみるく」のシラツキが運営する個人ブログです。 同人誌即売会の情報やネタ、技術的な内容など様々なコンテンツを配信しています。 普段はwebサイト作ってる人インターネッツお絵かきマン。 Webサイトの制作、ECサイトの運営、ブログ、イラスト制作など色々やってます。 個人でWeb技術ブログ、趣味のブログ、YouTube活動中。

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)