Web制作で稼ぎたい方へ
こんにちは、あきはる（@akiharu_0309）です。
こんなお悩みを解決します。
Web制作を学ぶにも、いきなりスクールに通うのはハードルが高いですよね。
そこで今回は、完全初心者に向けてWeb制作の独学方法を分かりやすく解説します。
本記事の内容- Web制作の独学に必要な期間
- Web制作に必要な準備するもの
- Web制作の独学ロードマップ
- Web制作の案件獲得方法
この記事を書いている私の実績は下記です。
本記事の信憑性
- Web制作歴1年以上
- 50件以上の案件対応実績
- 未経験からフリーランス独立
今回の記事を読んでいただくことで、Web制作の独学方法がわかります。
ちなみに、Twitterでも発信しています。
Twitter→あきはる（5,000名超え）
それでは、始めていきます。
"ココナラ×Web制作"で稼ぐ方法『ココナラ×Web制作』で1人稼ぐ学習ロードマップを大公開！
✔︎ ノーコード制作だから挫折しにくい！
✔︎ ココナラは自動で案件獲得できる！
✔︎ 誰でも気軽に始められる！
Web制作で稼ぐならぜひご覧ください↓
>>詳細ページはこちら
目次
Web制作『独学』で月20万円稼ぐ準備
まず、Web制作を独学で月20万円稼ぐことは可能です。
なぜなら、Web制作は需要がある上に、学習教材や稼ぐための情報が充実しているので、独学でも月20万円を達成することは可能だと言えます。
例えば、以下のような案件をこなすイメージです。
【例1】1~3万円の案件を月10本
これらの案件をこなせるスキルを身につければ、月20万円稼ぐことは可能です。
こういった案件は、『クラウドワークス』や『ココナラ』といったクラウドソーシングサイトで見つけることができます。
他のサイトなどは、以下の記事にまとめてるので参考にしてください。
Web制作の独学に必要な期間【3ヶ月〜半年】
Web制作の最低限のスキルを独学で習得するのに必要な期間は、ざっくり3ヶ月から半年ほどです。
人によって、1日の学習時間が異なるので、時間にすると【500時間~1,000時間】ほど。
ぶっちゃけ、かなりハードなので、Web制作の学習を始めた方の9割以上は挫折していきます、、。
とはいえ、Web制作のスキルを身につけたら、【完全成果報酬】【完全在宅ワーク】【人間関係も自由】という最高のお仕事だと言えます。
Web制作に必要な準備物【パソコンのみでOK】
Web制作で準備しておくものは、まずは『パソコン（Mac,Windowsどちらでも可）』のみでOKです。
その他に必要な物は『必要なときに増やす』という考え方で良いかと。
それでは、次から独学の手順をご紹介していきます。
Web制作の独学ロードマップ
では、Web制作の独学ロードマップをご紹介します。
手順は以下の5ステップです。
Web制作の独学ロードマップ- HTML/CSSを学習
- JavaScript（jQuery）を学習
- PHPの基礎を学習
- WordPressの独自テーマ制作を学習
- 営業用のサンプルサイトを作る
こちら、順番に解説していきます。
①HTML/CSSを学習
まずは、『HTML/CSS』を学習しましょう。
『HTML/CSS』とは、Webページにテキストや画像、デザインを表示するための言語です。
学習教材として「ドットインストール」と「Progate（プロゲート）」が有名ですが、個人的にはドットインストールをメインで使い、学習の補足としてプロゲートを適宜使う感じがおすすめです。
ドットインストールの『Webサイトを作れるようになろう（HTML/CSS）』の講座は全て受講しましょう。
「HTML/CSS」を習得すると、簡単なWebページが作れるようになります。
『HTML/CSS』を習得したら、模写コーディングをしてみよう！
インターネットで[ HTML/CSS 模写 練習 ] などと検索すれば、模写の練習サイトがたくさん出てくるので、HTML/CSSコーディングの練習をしてみましょう。
Bootstrap、SCSSをやってみる『Bootstrap』とは、HTMLのフレームワークで、要はWebサイトを作るためのテンプレートです。『SCSS』はCSSを効率的に書くためのものという認識でOKです。
これらは比較的簡単なので、がっつり学ぶ必要はなく、『必要になったら学ぶ』という感じでも良いかと。
こちらもドットインストールに講座があるので、チェックしてみてください。
ここまで学習できれば、コーディング案件で月収5万円が狙えます。
②JavaScript（jQuery）を学習
次は、『JavaScript』を学習しましょう。
『JavaScript』とは、Webサイトに動きをつけるためのプログラミング言語です。
『JavaScript』もドットインストールで学習しつつ、ざっくりと理解できてきたらプロゲートで『jQuery』を学びましょう。
『jQuery』とは、JavaScriptのライブラリで、JavaScriptよりも簡単にサイトに動きをつけることが可能になります。
③PHPの基礎を学習
次は、『PHP』を学習しましょう。
『PHP』とは、動的なWebページを作れる言語です。現時点では、WordPress構築をするために必要な言語という認識でOKです。
PHPはゴリゴリに勉強するというよりは、基本を押さえる感じでOKです。
こちらも神教材のドットインストールを2週ほどすれば、かなり理解できます。
④WordPressの独自テーマ制作を学習
次は、『WordPressの独自テーマ制作』の学習をしていきましょう。
WordPressとは、CMS（コンテンツマネジメントシステム）と言って、Webサイトにブログなどの投稿機能を実装できるシステムです。
WordPressの独自テーマ作成の案件はかなり需要があるので、習得しておくと高単価な案件を狙えます。
学習方法は「Udemy」にて、『文系でも解る！ WordPressの基礎の理解と、独自デザインをWordpress化にする』という講座を受講しましょう。
上記の講座を学習すれば、PHPのテンプレートをコピペするだけで、WordPress化する方法が分かります。
これで一通りのWeb制作の学習は完了です。あとは、都度ググりながら突破していきましょう！
ここまでをマスターすれば月収20万円を目指せます。
⑤営業用のサンプルサイトを作る
次は、実際に営業用のサンプルサイトを作ってみましょう。
サンプルサイトとは、架空の企業や美容室など、自分が作ったサイトとして実績公開するためのサイトです。
コーディングからWordPress構築まで行い、FTPを使ってサーバーにアップロードして公開まで行いましょう。
サンプルサイトの公開までしておけば、そのまま実績として案件を受注するための提案に利用できます。
実績公開用のレンタルサーバーとして、『エックスサーバー』のスタンダードプランを契約しておきましょう。
サンプルサイトのWebデザインは、『ココナラ』や『クラウドワークス』で発注しちゃいましょう。
ぶっちゃけ、デザインを勉強せずにデザインすると確実にヘンテコなサイトになってしまい、全く受注できない実績になります、、。
クラウドソーシングサイトで、5万円とかでデザイナーに発注するようにしましょう。
良いサンプルサイトが作れてバンバン受注できれば初期投資の5万円はすぐに回収できます。
ここまでが独学ロードマップです。実績としてサンプルサイトの公開までできれば、あとは案件獲得のための営業ですね。営業に関しては後ほど解説します。
ノーコードを絡めたWeb制作学習方法が知りたい方は、こちら『未経験から月収20万円！1人で稼ぐWeb制作学習ロードマップ』をご覧ください。
独学が難しいならスクールも検討しよう
独学が難しいと感じたタイミングで、Web制作のスクールにいくのもありです。
Web制作に特化している人気のスクールは以下です。
Web制作の人気スクール- デイトラ｜Web制作コース ※無料レッスン動画あり
- デイトラ｜Webデザインコース ※無料レッスン動画あり
『デイトラ』は圧倒的な「低価格&高品質」なスクールとして定評があるので、おすすめです。
ノーコードのWeb制作でも月収20万円は稼げる
最近だと、ノーコード（NoCode）と言われるツールを利用した、Webサイト制作で稼ぐことも可能です。
ノーコードであれば、需要がある上に学習コストが低いので、収益化はかなりしやすいです。
ノーコードツールの例は以下です。
【NoCode】ノーコードツールの例ノーコードで最も簡単なぺライチの作成方法や稼ぎ方は、以下の記事でも解説してるので良ければ参考にしてください。
また、ノーコードを絡めたWeb制作で最短ロードマップは以下をご覧ください。
「ノーコードWeb制作の学習ロードマップが知りたい！」という方は、こちら『未経験から月収20万円！1人で稼ぐWeb制作学習ロードマップ』をご覧ください。
Web制作の案件獲得方法
Web制作のスキルを身につけても、案件が獲得できなければ稼ぐことはできません。
Web制作の案件獲得に関しては、コツを知れば難しくはありません。
以下の記事で案件獲得については丁寧に解説してます。
まとめ：Web制作の独学方法
今回は『Web制作の独学方法』を中心に解説しました。
Web制作の学習はかなりハードですが、ぜひ頑張ってください。
以下の記事も参考になると思います。
関連記事：こちらの記事も読まれています。
「Web制作の学習ロードマップが知りたい！」という方は、こちら『未経験から月収20万円！1人で稼ぐWeb制作学習ロードマップ』をご覧ください。
「ココナラで稼ぎたい！」という方は、『ココナラ完全攻略』をご覧ください。
Twitterでも発信をしているので、ぜひチェックしてください。
Twitterはこちら→あきはる
最後のまで読んでいただき、ありがとうございました。
良ければ、シェアしてくれると嬉しいです!!
