2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Progateの良いところ・残念なところ

Last updated at Posted at 2020-03-19

経緯

自分の働いているスタートアップでは,Progate修了レベル程度のユーザーにフォーカスしたサービスを展開している. 自分も開発やサービス開発を今後やっていくにも関わらず,自分はProgateを使用したことが無かった.対象ユーザーのレベル感を知るとともに良い点・残念な点を自社のサービスに活かそう,ということで実際に使ってみることにした.

Progateとは

「初心者からできるプログラミング学習」を掲げる初心者向けプログラミング学習サイト([Progate公式サイト](https://prog-8.com/)). スライド中心の学習を行った後に実際にオンラインエディタでアウトプット,の流れを繰り返すことで知識を深める. UIは全体的にイラスト多めでデザインが美しい. 個人的に推しているのはなんといってもコース数が多いところ,Web系の言語からPython,コマンドラインまで学習できる.

要件

今回の要件は次の通り.
  • 筆者はプログラマ歴3年
  • Pythonを一通りは使えるが体系的に学習したことはない
  • Progateの用意されているレッスン(Python ⅠからPython Ⅴまで)を一日で学習

結果

かかった時間はだいたい3時間位,ページに載っていた想定時間が9時間くらいだったはずだから,多分1/3くらいの時間で修了.今までなんとなく使っていた言葉(メソッドや継承とか)のしっかりしたイメージを持てるようになった.

良かった点

UIが綺麗

モチベーションの大半はUIの綺麗さや後述のオンラインエディタに依存する.全体的にパステルカラーの配色で言語ごとに統一感がある.プログラミングはコンソールの真っ黒な画面にひたすら向かう,と思っている初学者は少なくなく,いい意味でその期待を裏切ってくれる.

オンラインエディタ

オンラインのエディタがチャプターの演習部分で使用できる.もともと書いてあるコードにヒントやコメントをもとにプログラムを追記していく.基本的に,そのチャプターで学習すること以外は既に埋めてあり,新規で学んだ部分のコードだけ埋めていく.最終的にオンライン実行され結果が表示されたり,エラーやヒントが表示されたりする.特にエラーの通知が素晴らしく,次のようにエラーコードを噛み砕いて分かりやすく説明してくれる.
  • 実際のオンラインエディタ(公式サイトより)
    公式サイトより

  • 実際のコード

# 文字列のキーと数値の値を持つ辞書を作って、変数itemsに代入してください
items={"apple":100,"banana":200,"orange":400}

# for文を用いて、辞書itemsのキーを1つずつ取り出していく繰り返し処理を作成してください
for item_name in items:
    # 「---------------------------------------------」を出力してください
    print("---------------------------------------------")
    # 「◯◯は1個△△円です」となるように出力してください
    print(item_name+"は1個"+str(items[i])+"円です")
  • コンソールの出力
---------------------------------------------
Traceback (most recent call last):
  File "pana4.py", line 9, in <module>
    print(item_name+"は1個"+str(items[i])+"円です")
NameError: name 'i' is not defined
  • Progate側で出たホップアップ
    Screenshot_20200313_154450.png

コンソールのエラーに焦る初心者は少なくなく,そのような人が躓かないようになっている.

流れが自然

プログラミング初心者で初めてProgateでPythonやります,みたいな人でもついてこれるチャプター設定.
  • PythonⅠ…文法と条件分岐
  • PythonⅡ…リストと辞書,繰り返し(for文,while文)
  • PythonⅢ…関数(引数,返り値)
  • PythonⅣ…クラスとインスタンス
  • PythonⅤ…クラスの継承・総合演習

チャプターごとに学習することもできるよう.技術的な部分のイラストも多く,特に継承らへんはイメージしづらい部分をいい感じにまとめてあった.

残念な点

身にならない

実際に触ってみた感じかなりサクサクと進めることができた.それは要所要所でコメントがついていたり,エラーが丁寧だったりするからだ.しかしながら逆に言えば,コメントに従えば深い知識が無くても正しい答えにたどり着いてしまう.実際にクラスを扱うチャプターでは,それがクラスなのかメソッドなのか変数なのか考えなくてもコメントに従えばコードが書けてしまう. 実際に開発するとなったとき,そういう部分で詰まると自己解決が出来ないのでは,と感じた.

採点が謎

Progateはコードの出力だけじゃなくコードの中身まで正規表現などで採点しているよう.そのため,きめ細かいエラーメッセージなどが出せる半面,特定の解答のみしか通らない,という問題もある.筆者が気づいた例を下に示す.

if文のカッコ

if文で条件式の前後にカッコをつけると,出力が一致してもProgate側でエラーとされる.
  • エラーになるコード
# countが3以上のとき、total_priceに0.9をかけてください
if (count>=3):
    total_price*=0.9
  • Progateの出力
    Screenshot_20200313_173005.png

  • 正しいとされるコード

# countが3以上のとき、total_priceに0.9をかけてください
if count>=3:
    total_price*=0.9

その他

Progateで学習していないようなことをやるとエラーになる(がそれはしょうがない気もする).働いた悪知恵を次に示す.

bool演算の悪用

not演算子を用いて条件判定を行う部分のチャプターで次のように記述したところ,Progate側でエラーになった.これについては可読性下がるし想定されていないのはしょうがない.
  • 正しいコード
# zが77ではない場合に「zは77ではありません」と出力してください
if not z==77:
    print("zは77ではありません")
  • 記述したコード
# zが77ではない場合に「zは77ではありません」と出力してください
if z-77:
    print("zは77ではありません")
  • Progate側で出たホップアップ
    Screenshot_20200315_145759.png

改行コード

二回に分けて出力することを想定している部分を「\n」でつないでもProgate側でエラーになる.というか,Progate側で改行コードくらい解説してくれても良いのでは...?

エディタ環境

オンラインエディタ,基本的には優秀だが気になるところが1点だけ.インデントのタブが半角スペース4つなのがかなりのストレス.for文などでインデントの補完がされるのでインデントを削除する機会が多いにも関わらず半角スペース4つは萎え,タブ文字にしてくれ...

扱っていない部分

全5回のチャプターではもちろんカバーできてない部分が多い.基本文法の中でもタプルや集合はカバーしてないし,文章処理(検索・置換・正規表現など)は1mmも触れられてない.今後プログラミングを使ってどんなことをやる,みたいなのを決めるには得られる知識が少なすぎる.

まとめ

Progateは初心者がプログラミングの敷居を下げるには最適な教材だと思う.が,エンジニアを目指して実践に役立つ知識を習得したり,今後自分がやりたいことを見つけるには不向きなツールかな,と感じた.
2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?