Webサービスでプログラミングを学習できるさいとはいくつかあります。そのうちの一つで「Progate」がありますので、ご紹介いたします。

「Progate」とは?

Web上でプログラミングを勉強していく事は冒頭で述べました。ではどんな機能を利用してできるのかといいますと、

  • スライドで基礎知識を学習
  • エディタにコードを書いて実践
  • プレビューで確認

です。エディタもWebサービス上のものを利用するので簡単便利です。独自で勉強していく場合はローカルに環境を作る必要があるので便利だと思いました。

また、スキルアップが望めるものとして、Webサービスには必要な言語が一通り学べます。

Progate

メニューJavaScript(2015年10月時点)がまだのようですが、html、CSS、PHPは今のWebサービスおいて外せないものとしてうれしいのが、「Ruby」「Ruby on Rails(以下、RoR)」が体系的に学べるのです。

メニューを確認

いくつかありますが、現在勉強中のRuby、Ruby on Railsについてご紹介いたします。

Ruby

基礎
Rubyのメニューは「基礎編」「応用編」です。

基礎編 応用編
Rubyとは? オブジェクト指向とは?
Rybyの基礎を学ぼう オブジェクト指向の基礎
条件分岐 クラスを敬称しよう
配列、ハッシュを使う 車に機能を追加しよう
繰り返し処理
英単語当てゲームを作ろう

ざっくりと書きましたが、インスタンスの説明や変数も応用編で登場し、一気に難しくなりますので、複数回チャレンジする必要があります。応用共に4〜5時間かかります。

Ruby on rauls

初級
RoRRubyのメニューは「基礎編」「初級編」「応用編」です。Rubyより少々内容が濃くなっており、やることなすことが多いです。

初級編 中級編 応用編
Ruby on Railsを始めよう! scaffoldとは? deviseを準備しよう
Railsの基礎を学ぼう scaffoldのコード(1) deviseを活用しよう
投稿機能を作ろう scaffoldのコード(2) ユーザー認証を仕上げよう
投稿を表示させよう ユーザーをscaffoldしよう いいね!機能を作ろう
投稿を編集、削除しよう ユーザーと投稿を結びつけよう いいね!に関連する機能をつけよう
renderを使いこなそう いいね!機能をajaxにしよう
プロフィール画像を表示しよう

scaffoldはサクッと機能が作れて強力ですので、お勉強しておいて損はないと思います。応用編のユーザー認証とか、「いいね!」機能は魅力だなと感じました。

可愛いマイページ

マイページが以外や以外。可愛い仕上がりです。トップページのメインビジュアルのデザイン質感とは代わり、なんかほっこりします。
ユーザーページ会員登録下ばりですので、Lv1です。
僕はRubyとrailsしか興味がないのでそちらの方向に向かってグラフが変わっていくのかなと考えています。
yoaftこんな感じですね。

その他・まとめ

Ruby、RoRの勉強に関しては、多くの書籍もでているので勉強はしやすいと思います。勉強はできますが、やはり「公開」してみる事も大切です。ユーザーの評価があってこそ、そのサイトをどうしていこうかと考える事ができますので、独りよがりにならないためにも、是非、公開していきましょう。無料Webさーびすであれば「heroku」が有名です。

サーバーで本格的にアプリケーションを動かしたいという方は、格安のレンタルサーバーは注意してください。Ruby on Railsが動かない事がほとんどです。rubyはある程度動きます。railsを動かしたい場合は「http://sqale.jp/」が一通り揃っているのでスモールスタートには良いかと思っています。

Progate

コメントを残す

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