プログラミング学習用アプリケーションProgateを紹介!!

ブログ

Blog
  1. ホームページ制作・運営はアウラ:ホーム
  2. ブログ
  3. プログラミング学習用アプリケーションProgateを紹介!!

プログラミング学習用アプリケーションProgateを紹介!!

プログラミング学習用アプリケーションProgateを紹介!!

だんだん暑くなってまいりましたね。が、寝苦しさを感じて布団がいらないと思っていても、ときたまに朝晩の涼しさ(エアコン風?)で、風邪をひくので気を抜いてはいけません。

さて今回は、

  • 「サイト作りやシステムづくりには興味あるけど、プログラミングって敷居高そう」
  • 「学んでみたいけど、参考書は文字だらけで目がいたくなる」
  • 「プログラミングスクールに通いたいけど授業料が高い」

という方に向けて、アプリケーションを紹介します。

※無料版だと制限があります。

 

その名は「Progate」

Progateは

  • いくつかの企業での研修やITスクールでの教材として用いられています。
  • 実践的な開発に沿って、HTML、CSS、Javascript、PHP、Python、Sass、Git、etc・・・の概念とコードの書き方を同時に習得できます。
  • 動物やアニメーションのデザインに親近感があり、概念を説明するときの文字の少なさやスライド図による説明は効率的な学習を促します。

 
 

実際に使ってみましょう!

1.まず、Progate ホームページにアクセスします。

2.ログインか無料新規登録からメールアドレスとパスワードを入力して、ログインすると以下が表示されます。

ログイン画面 

  ①ユーザーが行ったレッスン数とその進捗
  ②日ごとにおこなったレッスン数を色分けで表示
  ③円チャートによる各言語での進捗具合

3.写真の左上の「レッスン一覧」から「HTML&CSS」を押すと以下が表示されます。

レッスン選択画面

4.「続きから始める」もしくは「レッスンを始める」を押すと、スライドショーが始まります。

レッスンスライド

5.スライドが終わるとコードを各画面へ、間違えたときにエラーも表示され・・・、

レッスンエラー画面

6.正解なら経験値がたまります!

レッスンクリア

7.ヒントと答えもあります。(挫折する前に見てください・・・。)

ヒント一覧
ロールプレイングゲームみたいにレベルアップを数字で実感できるシステムや日ごとまたは各レッスンごとの進捗を確認できるのも魅力的です。

飽きないし、「数字が上がるの楽しすぎて!!」っていう気になります。(※個人差あります)

 
 

最後に

読んでくださった方ありがとうございます。

プログラミングをこれから学ばれる方や職業に関係している方々の助けになれれば幸いです。
 

お電話でのお問い合わせはこちら:06-6292-8577。受付時間は平日9:30~18:30 インターネットからは24時間受付中!お問い合わせフォームはこちら
Webデザイナー、Webプログラマ募集中!