Web制作

Web制作の副業を成功させるための独学ロードマップ【現役エンジニアが監修】

2021年12月27日

大きな地図

 

あなた
Web制作の副業で稼ぎたいです。

稼げるようになるスキルをつけるための独学ロードマップを教えて下さい。

 

今回はこのような要望に答えるべく「Web制作の副業を成功させるための独学ロードマップ」を現役エンジニアが紹介していきます。

 

【この記事でわかること】

 

【この記事の信頼性】

この記事を書いているのは現役のWEB制作エンジニアです。

これまで多くのプロジェクトでWebコーダーとして働いてきました。

Web制作で稼ぐために必要なスキルは完璧に把握しています。

また、未経験からWEB制作を学習して転職した経験もあるので学習方法についてもよく分かっています。

 

【※朗報:案件紹介までサポートしてくれるスクールあり】

なんとテックアカデミーというスクールのはじめての副業コースではWEB制作の学習機会提供はもちろん、受講後に案件を紹介までしてもらえます。

受講すれば確実に稼げるようになりますよ。

しかもプロの手を借りつつ、作業もできるので安心です。

加えて値段も他社スクールと比べて安くてコスパも良い。

(一般的なスクールは40万円ほどするが、テックアカデミーは10万円以下)

検討してみてはいかがでしょうか。

無料体験では0円でWEB制作の基礎学習できます )

 

テックアカデミーのはじめての副業コース

 

>>テックアカデミー公式サイト

 

Web制作の副業を成功させるための独学ロードマップを公開します

マップ

 

結論から話すと、Web制作の副業を成功させるための独学ロードマップは以下のとおりです。

 

・ステップ1:HTMLやCSSなどのWebの基本を学ぶ

・ステップ2:BootStrap、JavaScript、Sassなど応用的な技術を学ぶ

・ステップ3:オリジナルサイトを制作し、それをベースに案件を獲得する

 

これらをやりきれば、あなたはWeb制作の副業で月に5~20万円稼ぐのは余裕になりますよ。

(学習期間は3ヶ月。1日2時間ほどの学習を想定してください。)

 

このロードマップをやりきれば、あなたは次のような状態になるはず。

 

✔ 貯金もできて資産が貯まるのでセミリタイアなどしやすくなる

✔ 欲しい物も買えるようになる

✔ 子供に使えるお金も増える

✔ 家族や大切な人、あなた自身にプチ贅沢をさしてあげることができる

 

「好きな場所で」「スキマ時間に」「副業で高収入」を実現できます。

余裕のある生活を手に入れることができて、笑顔も増えますよ?

 

ではあなたが良い未来をイメージできたところで、さっそく先程のロードマップの各ステップについて解説していきますね。

 

ステップ1:HTMLやCSSなどのWebの基本を学ぶ

 

ロードマップの1つ目のステップが「HTMLやCSSなどのWebの基本を学ぶ」です。

 

今のあなたは「Web制作ってWebサイトを作るってことだよな...でもどうやって作るんだ?」と思っているところかと。

そういう状態から「Webサイトの仕組みは理解できている」という状態にまずはなっておきましょう。

 

そのために必要な学習が「HTML/CSSの理解」「Webの仕組みの理解」です。

こちらに関しては、当サイトのカリキュラムを使ってみるといいと思います。

以下で学習を進めてみてください。

 

>>【完全無料】HTMLとCSSの学習ステップ一覧

HTMLとCSSの学習ステップ一覧と書かれた画像
【完全無料】HTMLとCSSの学習ステップ一覧

  てんし君こちらはプログラミング初心者の方向けのHTMLとCSSの基本的な学習用ページです。   ここで紹介している学習カリキュラムをやりきれば、最終的にこちらのようなWebサイトを作成可能です。 ...

続きを見る

 

ステップ2:BootStrap、JavaScript、Sassなど応用的な技術を学ぶ

 

2つ目のステップが「Bootstrap、JavaScript/jQuery、Sassなど応用的な技術を学ぶ」です。

 

WebサイトはHTMLとCSSだけでも制作自体はできます。

しかし、ほとんどの場合はさらに「Bootstrap、JavaScript、Sass」といった技術が使われます。

副業で稼ぐためにも必須です。

なのでHTMLとCSSを学んだ後は、そのような応用的な技術を学習しましょう。

 

それぞれのオススメ教材をピックアップしました。

これらをやりきってみてください。

そうすれば、副業で稼ぐために必要なスキルは身につくはず。

 

【Bootstrap】

参考

増補改訂版『Bootstrap4入門』〜Webデザインに対して苦手意識を持つエンジニアのための〜

→Udemyという動画教材です。新規受講生は2000円ぐらいで手に入れることができます。

 

【JavaScript/jQuery】

参考

[HTML/CSS/JavaScript] フロントエンドエンジニアになりたい人の Webプログラミング入門

→普段は24000円しますが、セール時なら1200円ぐらいで手に入るのでセール時の購入がオススメ。

ドットインストール

→月額1000円ほどで学習し放題の動画サービスです。JavaScript系とjQuery系は全部やっておいてください。

 

【Sass】

参考

プロになる基礎から実践まで!WebデザインからHTML5・CSS3(Sass)でのコーディングを全て学べる講座

→おなじみのUdemy。コース内の「コーディング編」は必ずやってください。

 

以上ステップ2でした。

 

ステップ3:オリジナルサイトを制作し、それをベースに案件を獲得する

 

最後3つ目のステップは「オリジナルサイトを制作し、それをベースに案件を獲得する」です。

 

Web制作の副業で稼ぐには、案件を受注しないといけません。

つまり相手の信用を勝ち取る必要がある。

そのために「あなたの実力」を明確に示せるものが要るのです。

それがオリジナルサイト(ポートフォリオ)になります。

発注者はあなたのオリジナルサイトを見て「ああ、この人にお願いしたら良いサイトを作ってくれそうだな」と思ってくれます。

 

ステップ2までで基本的なスキルは習得しているので、それらを利用してオリジナルサイトを作りましょう。

作る際は以下の教材を参考にするといいです。

 

参考

WEBデザイン講座 Level2《ステップアップ》コース※FlexboxとメディアクエリでレスポンシブWEBサイトを作る

→ポートフォリオのベースにするといいです。サーバーへのアップロード(本番公開)などはステップ1の教材で学習できます。

 

オリジナルサイトが完成したら、後はクラウドワークスで営業をかけてみましょう。

クラウドワークスには以下のようなWeb制作の案件が多くあります。

 

web制作の副業案件

 

案件を見つけたら次のような提案文で応募すればOKです。

(あくまで例です。発注者が「この人に頼んでみたいな」と思ってくれるような提案がベスト。)

 

はじめまして〇〇と申します。

今回募集概要を拝見させていただき、お力になれると思いましたので応募させていただきました。

これまで私は以下のようなサイトを制作した経験があります。

https://あなたが作ったサイトのURL

今回も〇〇様が希望する形で、迅速に制作することが可能です。

ぜひ〇〇様の理想のサイトを作らしていただければと思います。

お返事お待ちしております。

 

以上、Web制作の副業を成功させるための独学ロードマップでした。

 

もちろん数分で終わる学習のロードマップではありません。

早い人でも1ヶ月はかかると思います。

 

それでもここで紹介したロードマップをやりきれば、Web制作の副業で確実に稼ぐことができるようになります。

ぜひ最後までやりきってみてください。

 

【注意点】こんな方はWeb制作の独学やめたほうがいい【3つ特徴を話す】

ばつ印

 

もちろん先程紹介したロードマップをこなせば稼げるようになるのは事実。

しかし中には「独学ロードマップだと失敗してしまう方」もいます。

 

結論あなたが以下の特徴に当てはまるのなら、Web制作の独学はやめておいたほうがいいです。

お金も時間も無駄になってしまいます。

 

・特徴1:これまで1人での学習で上手くいったことがない

・特徴2:飽き性

・特徴3:「自分で調べる」という行為が苦手

 

それぞれの特徴について解説しますね。

あなたが当てはまるかチェックしてみてください。

 

特徴1:これまで1人での学習で上手くいったことがない

 

まずあなたが「これまで1人での学習で上手くいったことがない」のであれば当たり前ですが、Web制作を独学するのはやめましょう。

 

「今回は行けるでしょ!」って思っちゃう気持ちもわかるんですけどね...。

おそらく今回も失敗します。

僕自身もそういうタイプです。

今回は頑張るぞと思って毎回スタートを切ります。

でも結局1人だとどうしても集中できないし「今日はサボっちゃおう」と思ってしまう。

なのであなたがこれまで独学での勉強に失敗してきたのなら、最初から独学は避けたほうがいいです。

 

特徴2:飽き性

 

あなたが「飽き性」である場合も独学は避けたほうがいいです。

Web制作の独学ロードマップを全て完了させるには意外と学習量が必要です。

飽き性のあなたはおそらく途中でフェードアウトしてしまうことになる。

 

・習い事が半年も続かない

・資格勉強を1週間でやめる

・新しく買った服やゲームや本にすぐ飽きる

 

↑あなたには今までこんな経験がありませんか?

「ああ、自分に当てはまるな」と思ったのならWeb制作の独学も向いていないです。

 

特徴3:自分で調べるという行為が苦手

 

最後の特徴が「自分で調べるという行為が苦手」です。

 

あなたは、新しく学習しているときにわからないことが出てきたら自分で調べて解決できますか?

それとも誰かに聞いて解決することが多いですか?

 

もし後者のタイプ(誰かに質問したり相談して問題を解決するタイプ)なのであれば、独学は避けたほうがいいですよ。

初めてのWeb制作学習の場合、当然わからないところはたくさん出てくる。

その度に「誰にも聞くことができない」というストレスを感じ続けることになります。

最終的に「もう嫌だ」と感じてしまうことになるかと。

 

以上、Web制作の独学ロードマップで失敗してしまう方の3つの特徴でした。

 

じゃあどうすればいいのか→〇〇を使ってみてはいかが?

 

あなた
Web制作の独学ロードマップではきつそうです。

どうしたらいいですか?

 

↑あなたはここまで読んで、このような状態になっているかもしれません。

そんなあなたに向けて解決策を答えから話すと「スクール」を利用しましょう。

 

実はWeb制作を学習できるスクールが存在します。

「1人での学習が苦手」「飽き性」「誰かに質問しつつ学習したい」という方はそちらを利用するといいでしょう。

 

スクールでは以下のようなサポートを受けることができます。

 

✔ 毎日チャットで対応してもらえる(質問したらすぐに返事をもらえる)

✔ オリジナルのカリキュラムを提供してもらえる

✔ 直接プロに教えてもらえる

✔ オリジナルサイト制作をサポートしてもらえる

✔ 受講後に副業案件を紹介してもらえる

 

いかがでしょうか?

上記のような環境なら、あなたも最後までやりきることはできるのではないでしょうか?

 

ちなみに、スクールの相場は40~70万円ですが、中には10万円もしない優良スクールも存在します。

(逆に40~70万円するスクールよりも質が良かったりする)

 

そのような優良スクールは以下でランキング化しています。

 

>>【無料あり】WEB制作を学べるオンラインスクールランキング【副業で稼ぎたい方向け】

wordpress
【無料あり】WEB制作を学べるオンラインスクールランキング【副業で稼ぎたい方向け】

  あなたWeb制作の副業で稼ぎたいけど、どのスクールで学ぶのが良いの? スクール選びで失敗はしたくないです。   ↑このような疑問や不安を解決するべく、現役のWebエンジニアがWEB制作を学べるスク ...

続きを見る

 

スクール選びの参考にどうぞです。

 

欲しいものは欲しい時に買える生活が手に入りますよ

道路の標識

 

ということで今回は「Web制作の副業で稼ぐための独学ロードマップ」「独学が向いていない方の特徴と解決策」を紹介しました。

 

あなたの性格や特徴に応じて、学習スタイルを決めつつ今日から学習をスタートしてみるといいかと思います。

その先にはWeb制作の副業で収入を得ている生活が待っているはず。

 

具体的には次のような日々を手に入れることが可能です。

 

✔ 毎月+20万円の収入

✔ 「今は我慢するか」と言わずに、欲しい物を欲しい時に買える

✔ 食費をケチらなくて済む

✔ 割引商品ではなく、本当にあなたが欲しい物を買うことができる

✔ 家族や子供が満足できる環境を提供できる

 

今日から動けば3ヶ月後にはこのような生活を実現させることができているはずです。

 

「もっと収入が良ければ...」と愚痴を吐くのは終わりにしませんか?

 

今のあなたは事あるごとに「もっと収入が良かったらな...」と心の中で愚痴を吐いてはいませんかね。

けどそういうのも終わりにしませんか?

 

いくら会社に不満を感じたって、世の中に不満を感じたってあなたの人生は何も変わらない。

あなたの人生を好転させることができるのはあなただけ。

そしてWeb制作の副業で稼ぐことができれば一気に好転もします。

 

もちろん、他人への期待を捨てることは難しいことです。

勇気も必要です。

 

でも他人もあなたのように「自分の人生」で必死なんです。

そんな中、他人を助ける余裕もありません。

 

だからこそ、他人への期待は捨てる必要がある。

あなたもあなた自身で今日から良い未来に進んでいくといいです。

応援しています。

 

HTMLとCSSの学習ステップ一覧と書かれた画像
【完全無料】HTMLとCSSの学習ステップ一覧

  てんし君こちらはプログラミング初心者の方向けのHTMLとCSSの基本的な学習用ページです。   ここで紹介している学習カリキュラムをやりきれば、最終的にこちらのようなWebサイトを作成可能です。 ...

続きを見る

※独学ロードマップのファーストステップはコチラ

 

wordpress
【無料あり】WEB制作を学べるオンラインスクールランキング【副業で稼ぎたい方向け】

  あなたWeb制作の副業で稼ぎたいけど、どのスクールで学ぶのが良いの? スクール選びで失敗はしたくないです。   ↑このような疑問や不安を解決するべく、現役のWebエンジニアがWEB制作を学べるスク ...

続きを見る

※独学が無理そうならこちら。受講後に案件も紹介してもらえるので即稼げます。

 

プログラミングスクールに関する情報

【無料あり】プログラミングスクールおすすめランキング【WEBエンジニアになりたい方向け】と書かれた画像
【無料あり】プログラミングスクールおすすめランキング【WEBエンジニアになりたい方向け】

  あなたプログラミングスクールに通いたいけどたくさんありすぎてどこがいいのかわかりません。   最近はエンジニアブームということもありプログラミングスクールが増えました。 一方でたくさんありすぎてど ...

続きを見る

返金保証ありのプログラミングスクールランキング【エンジニアが選びました】と表示されたパソコンの画面
【転職保証つき】返金保証ありのプログラミングスクールランキング【エンジニアが選びました】

  あなた返金保証がついているオススメのプログラミングスクールってありますか?   結論から話すと、返金保証つきのプログラミングスクールランキングは次の通りです。   1位:DMMWEBキャンプ  【 ...

続きを見る

wordpress
【無料あり】WEB制作を学べるオンラインスクールランキング【副業で稼ぎたい方向け】

  あなたWeb制作の副業で稼ぎたいけど、どのスクールで学ぶのが良いの? スクール選びで失敗はしたくないです。   ↑このような疑問や不安を解決するべく、現役のWebエンジニアがWEB制作を学べるスク ...

続きを見る

フリーランス
無料あり:フリーランスを目指せるプログラミングスクールランキング【体験をもとに徹底分析しました】

  あなたフリーランスエンジニアを目指すことができるプログラミングスクールってありますか?   最近では、高年収や働きやすさの魅力からフリーランスエンジニアを目指す方も増えてきました。 結論から話すと ...

続きを見る

WEB系自社開発企業にいけるプログラミングスクールランキング【現役エンジニアおすすめ】と書かれた画像
WEB系自社開発企業にいけるプログラミングスクールランキング【現役エンジニアおすすめ】

  あなたWEB系の自社開発企業に就職したいです。 オススメのスクールを教えて下さい。   結論から話すと、WEB系自社開発に行きやすいスクールのランキングは以下の通り。   第1位:テックアカデミー ...

続きを見る

-Web制作

S