東京大学工学部の4年生の2人が創業した『Progate』。プログラミング学習サイトとは言うがいったいどのようなものなのでしょう?名前からはすべてブラウザ上で行えるプログラミング学習だとわかりますが…。
登録は非常に簡単でメールアドレスと希望するユーザー名を登録するだけ。facebookやTwitterのアカウントでもログインできるようです。
ログイン後の画面。学びたい言語を選択するボタンと現在のステータス(!?)が表示されています。「10EXP」とか「Lv.1」とかまるでロールプレイングゲームのようですね。修得したスキルの数も表示されています。ユーザーにわかりやすく、かつユーザーを引き込む工夫が凝らされていると感じられます。
そして、「Lesson」から「HTML&CSS」を選択すると…。
レッスンの概要が書かれたスライド形式のナビゲーションパネルが表示されました。
ホームページの概要説明や。
HTML言語の概要説明まで。現実的にはこれだけの説明では、当然語れるものではないのですが、ユーザーがここを読んでいる時点でプログラミングに集中させる為に、不要な情報は省いて簡単かつ的確にまとめてあります。
この後、タグなどの簡単な説明が続いたあとに、いざ演習に進みます。
演習用のページはこんな感じになっています。
左側に演習でやるべき事が書いてあり、中央はテキストエディタになっています。右側にはプレビューなどがあります。ユーザーに演習目的を提示してあげ、エディタで実践し、プレビューで確認する。学習に必要なものは揃っています。
演習課題をクリアすると、このようにレベルアップ(!?)して終了のようです。これを繰り返すことで習熟度をあげていくわけですね。
ブラウザひとつで始められるプログラミング学習。興味深いですね。
- 出典
- Progate