以前からプログラミングを一から学習、または復習したいと思い、何かよいサービスがないか探していたところ、Progateというブラウザ上でプログラミング言語を学べるWebサービスを見つけました。
今回はオンラインでプログラミングが学べる、Progateをご紹介いたします。
Progateとは
Progateはオンラインでプログラミングが学習できるサービスで、わかりやすいイラストで解説がされていたり、実際のコードをブラウザ上で書いて結果を見ることができます。また、スライド形式で進むので、問題を解いている時に解説に戻って確認したり、ヒントを見たりとすべてがスムーズにでき、問題を解くに当たってはほぼサイト上で完結しています。
特徴
Progateの特徴として下記のような点が挙げられます。
- プログラムを組むための環境を構築する必要がない。
- ブラウザ上で行えるので、Windows、Mac共に利用できる。
- 間違っている箇所があればその場で指摘してくれる。
- どこまで進んだかわかりやすい。
- 自分のランキングを公開してどの順位かを確認できる。
- 問題を解くとEXP(経験値)を入手でき、レベルが上がるとSNS(Twitter、Facebook)に進み具合を投稿できる。
- マイページで自分のレベル、言語の進み具合をレーダーチャートで確認出来るので面白い。
どんな言語を学べるのか
現在Progateでは下記の言語を学ぶことができます。
- HTML & CSS
- JavaScript
- jQuery
- Ruby
- Ruby on Rails
- PHP
- Java
- Python
- Swift
- Command Line
- Git
上記の言語(11コース)で、46レッスン(問題)を受けることができます。
無料会員と有料会員
Progateには無料会員(プラン)と有料会員(プラン)があり、無料会員は基礎レベルの11レッスンを学習できます。有料会員は現在公開中の全46レッスン 、基礎から実践まですべてを学習できます。
また、有料会員にはプラス会員、プレミアム会員と二つの制度があり、プレミアム会員はプロのエンジニアのサポートをチャットで受けることができます。
無料会員 |
|
---|---|
プラス会員(有料) |
|
プレミアム会員(有料) |
|
有料プランへの登録には、事前に新規登録/ログインが必要です
支払い方法
現在有料プランの支払い方法は下記のようになっています。
- クレジットカード(Visa、AMERICAN EXPRESS、MasterCard、Diners Club)。
- デビットカード。
- Paypal(※JCBを利用できる)。
会員登録
会員登録はトップページ中央にある「無料会員登録」から行えます。

FacebookまたはTwitterのアカウントを持っていると、ログインしているSNSのアカウントで登録することができます。SNSのアカウントがない場合でも、メールアドレスで登録することができます。

「メールアドレスで登録」を選択した場合は、ユーザー名、メールアドレス、パスワードを入力して登録します。

登録したメールアドレス宛てにメールアドレスの認証を行うメールが届くので、記載されているリンクにアクセスすると認証が完了します。

使い方
メニューの「レッスン一覧」から学習する言語を選択することができます。

一覧から学習する言語を選択します。

選択した言語からさらに学習コースを選択してレッスンを開始します。

スライドで解説を見る
問題を解く前に、対応する解説をわかりやすいイラスト付きのスライド形式で見ることができます。

問題を解く
ブラウザ上で入力し「確認して次へ」をクリックすると、「コンソール」で結果を見ることができます。また、結果を見る前に「見本」としてどのように出力されるかを前もって確認することができます。

問題がどうしても分からない時は「ヒント」をクリックすると、問題のヒントや答えを見ることができます。

戻って解説をみることができる
問題を解いてる最中に、解説を再度見たくなったときは、該当するボタンをクリックすると解説スライドに戻ることが出来ます。

また、解説スライドから問題に戻りたいときは右上にある「X(閉じる)」ボタンをクリックするといつでも戻ることができます。

「マイページ」でステータスや進捗を確認する
アカウントの「マイページ」からステータスを確認することができます。

レベルやパラメータ、どこまで進んだかが表示され、続きから学習することができます。

コースのクリア後
コースをクリアした後、コースの一覧に戻ると「レッスンを始める」という表示から「復習する」という表示に変わります。

コースを復習する場合、記述したコードを「リセットして復習」、「そのまま復習」を選択することができます。また、記述したコードをダウンロードして残すこともできます。

ダウンロードしたファイルを解凍すると、ページ毎のフォルダが作られます。

フォルダの中には問題を解いたときのコードファイル(script.js)が入っています。

まとめ
- Progateはオンラインでプログラミングが学習できるサービス。
- 言語(11コース)で、最大46レッスン(問題)を受けることができる。
- 解説などがスライド形式で見やすい。
- どこまでクリアしたかを確認することができる。
- コースのクリア後に復習ができる。
- 登録は無料会員(プラン)と有料会員(プラン)がある。
- 無料会員は11レッスン、有料会員は全レッスンを受けることができる。
- 無料会員はプラス会員、プレミアム会員に分かれる。
- プレミアム会員はプロのエンジニアからチャットでサポートを受けることができる。
- 有料プランの支払い方法はクレジット、デビット、Paypalの3つ。
Progateはオンラインで基礎からプログラミング言語を学びたい、といった方にはピッタリのサービスです。いきなり課金してしまうのが不安、といった方も無料会員としてお試しでいくつかのレッスンを受けることができるので安心です。
わかりやすいイラスト付きのスライド形式で気軽に学べるので、気になった方はProgateにいってみることをおすすめします。
コメント