プログラミング学習サイト「Progate」の使い方！東大生作で初心者向けです

こんにちは。プログラミング勉強したいなーと思ってはすぐに挫折するということを何度も繰り返している黒猫です。

プログラミングを学習できるWEBサービスはいくつかありますが、「Progate」（プロゲート）は特に初心者に良いというお話を聞いたので、今度こそはと使ってみました。

というわけで、この記事では無料プログラミング学習サイト「Progate」について、使い方や使った感想なんかを書いていきたいと思います。

スポンサーリンク

Progateの使い方

Progate | Learn to Code, Learn to be Creative.

まずはProgateにアクセスし、ログインします。

ログインはTwitter、Facebook、メールアドレスのいずれかで簡単に行うことができます。

私はTwitterでログインしました。最初はアプリ連携を求められます。問題が無ければ許可しましょう。

学びたいプログラム言語をクリックします。2015年1月26日時点で学習メニューは以下の3つ。

学習は次のパターンで行われていきます。

スライド

最初はスライドで、これから学習する内容の説明があります。

こんな感じです。これは今から書くhタグの説明ですね。

スライドが終わったら「演習に進む」ボタンを押します。

演習（実際にプログラムを書く）

これが演習の画面です。

左側は演習の内容が書いてあります。ここはいわゆる「出題」の部分になっていて、指示通りに進めていきます。

真ん中はコードを書くところ。

右上はプレビューで、HTMLやCSSならプログラムを書き込むとリアルタイムに変化していきます。分かりやすいです。

右下は見本で、この演習で目指すところです。

レイアウトが分かりやすいですよねー。

課題ができたら、下の方にある「確認して次へ」ボタンを押します。

見事正解だと「Congratulations!」と表示され、次のスライドへと移動できるようになります。

こんな感じで、問題を次々とクリアしていくのがProgateの学習手順です。

レベルアップするとこんな感じで表示してくれますので、ロールプレイングゲームのキャラが育っていくみたいで楽しいです。

SNSでクリアした喜びをそのままシェアすることもできます。

スポンサーリンク

実際に使ってみた感想　気になる所と良い所

気になる所

サイトはまだ改良の途上にあって、動作がうまくいかないことがあります。絶対答えが合ってるのに先に進めない！って時は、F5でブラウザを更新させるとクリアできることがありました。

良い所

勉強って、最初につまづくとその教科全部が嫌いになっちゃうことがありますよね。

そういう意味で、プログラミングってどんな感じかなーという大枠のところを、実際にプログラムを書きながら体験できるところが、Progateの良さだと思います。

ファイル操作とか、ローカル開発環境の構築とか、そういう下準備段階でつまづく人も多いはずですし。

今後、学習できる項目がどんどん増えていくと思いますが、この分かりやすさは維持していって欲しいですね。

Progateについて

Progateのサイト作成者は東大工学部の学生さん2名。すでに出資も受けているようで、今後も開発がさらに進むと予想されます。

Progate公式Twitterがあります。

プログラミングは学ぶ機会は増えてきましたが、やはりメンターの存在、フィードバックの存在は大きいです。オンラインでメンタリングにつながるような仕組みを作っていきたい！！

— Progate (@prog_8) January 25, 2015

堀江さんも褒めてます。

至れり尽くせりだな これなら私でも学べそうーー学生起業家がつくるオンラインプログラミング学習「Progate」 – http://t.co/ZlAVjLeB7J

— 堀江貴文(Takafumi Horie) (@takapon_jp) November 11, 2014

他の学習サイトは？

ドットインストール – 3分動画でマスターする初心者向けプログラミング学習サイト

やはりプログラミング学習ならドットインストールが一番良いでしょう。ボリュームもありますし、田口さんの動画は分かりやすいです。

ただ早口でどんどん進んでいくので、最初はとっつきにくいかもしれません。

他にもいくつか学習サイトがあったので挙げておきます。

CODEPREP -オンラインでプログラミングを学ぼう-

CodeIQ｜ITエンジニアのための実務スキル評価サービス

Learn to code | Codecademy

私もそのうちこれらのサイトで勉強したいです。

でも、勉強してもなかなか自分でオリジナルのプログラムを書くところまで行けないのが悩み。