![サラリーマン](https://northvillage-log.com/wp-content/uploads/2022/10/23192974-150x150.png)
Web制作の勉強でProgateやドットインストールをどこまでやればいいの?
ProgateやドットインストールはWeb制作の基礎が学べるということで、学習の最初のツールとして利用する人も多いでしょう。
ただ、Progateやドットインストールはコンテンツも多く、内容も素晴らしいので、「どこまで学習して良いのか?」と悩む人も多いのではないでしょうか?
![執筆者の顔](https://northvillage-log.com/wp-content/uploads/2022/11/1bf1125c1790f421-150x150.png)
こんにちはWeb制作フリーランスのノースです。私もProgateやドットインストールを利用しましたが、実際にどこまでやって良いのかわからずダラダラ数ヶ月もやっていました…
そして私みたいにインプットばかりの沼にハマってしまいます。しかしその後実務的なことを学んだことで、飛躍的にスキルが伸びました。
本記事ではWeb制作の勉強を始めたばかりの人向けに、Progateやドットインストールのやめどきと次へのステップについて解説します。
最短でWeb制作で稼ぎたい(目安:月5万円以上)人にささる内容ですので最後までご覧ください。
Progateやドットインストールは一周で十分
![Progateやドットインストールは一周で十分](https://northvillage-log.com/wp-content/uploads/2023/08/27137986_s.jpg)
まずWeb制作者(Webコーダー)を目指す上で「Progateやドットインストールをどれくらいやれば良いのか?」という疑問に関しては、個人的に
- Progateは「HTML & CSSコース」
- ドットインストールは「Webサイトを 作れるようになろう」の「CSS入門アニメーション編」
で十分。
これらのコースを真剣に一周こなせば、基礎のHTMLとCSSはある程度身につきます!
上記コースを一周すれば大丈夫!
それでも「一周だけでは身に付いていない不安」という方に一週間学習すれば十分な理由を解説します。
理由は2つです。
✔️Progateやドットインストールは一周で十分な理由
- 一周もやれば基礎は十分
- インプット地獄にはまる
理由①一周もやれば基礎は十分
ドットインストールやProgateは、HTMLやCSSの書き方や使い方を学ぶいわば教科書的なイメージです。
教科書を何周しても内容を記憶することはできるかもしれませんが、覚えたことを実務でそのまま使えるわけではありません。
要は実務的なことは身につかないのです。
ここでいう実務とはWebサイトを作ること。
![](https://northvillage-log.com/wp-content/uploads/2022/10/b217ecd29219a20a-150x150.png)
私はドットインストール・Progateをそれぞれ3周しましたが、フリーランスの今振り返ると、さっさとアウトプットしたり、実践的なスキルを学んだ方が得策だと感じました。
理由②インプット地獄にはまる
勉強で一番やってはいけないことは、基礎部分をいつまでたってもインプットし続けること。
特に完璧主義の方は、「HTMLのタグを全て覚えてから」、「CSSのプロパティも全部覚えてから」と完璧にしないと次に進めない人が多いでしょう。
完璧なかたこそ次に進めず、インプット沼にはまってしまいます。
それではいつまでたっても稼げるようにはなりません。
![](https://northvillage-log.com/wp-content/uploads/2022/10/b217ecd29219a20a-150x150.png)
正直タグやプロパティを覚えても実務で全て使うわけではありません。「HTML、CSSのよく使うタグやプロパティは大体知れたし、使い方もこんな感じか」ぐらいOKです!
大事なのはHTML、CSSのよく使うタグやプロパティを覚えることではなく、Web制作で稼ぐことです!
Progateやドットインストールは無意味ではない
![Progateやドットインストールは無意味ではない](https://northvillage-log.com/wp-content/uploads/2023/06/26675350_s.jpg)
これまでの話を聞くに、
それじゃProgateやドットインストールは「実務的なことが学べないなら意味ないじゃん!」とつっこまれそうですが、Progateやドットインストールをやる意味はしっかりあります。
Progateは「初心者から、創れる人を生み出す」を理念にしており、初心者が学習をしていく上でできるだけハードルを下げ、わかりやすい学習に設計されています。
完全初心者に絶妙なレベル感なのです!
なので月額1,000円そこそこでめちゃくちゃわかりやすいProgateやドットインストールで学習すると、挫折することなく基礎を理解できるのです。
いきなり難しい教材やスクールに行くと、レベルが高すぎ!!ってこともしばしば
その後スクールや難しい教材で学んでもすんなり入っていけます!
また仮にやってみたけど、プログラミング(Web制作)が合わない人もここでやめられます。
![](https://northvillage-log.com/wp-content/uploads/2022/10/b217ecd29219a20a-150x150.png)
最初に高額なWebスクールや教材を申し込んで挫折したら、とっても損しますよね。
このようにProgateやドットインストールはわかりやすく最初の入り口としてWeb制作の基礎を勉強できますし、合わなければやめればよいだけ!
Progateやドットインストールは、最初のWeb制作の学習としては最適な学習方法と言えますね!
【結論】Progateを終わったら次にサイトを作れるスキルを学ぶ
![【結論】Progateを終わったら次にサイトを作れるスキルを学ぶ](https://northvillage-log.com/wp-content/uploads/2022/11/25170450_s.jpg)
Progateやドットインストールを一周すると、WebサイトにHTMLとCSSは不可欠!そしてHTML、CSSのよく使うタグやプロパティの使い方がなんとなくわかるはずです!
この「なんとなく」が大事で、「なんとなく(大体7割くらい)覚えたら次のステップに進むことが大事!
それでは一周したら次に何をするか?
![](https://northvillage-log.com/wp-content/uploads/2022/10/b217ecd29219a20a-150x150.png)
HTMLとCSSを覚えたからと言って、すぐに仕事になるわけでもありませんし、Webサイトを作れるわけではありません。
次にやることはWebサイトを作ること!もしくはWebサイトを作るために必要な実践的なスキルを身につけることです。
その最適解は
- プログラミングスクールで学ぶ
- 独学ならUdemyなどの有料講座で学ぶ
です。
それぞれWebサイトを作るために必要なスキルが身につきますが、それぞれメリット・デメリットもあります。
次から詳しく解説しますので、自分に合った学習方法・財布と相談して決めてくださいね。
Progate終わったら①プログラミングスクールで学ぶ
Progateやドットインストールを一周したら、爆速で稼ぐためにプログラミングスクールに通うのが最も近道。
なぜならスクールはWeb制作で活躍するためのカリキュラムがしっかり整えられているので、勉強方法で迷うこともありません。
またプロのメンターがいるので、わからないところがしっかり聞けるのも◎
スクールによっては専属のメンターがいるので、最後まで伴奏してくれます。
このように、生徒を挫折させないような工夫がされているのがプログラミングスクールです!
プログラミングスクールのメリット◎
- 挫折率が低い
- カリキュラムがあり、学習方法に迷うことはない
- スキルを正しく学ぶことができる
- コードレビューなどプロから受けられる
プログラミングスクールのデメリット×
- スクールが高い
- 自分に合わないスクールを選択する可能性がある
プログラミングスクールでおすすめなのが『テックアカデミー!』プログラミングスクールのパイオニア的存在で専属のメンターが伴奏してくれます!そして初心者が9割以上で挫折せずに学ぶことができます。
![ノースの顔](https://northvillage-log.com/wp-content/uploads/2022/11/cropped-1bf1125c1790f421-150x150.png)
私もProgateやドットインストールの後、テックアカデミーを受講しました!テックアカデミーを受講したことにより、より実践的なスキルがみにつき、Web制作フリーランスとして活動できるまでになりました。
テックアカデミーには無料体験や無料説明動画が用意されています。少しでも気になる方がいればまずは無料で内容をチェック!いずれも無料ですので、サクッと確認してみてください。早めの行動が今後の成果を決めますよ!
尚、【テックアカデミー無料体験の内容は?卒業生が体験してわかった受講すべき6つの理由!↗︎】で無料体験の内容を詳しく解説中!
Progate終わったら②Udemyなどの有料教材で学ぶ
「プログラミングスクールは高くて手が出せない…」という方は比較的安価な『Udemy』などの有料教材を利用しましょう!
Udemyは自分の好きな時間に学習できるオンライン学習プラットフォームで、フロントエンド、マーケティング、動画学習、ライティングなど、185,000以上のコースがあり、約5,000万の受講生がUdemyで学んでいます。
もちろんWeb制作の学習コンテンツもたくさんあります。
これからHTML/CSSの学習をし始める方やCSSに特化した学習をしたい方など、自分のレベルにあった動画講座の内容をピンポイントに選ぶことができます。
![udemyの検索結果](https://northvillage-log.com/wp-content/uploads/2024/05/number-of-udemy-1024x279.png)
Web制作コースだけで8000以上のコンテンツがある中で、最もおすすめな教材は『ちゃんと学ぶ、HTML/CSS + JavaScript』
初心者向けに作られており、章ごとに何回か繰り返しつつゆっくりと学んでいけばWeb制作全般の基礎は身に付くでしょう。
![ノースの顔](https://northvillage-log.com/wp-content/uploads/2022/11/cropped-1bf1125c1790f421-150x150.png)
Udemyは不定期でセールをやっています!中には80%オフの教材もあるので、セールがないか定期的に確認しましょう。
有料教材のメリット◎
- プログラミングスクールと比べ価格が安い
- 教材数が多いので、自分の目的に合った教材を探せる
- 内容が充実している
有料教材のデメリット×
- つまずいたさいに聞けない
- 数が多すぎるので教材を探すのが大変
- 教材によってあたり・はずれがある
【最速】一通り基礎を終えたらひたすらコーディング
![【最速】一通り基礎を終えたらひたすらコーディング](https://northvillage-log.com/wp-content/uploads/2023/09/26678880_s.jpg)
Webスクールを卒業・有料教材で学習を終えると、Webサイトをコーディングできるスキルが身につきます。
ここまでくるとWeb制作の案件(コーディング)ができるまでもう少し。
ここからあなたの行動はひたすらデザインカンプからのコーディングをすること!これがWeb制作月5万円稼ぐまでの近道です。
そうすることで、実務的なスキルが身に付きます。
コーディングの案件は圧倒的にデザインカンプからのコーディングが多く。ここで正確さ、スピードを鍛えておきましょう。
![ノースの顔](https://northvillage-log.com/wp-content/uploads/2022/11/cropped-1bf1125c1790f421-150x150.png)
コードをレビューしてくれるサービスを使いながらコーディングをしていくのがオススメ。レビューをしてもらうことで正確性が格段に上がります。
私はテックアカデミー卒業後、4ヶ月で15サイトほどコーディングして実務レベルまで到達しました。これで複数ページのコーディンができるようになり、案件を獲得できるレベルまで到達できました!
【まとめ】Progateやドットインストールは一周で十分
![【まとめ】Progateやドットインストールは一周で十分](https://northvillage-log.com/wp-content/uploads/2023/02/at-home.jpg)
Progateやドットインストールは扱いやすさ、機能面などを見てもWeb制作の入り口としては素晴らしいツールです。
![ノースの顔](https://northvillage-log.com/wp-content/uploads/2022/11/cropped-1bf1125c1790f421-150x150.png)
実際私もWebスクールに入る前に体験し、完全初心者でも楽しく学ぶことができました!
ただし、いくらわかりやすい・楽しいと言っても何周もする必要はありません。
Progateは「HTML & CSSコース」
ドットインストールは「Webサイトを 作れるようになろう」の「CSS入門アニメーション編」
を一周学べば十分。
最低限の基礎を覚えたら、実務に必要なスキルを覚えることが最も重要です。
あなたの目的はWeb制作で稼ぐこと。 最速で稼ぐために早めに次のステップに移りましょう。
Progate終了後、スクールか独学迷ったら【プログラミングスクールと独学を体験者が徹底比較!あなたにおすすめなのは〇〇 ↗︎】をご覧下さい!あなたに合った勉強方法がわかります!
✔️Web制作体験記もあわせてご覧ください