【Progate】初心者が1ヶ月試してみた!身についたスキル&作ったサイトを紹介

はるかす
こんにちは!はるかす(@mametyralove)です。

 

Progateに登録してから約1ヶ月が経過しそうなので、完全プログラミング初心者がどのくらい上達したのかを紹介していきます。

正確にはこの記事を書いている時点で登録後29日、全くやらなかった日や凄く頑張った日もありました。ごく平均的なはずです。

身についたスキル・試しに作ってみたWEBサイトも公開するので有料会員になろうか悩んでいる方に参考になればと思います。

※初心者故、書いてあることが100%正確ではない可能性があります。

 

Progateとは
月額980円で様々なプログラミング言語の学習ができるWEBサービス。公式サイトはこちら 

身についたスキル

HTML & CSS

HTMLとCSSはWEBサイトの見た目を作る基本的な言語です。特に複雑なことはしないのでかなり楽にレッスンを終えることができます。

HTML&CSSのレッスンは同時進行で以下の順番で行われます。

HTML & CSS
  1. HTML、CSSの基本文法の習得
  2. 動きのあるサイトにしていく
  3. レスポンスデザインに対応

※レスポンスデザインとは、PCやスマホなどでレイアウトを変えて見えやすいようにするものです。

このレッスンを最後まで終わらせると、このような「見た目」のWEBサイトが作れるようになります。

画像ではわかりにくいですが、ヘッダーが固定されていたりボタンを押すとリアルに押したような感じになっています。

あくまで見た目だけなので実際に登録やログインするシステムは実装されていません。

 

JavaScript & jQuery

はるかす
説明がかなり適当だから注意!詳しい説明はこちらのサイトで!

JavaScriptは先程のHTML,CSSと組み合わせて、さらに動きのあるサイトを作ることのできるプログラミング言語です。

jQueryはJavaScriptの処理をまとめた超便利なものです。JavaScriptとはレッスンは違いますが、jQueryはJavaScriptの拡張パックみたいなものなので同じ場所に書きました。

JavaScript
  • 基本文法の学習
  • 基本文法を応用したプログラムの練習
jQuery
  • jQueryの扱い方を確認
  • HTML&CSSで作成したサイトの改造

JavaScriptは、HTMLとは違い本格的なプログラミング学習になってきます。わからないことが増えたり、ややこしいことも沢山ありますが復習をしまくれば大丈夫です。

実を言うと、jQueryの方はまだ全レッスン終わっていません。JavaScriptを終えてjQueryの学習を始めたのですが、途中でわからなくなってJavaScriptの復習中です。

とは言え、jQueryをなんとなく扱えるレベルには至りました。

 

Ruby & Ruby on Rails5

はるかす
説明がかなり適当だから注意!詳しい説明はこちらのサイトで!

RubyはWEBサービスを作るのに重要

Ruby
  • 基本文法の学習
  • 並行して「注文システム」を作成
Ruby on Rails5
  • コンソールの使い方の学習
  • 主にRubyを書きながらWEBサービスの作り方を学習
  • 並行して簡単なSNSを作成

RubyはJavaScriptを先に学習していたおかげか、あまり難しくは感じませんでした。Rubyの書き方がシンプルであることも理由です。

Ruby on Rails5 の方はまだ途中までしか学習していませんが、自力で簡単なSNSを作れるようにはなりました。

Progateを1ヶ月使ってみた感想

思ったより上達スピードが速い

Progateのスライドがシンプルかつわかりやすかったので効率良く学習に取り組めたように思えます。

僕はこのような順番でプログラミング言語を学びましたが、順番は悪くなかったと思います。初心者視点から言わせてもらうと楽です。

学習順序
  1. HTML & CSS
  2. JavaScript
  3. jQuery(途中)
  4. Ruby
  5. Ruby on Rails5(途中)

 

レベル機能が楽しい

演習をクリアすると経験値が手に入り、一定数貯まるとランクが上がります。経験値ボーダーはランクが上がるに連れて高くなっていきますが、言語ごとにランクが別れているので新しく言語を学ぶ際はレベルアップが速いです。

また、総合ランクは言語ごとのランクを合計した値になっていくので新しい言語を始めたばかりでもランク100〜105になるまでが速かったりするのでモチベーションが保たれますね。

現在僕のランクは「173」です。

 

ランキング機能も良い

Progateには期間内で獲得した経験値の合計をランキング形式にして公開される昨日があります(自分を非公開にすることもできる)。期間は当日、週間(月〜日)までがあります。

僕は今週、結構頑張ったので夕方の時点で日曜日のデイリーランキング7位ウィークリー7位を取っていました!

初心者は関係ないようなものですが、総合ランクのランキングもあります。1位の方はランク「1895」でした。よくわかりません。

 

製作中のサイトを紹介

好きなゲーム関連のサイト

僕は所謂「オタク」でして、『アイドルマスターミリオンライブ!シアターデイズ』という音ゲーを毎日欠かさずプレイしています。

遊んでいて曲をランダムで選んでくれる機能があれば良いと思い、作ったのがProgateを学びながら作ったWEBサイトになります。

楽曲のジャケット画像を使用しているので最初のロードはかなり長いはずです。どんなサイトかは動画を撮ってツイートしておきました。


Rubyはまだ導入していないのでHTML、CSS、Javascriptで構成されたWEBサイトになります。

Progateで習っていない部分もありますが、基礎知識があればネットで調べたコードを使うことなんて大して難しいことではありません。

まだまだ開発を続けるのでURLを開いた頃にはまた変わっているかもしれません。

それでは失礼します。

アイドルマスター ミリオンライブ! シアターデイズ

アイドルマスター ミリオンライブ! シアターデイズ

BANDAI NAMCO Entertainment Inc.無料posted withアプリーチ

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です