意識高い系中島diary

都内在住。意識高い系大学生の見聞録。Twitter ID @Nakajima_IT_bot

スマホでプログラミングが学べる「Progate」がすごかった

オンラインでプログラミング学習サービスを提供しているProgateからスマホ版アプリがリリースされました。

 

僕は以前Progateを使って勉強したことがあったので、早速スマホ版Progateを使ってみました。

 

とても革新的で使いやすかったので、今回はスマホ版Progateの魅力についてお伝えします。

 

f:id:Nakajima_IT_blog:20180202114139j:plain

 

まずProgateを起動すると、学習できる言語の一覧が表示されます。

 

f:id:Nakajima_IT_blog:20180202114158j:plain

 

2018年2月2日現在では無料で学べるHTMLとCSSだけですが、随時追加される予定です。なおWeb版のProgateではJavaやPython、Swiftなど色々な言語が学べます。

 

早速、HTMLとCSSのレッスンを受けてみました。

 

ちなみにHTMLというのはホームページを作るのに必要で、CSSはサイトをカスタマイズするのに必要な言語です。

 

 

 わかりやすいスライド

Progateの魅力は何と言っても初学者でも簡単に理解できる教材です。Web版と同様、きれいでわかりやすいスライドで学習が進められます。

 

f:id:Nakajima_IT_blog:20180202114236j:plain

 

f:id:Nakajima_IT_blog:20180202114422j:plain

 

f:id:Nakajima_IT_blog:20180202114651j:plain

 

 

 

画期的なキーボード

僕が一番気になっていたのが、キーボードの仕様です。コード入力をスマホの小さなキーボードから入力するなんて使い勝手が悪すぎないかと心配していました。

 

しかしさすがはProgate。下の画像をご覧ください。

 

 

f:id:Nakajima_IT_blog:20180202114441j:plain

 

 

あらかじめ用意されたコードを選んで貼り付けられるようになっています。

 

 

いちいちタイピングする必要がありません。クイズのようにコードを選んでいくだけ。めんどくさい入力の手間が省け、プログラムの理解に集中できます。

 

 

また、コードを打つたびに左のプレビューに変更が追加され、リアルタイムで自分が何をしているか確認することができます。

 

 

f:id:Nakajima_IT_blog:20180202114503j:plain

 

また見本もみられるようになっており、自分が作っているものと見比べながらコーディングを進めることができます。

 

 

 

達成感が得られる

今回実際に受けたHTMLとCSSのレッスンは全23回の構成でした。各レッスンを達成するごとに経験値が得られ、レベルアップしていきます。

 

f:id:Nakajima_IT_blog:20180202114532j:plain

 

f:id:Nakajima_IT_blog:20180202114547j:plain

 

絶好のスクショポイントですよね

一回のレッスンの情報量もちょうどよく、集中を切らさずに勉強できます。もしつまずいても答えを見たりコードのリセットができるので再出発可能です。

 

f:id:Nakajima_IT_blog:20180202114603j:plain

 

このHTMLとCSSのレッスンを終えると、こんなホームページが完成します。

 

 

 

f:id:Nakajima_IT_blog:20180202114619j:plain

 

 

レベルとしては完全に初学者向けで、これからプログラミングを始めようという人にぴったりだと思います。

 

 

随時新しい言語が追加されるということなので、ぜひ皆さんも試して見たください。

 

prog-8.com