Web制作 おくだ屋

WEB制作 おくだ屋

//この中に次から作るsvgデータを入れていく
ホーム > ホームページ制作 > Progateの正直レビュー|できること・できないこと、初心者が最初に使うべき理由
ホームページ制作

Progateの正直レビュー|できること・できないこと、初心者が最初に使うべき理由

プログラミング学習を始めようとしたとき、最初に名前を聞くサービスのひとつが「Progate(プロゲート)」ではないでしょうか。

私自身もWeb制作の学習を始めた頃、まっさきに触れたのがProgateでした。今回は実際に使ってみた経験をもとに、Progateでできること・できないことを正直にお伝えしていきます。これから学習を始めようとしている方の参考になれば嬉しいですね。

Progateとは?まず結論からお伝えします

Progateは、プログラミングをゲーム感覚で学べるオンライン学習サービスです。

スライドで概念を学び、ブラウザ上のエディタで実際にコードを書く、という流れを繰り返しながら進めていきます。レベルアップやランキング機能があり、まるでゲームを攻略するような感覚で学習できるのが特徴ですね。

料金は月額1,628円(税込)で全コースが使い放題。無料でも一部のコースは体験できます。

Progateでできること・できないこと

実際に使ってみると、得意なこととそうでないことがはっきりしています。

できること

学習内容 コース例 難易度
HTML・CSS Webページの基礎 ★☆☆
JavaScript 動きのあるページ制作 ★★☆
Ruby / Ruby on Rails Webアプリ開発 ★★☆
Python データ・AI分野の入口 ★★☆
SQL データベース操作 ★☆☆
Git バージョン管理の基礎 ★☆☆
React フロントエンド開発 ★★★

これだけのコースが月額約1,600円で学べるのは、正直コスパがいいと思います。

できないこと

一方で、Progateには明確な限界もあります。

  • 自分でゼロからものを作る経験は積めない
    用意されたコードの「穴埋め」が中心なので、白紙から書く力はつきにくいですね。
  • エラーと戦う経験がない
    実際の開発では、エラーを読み解いて解決する力が必須ですが、Progateの環境ではエラーが出にくい設計になっています。
  • 応用力・組み合わせる力
    HTMLとCSSとJavaScriptを組み合わせて一つのWebサイトを作る、という実践的な作業はProgateだけでは難しいです。

Web制作学習の初心者にProgateをおすすめする理由

① 環境構築ゼロで始められる

プログラミング学習の最初の壁は「環境構築」です。テキストエディタのインストール、ターミナルの操作……初心者にとってここで詰まって挫折するケースは少なくありません。

Progateはブラウザだけで完結するので、パソコンさえあれば今すぐ始められます。最初の壁を取り除いてくれるのは、初心者にとって本当にありがたいですね。

② コードを「写経」ではなく「体験」できる

ただ読むだけ・見るだけでなく、実際に手を動かしてコードを書くことで理解が定着しやすくなります。「なんとなくわかった気がする」から「実際に書いて動かせた」という体験の積み重ねが、学習初期には特に重要です。

③ ゲーム感覚で続けやすい

学習を続けるうえで最大の敵は「飽き」と「挫折感」です。Progateはレベルアップ・称号獲得・学習ランキングなど、ゲーム的な要素が組み込まれています。

「今日も1レッスンだけ進めよう」という気持ちで継続しやすいのが、他の学習サービスにはない強みですね。

道場コースで手が止まったとしても、それは当たり前

Progateを進めていくと、「道場コース」という応用問題が登場します。

私も初めて道場コースに取り組んだとき、正直かなり手が止まりました。それまでのレッスンは「ほぼ穴埋め」だったのに、道場コースは自分でゼロから書く問題が多く、急に難しくなった印象を受けましたね。

でも、それは当たり前のことです。

道場コースは「理解できているか確認する場」ではなく、「考えながら書く経験を積む場」です。手が止まっても、ヒントを見ながら進めてOKです。答えを見て「なるほど」と思うことも、立派な学習のひとつです。

最初から全部スラスラ解ける人はほとんどいないので、詰まっても自分を責めないでくださいね。

Progateの次に何をすればいい?

ステップ 内容 ツール例
STEP 1 ローカル環境を構築する VSCode + ブラウザ
STEP 2 模写コーディングをする 好きなサイトをHTML/CSSで再現
STEP 3 オリジナルページを作る ポートフォリオ・自己紹介サイト
STEP 4 GitHubで管理する GitHub + VS Code
STEP 5 実案件・クラウドソーシングに挑戦 クラウドワークス・ランサーズ

Progateで学んだことは「地図を手に入れた」段階です。実際に地図を使って旅をするのは、自分でコードを書くところから始まりますよ。

まとめ:Progateは「最初の一歩」に最適なツール

もう一度まとめましょう。

  • Progateはゲーム感覚でプログラミングの基礎を学べる最高の入口
  • HTMLやCSS、JavaScriptの基本を体験するには最適
  • 一方で、自力で作る力・エラー対処力は別で鍛える必要がある
  • 道場コースで手が止まるのは当然のこと、焦らず進めましょう
  • 月額1,628円という価格は、独学ツールとして非常にコスパがいい

プログラミング学習に「才能」は関係ありません。続けた人が身につけていく世界です。Progateをうまく活用して、Web制作の第一歩を踏み出してみましょう。