blog ブログ

2022.10.27

プログラミング学習アプリ 「progate」 体験レポート

WEB


引用元:Progate
こんにちは 、コーダーの Shige です。
私はこれまでプログラミング学習は、専門学校の授業でWEBサイトでよく使われる主要なHTML・CSSのタグやプロパティの動きを一つ一つ理解し、暗記してから、繰り返し模写サイトを構築していました。
実務経験を積むうちに、より学んでいかないといけないなと思ったので、初心者に人気でわかりやすい「progate」を使って学習してみました。

Progateとは

Progateとは、初心者向けのオンラインプログラミング学習サービスです。270万以上のユーザーが利用しています。(2022/08/現在)
1,078円/月(税込)で実際に手を動かしながらプログラミングを学べるサービスになっています。基本的に無料で「初級編」や「基礎編」まで受けることが出来ます。
分かりやすいイラスト中心のスライドで直感的に、自分のペースで学習を進められることから初心者に好まれています。

学べる言語は15種類あります。

Webサイト制作で必要なスキルとして挙げられる言語が、HTML、CSS、jQuery、JavaScript、PHP 等でしたのでこれらを中心に学習してみました。

Progateの良い点

学習開始までのハードルが低い

プログラミングを始めるには、自分でプログラムが動作する環境をPCで構築する必要があります。書籍などには専門用語がたくさん書かれており、初心者には難しく感じるハードルの高いものでありました。書籍の通りにやってもバージョンやPCの条件次第で上手く行かないみたいなことがあります。
しかし、Progateはブラウザやスマホのアプリで完結するため、すぐにプログラミングに触れられます。

かわいいゲーム感覚で学習できる


上記画像のようにProgateにはレベルやランキング機能、またSNSに投稿できたり、空き時間や暇な時間にプログラミングを学習してレベルアップしよう!!という、モチベーションアップにつながります。

スライドでわかりやすい


Progateでは1枚のスライドに要点がまとまっており、視覚的で分かりやすく感覚的にプログラミングを理解することができました。
スライドは単体で後から検索することも可能で、忘れてしまってもまたすぐに見返せるのがとても良いです。
ソースコードの1行1行に解説があることが多くわかりやすいです。

実際に手を動かしてコードを書くことができる


Progateではブラウザ上で実際にコードを書いて試すことができます。仮にプログラムが間違っていて動かなくてもどこが間違っているのか、答えがすぐ理解できるので学習が進み、プログラミングが「楽しい!」と思えるようになると思います。
コードを書く際にはヒントが書かれているため、楽しく学ぶことができます。

実際に学習してみたところ


毎日、一時間、一週間コツコツ続けて、jQuery初級編からjQuery中級編までクリア出来ました。

プログラミングは難しいと言われるので、よく使われる機能のアルゴリズムをそのまま覚えるというのも一つの手段だと思います。最初は答えを見ながら慣れるまでは、構文や記述の方法、関数やメソッドを書き写して暗記してしまうのもありだと感じました。

まとめ

「progate」は初心者にはわかりやすく、学習しやすいツールだと感じました。これをきっかけにして実際のサイトやアプリの制作にも役に立つと思います。
近年では新型コロナウィルスの影響により、学校・企業がオンライン授業やテレワーク(リモートワーク)へ移行してきており、また2020年に小学校の教育課程でプログラミング必修化されました。
そのような背景からもプログラミングの需要は高まっていくと期待されていますので、勉強する価値はあると思います。

Webサイト制作のご依頼、ご相談等お気軽にお問い合わせください!

posted article 投稿記事

  • 【初心者向け】【CSS】表の行や横列を固定しよう

    2024.11.20

    [初心者向け][CSS]表の行や横列を固定しよう

    WEB
  • 【初心者向け】CSSスクロールに合わせたアニメーションを作ろう

    2024.11.12

    【初心者向け】CSSスクロールに合わせたアニメーションを作ろう

    WEB
  • hinode ICT lab CSSで簡単なアニメーションを作ろう

    2024.10.28

    【初心者向け】CSSで簡単なアニメーションを作ろう

    WEB
  • 【初心者向け】実務で使える便利な機能5選(コーディング編)

    2024.09.12

    【初心者向け】実務で使える便利な機能5選(コーディング編)

    WEB
View more

contact お問い合わせ・ご相談

制作のご依頼や予算のお見積りなど、まずはお気軽にお問い合わせください。

contact