Progate(プロゲート)だけで仕事できる？現役フリーランスがよくある疑問に回答してみた【結論：無理です】

こんにちはTERUです。
フリーランスでホームページやECサイト制作を仕事にしています。

読者の悩み

• Progate(プロゲート)だけ学習すれば仕事できるの？
• Progate(プロゲート)学習後には何をすればいいの？
• Progate(プロゲート)の有料プランは必要？

プログラミング学習サービスとして有名なProgate（プロゲート）ですが、学習を進める中で初心者の方にとって共通した疑問が出てくると思います。

実際に僕も初学者の頃はやりながら思ってました。

実際に現場で通用するレベルになるのか？他に何を勉強しないといけないのか？などなど。。

本記事は、副業やフリーランスでWEB制作（主にコーディング）を仕事にしたい方を対象にしています。

初めにProgate(プロゲート)の特徴と使い方について説明しています。

手っ取り早く、よくある疑問について知りたい方はこちらからどうぞ！

Progate（プロゲート）を含めたコーディングの独学方法については、以下の記事でまとめています。

この記事を読んで分かること

• Progate(プロゲート)の特徴と使い方が分かる。
• Progate(プロゲート)に関するよくある疑問が解決する。

Progate（プロゲート）とは？

オンライン上でプログラミングを学べる学習サービスです。

2014年からサービスを開始し、現在は100カ国以上、ユーザー数が200万人を超える人気のサービスです。
Progate(プロゲート)では、下記２種類のプランが用意されています。

• 無料プラン
• プラスプラン

まずはプログラミングを体験してみたいという方は、無料プランから気軽に初めてみましょう。
※僕も最初は無料プランで始めました。
本格的にスキルを身につけるためにはプラスプラン（月額980円）での学習が必要になってきます。

Progate（プロゲート）の特徴

Progate（プロゲート）の特徴は下記の３点です。

• 継続しやすい仕組みが整えられてる
• ブラウザ完結！余計な環境設定不要
• パソコン、スマホどちらも対応可能

継続しやすい仕組みが整えられてる

Progate(プロゲート)では、下記のような継続しやすい仕組みが用意されています。

• 経験値やレベルなどゲーム要素を盛り込んで、継続しやすい形になっている
• 教材がイラスト中心のスライド形式なので進めやすい
• 各コンテンツ毎に細かく分けられてるので飽きにくい

ブラウザ完結！余計な環境設定不要

Progate(プロゲート)では、ブラウザ上で直接プログラムを書いてレッスンを進めることが出来ます。

プログラミングは普通ソフトやツールなど、プログラムを書く前にある程度環境設定が必要です。
初心者の方は、その段階で挫折してしまうパターンが多いです。
Progate(プロゲート)では、面倒な環境設定無しに始めれるので、初心者でも気軽に始めれます。

パソコン、スマホどちらも対応可能

パソコンのブラウザだけでなく、スマホのアプリからも学習可能です。

アプリの場合、ブラウザ上とは違い、コードを打つというよりは、選択肢の中から回答を選ぶスタイルです。

通勤中などの移動時間にサクッと出来るので、一度試してみて下さい。

Progate（プロゲート）の使い方

公式サイトから会員登録（無料）すれば、すぐに利用できます。

登録完了後は、レッスン一覧から自分の学習したいプログラミング言語を選択しましょう。
フロントエンドからバックエンドまで人気の言語が用意されています。

学習できるプログラミング言語

オススメのプログラミング言語

結論、まずはHTML＆CSS講座をやりましょう。

WEB制作には必須のスキルですし、初めてプログラミングに触れる方も比較的簡単で取りかかりやすい言語です。
HTML＆CSSが理解できるとサイトの見た目を作ることができます。
自分が入力したコードの結果が直ぐ形となって見えるので、モチベーションも保ちやすいです。

Progate（プロゲート）に関するよくある疑問

下記３点のよくある疑問に対して回答していきます。

• Progate（プロゲート）の有料プランは利用すべきか？
• Progate（プロゲート）だけで仕事ができるようになるのか？
• Progate（プロゲート）での学習後にやることは？

Progate（プロゲート）の有料プランは利用すべきか？

結論、有料プランは利用すべきです。

HTML＆CSSを例にしますが、無料プランで実施できるのは、初級編のみです。
初級編のみだとHTML/CSSの基礎を理解してだけで終わってしまいます。
※自分で考えて学習する機会も少ないです。

中級編以降ですごしずつ考えながら手を動かす機会が増えていきます。
特に道場コースでは、自分である程度考えながら手を動かす必要があるので、スキルが身につきやすいです。

有料プランは1ヶ月毎の更新なので、

Progate（プロゲート）だけで仕事ができるようになるのか？

結論、Progate（プロゲート）だけでは無理です。。

なぜならProgate（プロゲート）での学習だけでは、実案件の作業に必要なスキルが足りていないからです。

例えば、WEB制作のコーディング案件を例にして考えてみます。
Progateの「HTML＆CSS」や「jQuery」、「JavaScript」を勉強することでコードを書く基礎の部分は、十分学ぶことができると思います。
ただ、コーディング案件は、コードを書く以外にも作業があります。

• ファイル操作（ダウンロード/アップロード）
• サーバ環境設定
• デザインデータからの情報取得

詳しくは下記の記事にまとめていますので、参考にしてください。

Progate（プロゲート）での学習後にやることは？

結論、実案件に近い形での学習です。

フリーランスとしてWEB制作の仕事をする場合、Progate（プロゲート）と現場作業の違いを理解して、その差を埋める学習をした方がいいです。

デザインデーターを元にしたコーディング

実案件では、デザインデータ（PSDやXD）を元にコーディングを行うことが大半です。

デザインデータからのコーディングは、案件作業を獲得するために必須のスキルです。

デザインデータで多いのは下記の3パターンです。

この3種類に対応できれば8割がた案件に対応可能です。
※残り2割はイラストレータ

複数のAdobeソフトを利用する場合、Adobe CCを契約することで費用を節約できます。
さらに、Adobe CCを通常価格よりもお得に購入したい場合は、「デジハリ経由でAdobe CCコンプリートプランを安く購入する方法」の記事をご覧ください。

デザインデータからコーディングする具体的な方法は下記の記事を参考にしてください。

PSDデータの場合

XDデータの場合

FIGデータの場合

練習するためのデザインデーターが無いって方は下記のサイトから練習用データをゲットできます。
>>練習用デザインデータ

WordPressを用いたサイト制作

コーディングだけでも仕事はありますが、単価が上がりにくいので、続けていくのはシンドイです。。

コーディング＋αのスキルとしてWordPressのサイト制作を身につけましょう。
WordPressの構築方法を学ぶことで対応できる案件の幅が一気に広がります。

ちなみにコーディングに関するキャリアについては、下記の記事で詳しく説明しています。

学習する際のオススメ教材は、たにぐちまことさんの「WordPress開発マスター講座」です。
>>WordPress開発マスター講座

ポートフォリオサイトの公開

最後にポートフォリオサイトの公開です。

可能ならwordpressで公開しましょう。
ポートフォリオサイトを公開することは、自分の制作物をアピールする以外にも

• ファイル操作（ダウンロード/アップロード）
• サーバ契約＆環境設定
• 独自ドメイン取得＆紐付け

などWEB制作に関連するスキルを持っていることのアピールに繋がります。

おまけ

WEB関連のオンラインサロンに入るのも一つの手です。

実際に僕は、Shibajukuというオンラインサロンに入っており、下記のメリットを感じています。

• プロの方やフリーランスを目指す方など、同じ目標を持った人と横の繋がりを作ることができる
• デザインからコーディング、マーケティングなどWEB制作関連のスキルが体系立てて学べる
• 独学て勉強する際に避けて通れない不安（このやり方で合ってるのかな？）を解消できる。

特にフリーランスとして活動したい人は、技術力はもちろん、人脈も重要になります。
コミュニティでゆるい繋がりを持っておくのがオススメです！

記事のまとめ

今回は、Progate（プロゲート）に関するよくある疑問について回答してみました。

Progate（プロゲート）は、プログラミング初心者にとって素晴らしいサービスです。
ただ、仕事をするためにはProgate（プロゲート）以外での学習は必須です。

仕事をするために必要なスキルの全体像を把握して、自分に足りないスキルを一つずつ習得していきましょう！

関連記事