学生のつくるプログラミング学習サイト『Progate』とは?

おもしろかったら友だちとシェアしよう!

東京大学工学部の4年生の2人が創業した『Progate』。プログラミング学習サイトとは言うがいったいどのようなものなのでしょう?名前からはすべてブラウザ上で行えるプログラミング学習だとわかりますが…。

登録は非常に簡単でメールアドレスと希望するユーザー名を登録するだけ。facebookやTwitterのアカウントでもログインできるようです。

553_01

ログイン後の画面。学びたい言語を選択するボタンと現在のステータス(!?)が表示されています。「10EXP」とか「Lv.1」とかまるでロールプレイングゲームのようですね。修得したスキルの数も表示されています。ユーザーにわかりやすく、かつユーザーを引き込む工夫が凝らされていると感じられます。

そして、「Lesson」から「HTML&CSS」を選択すると…。

553_02

レッスンの概要が書かれたスライド形式のナビゲーションパネルが表示されました。

553_03

ホームページの概要説明や。

553_04

HTML言語の概要説明まで。現実的にはこれだけの説明では、当然語れるものではないのですが、ユーザーがここを読んでいる時点でプログラミングに集中させる為に、不要な情報は省いて簡単かつ的確にまとめてあります。

この後、タグなどの簡単な説明が続いたあとに、いざ演習に進みます。

553_05

演習用のページはこんな感じになっています。

553_06

左側に演習でやるべき事が書いてあり、中央はテキストエディタになっています。右側にはプレビューなどがあります。ユーザーに演習目的を提示してあげ、エディタで実践し、プレビューで確認する。学習に必要なものは揃っています。

553_07

演習課題をクリアすると、このようにレベルアップ(!?)して終了のようです。これを繰り返すことで習熟度をあげていくわけですね。

ブラウザひとつで始められるプログラミング学習。興味深いですね。

出典
Progate