【完全初心者】WEB制作学習はProgateがおすすめ!サービス内容とおすすめの理由を徹底解説

WEB制作
この記事は約12分で読めます。

この記事では、WEB制作初心者向け学習サービスである「Progate」について、サービス内容と学習におすすめの理由をまとめました。

「WEB制作ってどうやって勉強すればいいのか分からない…」

「効率よくWEB制作を学べる方法ってないの?」

「Progateって聞いたことあるけど実際どうなの?」

こんな感じの悩みを持つ初心者さん向けです。

Progate(プロゲート)とは?

Progate(プロゲート)は、ユーザー数100万人(2021年時点)を超える初心者向けプログラミング学習サービスです。

2014年のサービス開始後、「初めてのプログラミング学習ならまずはProgateから」と言われるほど普及しました。

限られた人にしか得られない専門的なスキルのイメージがあったプログラミングが、ゲーム感覚で楽しく学習できるProgateの登場でだいぶ学習の敷居が下がりました。

無料会員と有料会員の違い

Progateには無料会員と有料会員(月額料金:¥980(税別))があります。

無料会員有料会員
料金無料月額980円
学べる言語全て全て
レッスン数18種類78種類

無料会員でできること

無料会員の場合、それぞれの言語の基礎部分のみの体験となります。(表:レッスン部分を参照)

Progateに公開されている全ての言語を学習することができますが、初級編のみが受講可能になっています。

ですが、有料会員と変わらない学習スタイルで基礎を学習できるため、

「プログラミングに試しに触れてみたい」

「どんな感じのサービスしかしりたい」

こんな感じの方にとっては無料会員でも色々と知れるかなり太っ腹なサービスになっています。

無料会員でも十分にプログラミングを学ぶことができます。

有料会員に切り替えるのは無料会員で学習できる内容を終えてからで大丈夫です。

有料会員でできること

月額980円の有料会員になると、公開されている全ての言語の全てのレッスンを受講することができます。

初級編・中級編・上級編の内容や、それぞれに道場編といった力試しのレッスンが用意されています。

無料会員で学習できていた基礎に加え、応用を幅広く学ぶことができます。

月額980円というのは他の学習サイトや書籍・スクールなどと比較しても圧倒的に安い料金になります。学習にお金をかけたくない人にはProgate有料会員がおすすめです。

Progateのリアルな評判

「Progateの評判・評価ってどんな感じ?」

Progateのリアルな評判をTwitterで検索してまとめてみました。

プラスな評判

  • ゲーム感覚で学習できるのが楽しい!
  • スライドをまとめて見れるから覚えやすい
  • イラストが可愛いから継続できる
  • 基礎理解がしやすい!980円でできる事が多い!

プラスな評判は楽しさ・月額料金の安さに対してのものが多かったです。

全スライドが丁寧な解説とイラストを使って作られているので継続して勉強しやすいかなと思います。

マイナスな評判

  • 道場コースが難しい
  • 無料版でもっと基礎を学習させて欲しい
  • 何の言語から学習すれば良いかわからない

マイナスな評判は提供されているサービスに対してのものが多かったです。

実際公開されているコースが多く、最初のうちはどれから手をつけて良いかわからなくなってしまうかなと思いました…。

Progateで学べる言語

Progateでは様々なプログラミング言語を学ぶことができます。

それぞれのコースに基礎から応用のレッスンが用意されています。

  • HTML & CSS
  • JavaScript (ES5)
  • JavaScript
  • jQuery
  • Ruby
  • Ruby on Rails5
  • PHP
  • Java
  • Python
  • Command Line
  • Git
  • SQL
  • Sass
  • Go
  • React
  • Node.js

無料会員と有料会員で学べるコースの比較

下記に表を使って無料会員・有料会員で学べる全てのコースの比較を作りました。

HTML & CSS

レッスン名コース無料会員有料会員
初級編学習コース
中級編学習コース
上級編学習コース
Flexbox編学習コース
初級編道場コース
中級編道場コース
上級編道場コース

JavaScript (ES5)

レッスン名コース無料会員有料会員
lesson 1学習コース
lesson 2学習コース
lesson 3学習コース
lesson 4学習コース
lesson 5道場コース

JavaScript

レッスン名コース無料会員有料会員
lesson 1学習コース
lesson 2学習コース
lesson 3学習コース
lesson 4学習コース
lesson 5学習コース
lesson 6学習コース
lesson 7学習コース

jQuery

レッスン名コース無料会員有料会員
初級編学習コース
中級編学習コース
上級編学習コース
中級編道場コース

Ruby

レッスン名コース無料会員有料会員
lesson 1学習コース
lesson 2学習コース
lesson 3学習コース
lesson 4学習コース
lesson 5学習コース

Ruby on Rails5

レッスン名コース無料会員有料会員
lesson 1学習コース
lesson 2学習コース
lesson 3学習コース
lesson 4学習コース
lesson 5学習コース
lesson 6学習コース
lesson 7学習コース
lesson 8学習コース
lesson 9学習コース
lesson 10学習コース
lesson 11学習コース
lesson 1道場コース
lesson 2道場コース
lesson 3道場コース
lesson 4道場コース

PHP

レッスン名コース無料会員有料会員
lesson 1学習コース
lesson 2学習コース
lesson 3学習コース
lesson 4学習コース
lesson 5道場コース

Java

レッスン名コース無料会員有料会員
lesson 1学習コース
lesson 2学習コース
lesson 3学習コース
lesson 4学習コース
lesson 5学習コース
lesson 1道場コース
lesson 2道場コース

Python

レッスン名コース無料会員有料会員
lesson 1学習コース
lesson 2学習コース
lesson 3学習コース
lesson 4学習コース
lesson 5学習コース

Command Line

レッスン名コース無料会員有料会員
基礎編学習コース

Git

レッスン名コース無料会員有料会員
lesson 1学習コース

SQL

レッスン名コース無料会員有料会員
lesson 1学習コース
lesson 2学習コース
lesson 3学習コース
lesson 4学習コース
lesson 5道場コース

Sass

レッスン名コース無料会員有料会員
lesson 1学習コース

Go

レッスン名コース無料会員有料会員
lesson 1学習コース
lesson 2学習コース
lesson 3学習コース
lesson 4学習コース

React

レッスン名コース無料会員有料会員
lesson 1学習コース
lesson 2学習コース
lesson 3学習コース
lesson 4学習コース

Node.js

レッスン名コース無料会員有料会員
lesson 1学習コース
lesson 2学習コース
lesson 3学習コース
lesson 4学習コース
lesson 5学習コース
lesson 6学習コース

無料会員でも基礎学習(初級編・lesson1)はできることが分かります。

無料会員でひとまず学習してから、引き続き学習したいと思ったら有料会員に移行するという形で問題ないかと思います。

Progateの特徴と使い方

「Progateはどうやって学習を進めるの?」

「Progateならではの特徴は?」

Progateの基本的な仕様と特徴をまとめました。

丁寧なスライドで分かりやすい

上記の画像の通り、1つ1つ丁寧なスライドが用意されています。

イラスト付きで初心者にも概要が理解しやすいようになっています。

自分のコードと答えを比較できる

Progateはこの機能が非常に優秀です。

どうしてもわからなければ答えのコードも見ることが出来ます。自分の書いたコードと答えの比較ができるため、どの記述が違うのかをすぐに確かめられます。

インプット→アウトプットのテンポが良い

Progateでは3枚程度のスライドを見てインプットした後、すぐにそのスライドの内容を使ってコードを書いてアウトプットすることが出来ます。

細かく基礎応用をして進んでいくので、知識がちゃんと頭に入ってきます。

開発環境の構築が不要

Progateでは、サイト内で学習の全てが完結します。(実際にコードを書くエディタ部分・プレビュー部分がまとまっているという意味です)

メリットでありデメリットでもあるのですが、開発環境の構築が必要ありません。

最初の頃はプログラミングを動作させる環境構築が難しく、この作業をProgateではすっ飛ばして学習を進めることが出来ます。

Progateに向いてる人

学習方法には向き不向きがあります。

プログラミングの基礎を知っている人がProgateを利用しても得るものは少ないです。

Progateに向いている人は以下の通りです。

これからプログラミングの学習を始める人

言い方を変えるとプログラミングの学習をしたことがない人・プログラミングって何?というレベル感の初心者さんにおすすめです。

小難しい学習本から手を付けるのは邪道すぎます。

最初の方は細かく学習を進められるProgateのようなサービスがおすすめです。初心者向けに作られたサービスなだけあり、学習の敷居が低くとっつきやすいのが特徴です。

隙間時間にプログラミング学習をしたい人

Progateにはブラウザ版・アプリ版(iOS版/Android版)があります。

通学通勤などの隙間時間でも、アプリ版を利用すればブラウザ版と同じように学習ができます。学生の方や社会人の方におすすめです。

(アプリ版では公開されていない言語もあるので注意)

Progateとドットインストールの比較

初心者におすすめの学習サービスの「Progate」ですが、もう1つ有名な学習サービスに「ドットインストール」というものがあります。

Progateでは1レッスン3枚ほどのスライドを見る学習スタイルでしたが、ドットインストールでは3分程度の動画を見て学習していきます。

「Progateとドットインストールはどっちがおすすめなの?」

結論ですが、初心者さんにはProgateから始めるのがおすすめです。

ドットインストールについても同様に徹底解説しています。

完全初心者にはProgateの方がおすすめ

なぜProgateの方がおすすめなのかは、学習を始める準備の差にあります。

プログラミングにおいて、まず一番初めにする事は開発環境の構築です。

開発環境って何?って思うかもしれませんが、プログラミング言語の中にはただ書いただけでは動作させられないモノもあります。PCを普段あまり触らない人には、この開発環境の構築が非常に難しいと思います。

Progateでは、スライドを見るところから実際にアウトプットしコードを書くまでを、全てサイト内で完結できます。開発環境の構築をせずに学習を進めることができます。

最初の方は開発環境などは置いておいて学習に注力した方が良いです。

ドットインストールの方が難しい理由

Progateと違い、ドットインストールは動画を見て学習するサービスです。

ドットインストールでは、開発環境の準備から動画が用意されています。動画を見て自分で用意した開発環境で実際に学習を進めると、動画通りに進まないことがよくあります。(僕はそうでした)

また、Progateと比べると若干内容が難しくなっています。常に学習した内容の応用をしながら動画が進むため、やや初心者さんには不向きかなと思います。

Progateで基礎を1周学習後に、ドットインストールでProgateでは足りなかった部分を補填する。という形でサービス利用をするのが良いかなと思います。

実際にProgateの学習を活かして稼げるの?

ここまでProgateのサービス内容や特徴・おすすめの理由を紹介しました。

ですが、実際Progateの学習のみで仕事を取りお金にする事は難しいです。

なぜ難しいのか、稼ぐにはどうすれば良いのかを下記にまとめます。

Progateで学びきれない事

上記、「完全初心者にはProgateがおすすめ」でも書きましたが、Progateでは開発環境の構築の学習が用意されていません。また、「チーム開発」・「1からのWEBサービス開発」など、実際に業務を行う上で必須の知識が学習できません。

Progateのみではエンジニアに必要な能力が欠けてしまいます。

あくまでプログラミングの基礎学習だと思って取り組んでください。

Progateを終えたらすること

Progateを軽く学習したらドットインストールを利用することがおすすめです。

Progateでは触れていない開発環境の構築から、効率化の方法・よく使う応用など範囲を広げて学習することが出来ます。Progateで得た知識を再確認しながら知識を濃くしていってください。

副業レベルの知識を身に付けるには

Progateの後にはドットインストールがおすすめと紹介しましたが、まだまだ稼ぐまでには少し難しいです。(これは努力量に依ります)

継続して自分自身で新たな情報を調べて知識を増やしていってください。最初はインプットを沢山してアウトプットを沢山することが非常に重要です。

WEB制作に絞って、稼ぐまでのロードマップをまとめています。

この記事のまとめ

おさらい
  • Progate(プロゲート)とは何か?
  • Progateのサービス内容
  • 無料会員と有料会員の違い
  • Progateが初心者におすすめの理由

この記事では上記の内容をご紹介しました。

WEB制作の学習を始めるなら、継続ができて分かりやすく、正しい情報を得られる勉強法が必要です。

そんな方に「Progate」は非常におすすめのサービスです。

是非参考にしてみて下さい。

タイトルとURLをコピーしました