読者です 読者をやめる 読者になる 読者になる

paiza開発日誌

paiza(https://paiza.jp)の開発者が開発の事、プログラミングネタ、ITエンジニアの転職などについて書いています。

わかりやすい!プログラミング初心者がRubyの無料学習サービスやってみた

プログラミング初心者 プログラミング学習 Webサービス紹介

f:id:paiza:20151119111800p:plain
f:id:paiza:20140916135428p:plainこんにちは、谷口です。

paizaには、オンラインでプログラミング学習ができるパイザ・ラーニングという無料コンテンツがございます。そちらに、この度Rubyプログラミングを動画で学習できるレッスンが追加されました!動画と演習課題でRubyの基礎が学べますのでぜひごらんください!


初心者でも楽しく学べるプログラミング入門サービス | paizaラーニング

今回は、プログラミング初心者の弊社社員にパイザ・ラーニングを使ったRubyの学習を実際にしてもらいましたので、その過程をご紹介していきます。

ちなみにやってもらったのは、普段は事務を担当しており、プログラミング実務経験はなしの弊社女性社員ですので、初心者のサンプルとしては最適な人材だと思います。

Ruby入門編でプログラミングを学ぼう

f:id:paiza:20151125143830p:plain
では、実際にこちらの「Ruby入門編」に挑戦してみましょう。(ちなみに「PHP入門編」もありますよ!)

■入門編って、実際どれくらいのスキルの人を対象にしてるの?

f:id:paiza:20151119112503p:plain
こちらのRuby入門編では、これからプログラミングを学びたいと言う方、paizaランクではD~Eランクの方、HTMLが『タグで文章構造や見栄えなどを変えて表示させることができるもの』ということぐらいなら知っているという方を対象としています。

本当にプログラミングを全くやったことがないんだけど、大丈夫なの?」「HTMLってWebサイト作るときに文字の色とか変えたりするやつでしょ?使ったことはないけど」という方でも安心してチャレンジしていただけます!

■何が勉強できるの?

f:id:paiza:20151119112543p:plain
Rubyでプログラミングの初歩を学び、標準出力や変数の使い方といったプログラミングの基本を手順を追って勉強することができます。

こちらの入門編では、実行するたびに出力される数字が変わるサイコロWebアプリも作れますよ!!

■料金はかかるの?

Ruby入門編は全チャプターを通して無料でご利用いただけます!!

■このレッスンの学び方

f:id:paiza:20150216111136p:plain
各チャプターに進むと、上のようなレッスン画面が開きます。

動画エリアでは、各チャプター約3分の動画が表示されます。

補足テキストエリアでは、動画の補足説明や、解説している問題の問題文などが表示されます。「演習課題へ進む」ボタンを押すと、そのチャプターの学習内容をもとにした類似問題が出題されます。

コードエリアでは、自由にコードの記述、実行が可能です。動画の内容を実際にコーディングして試すことができます。

入出力エリアでは、コード実行時に標準入力する入力値の設定ができ、コード実行後の出力値が表示されます。

エディタエリアでは、動画を見ながら、動画に出てきたものと同じコードをすぐに書くことができ実行結果もすぐに入出力エリアで確認することができます。面倒な設定や環境構築が不要なオンライン実行環境になっていますので、「こうしたらどうなるのかな?」と思うことがあれば、演習問題とは関係のないコーディングも自由にできます

例えば、こんなコードと入力で実行して……
f:id:paiza:20150225113334p:plain

出力タイプをHTMLに変えて全画面表示をすれば、実行結果をWebサイトのように表示することも可能です!
f:id:paiza:20150225113508p:plain


各エリアは、境界線上でドラッグすれば自由にサイズを変えられます。

さらに、paiza登録・ログインをしていただければ、レッスン中に発生した疑問点をアドバイザーに質問することができます!

登録・ログインをしてこちらのレッスンを受講してくださっている方の画面には、こちらのような「アドバイザーに質問する」ボタンが表示されています。
f:id:paiza:20150225115556p:plain

ボタンを押すとこのような質問画面が表示されますので、受講中に「どうしても分からないところがある!」「人に聞きたいところがある!」ということが発生した場合は、アドバイザーに質問をしていただくことができますよ!(※アドバイザーからの返信は後日になります。)
f:id:paiza:20150225115630p:plain


各レッスン、チャプター9以降の動画は有料になります(その場合は、$1.0でチャプター9〜12までをご覧いただけます。演習課題等は無料でお試しいただけます。)が、PHP入門編は1がチャプター8、2がチャプター6でレッスン完了となりますので、全て無料でご覧いただけます!

■実際にやってみよう!パイザ・ラーニングの動画でRubyレッスン

f:id:paiza:20151125144236p:plain
では、「01:Rubyとは?」からレッスンを始めてみましょう!

◆01:Rubyとは?

f:id:paiza:20151125144423p:plain
「01:Rubyとは?」では、まず改めてRubyの概要について説明があります。

◆02:Rubyプログラムを書いてみよう

f:id:paiza:20151125144545p:plain
「02:Rubyプログラムを書いてみよう」から、いよいよ実際にRubyのコードを書いてみるレッスンが始まります。


f:id:paiza:20150216113041p:plain
動画が終わったら、『演習問題へ進む』ボタンを押してみます。


f:id:paiza:20151125144855p:plain
演習問題が表示されました!コードエリアで問題を解いて、「コードを実行」ボタンを押して、入出力エリアで結果を確認してみます!


f:id:paiza:20150216113457p:plain
演習問題に正解すると、このようなクリア画面が表示されます!やったー!
この調子で次のレッスンへと進んでいきます!

◆06:サイコロを作る

f:id:paiza:20151125145129p:plain
では、次にちょっと飛んで『06:サイコロを作る』に挑戦してみます。


f:id:paiza:20151125145350p:plain
プログラミングでサイコロを作るやり方を教えてくれますので……


f:id:paiza:20151125145539p:plain
同じようにコーディングして実行ボタンを押してみますと……


f:id:paiza:20151125145625p:plain
結果が出たー!サイコロなので再び実行ボタンを押してみますと……


f:id:paiza:20151125145717p:plain
出力される数が変わったー!サイコロだー!


ちなみにこのエディタ、関数や変数を使おうとすると
f:id:paiza:20151125145843p:plain
ちゃんとオートコンプリートしてくれるんですね!使いやすい!

◆09:データの型をおぼえよう

f:id:paiza:20151125150020p:plain
では、レッスンを進めてRuby入門編最後のチャプター「09:データの型をおぼえよう」に挑戦してみます!

f:id:paiza:20151125150159p:plain
データの型の異なる数値や文字の連結について教えてくれます。

f:id:paiza:20151125151138p:plain
演習課題をやってみて……

f:id:paiza:20150216113457p:plain
正解できたー!「Ruby入門編」、1時間半ほどで修了できました!!

■ちょっと応用……

Rubyでの計算や出力の方法を勉強してもらった同僚に、演習課題にはない「西暦を入力すると平成何年か出力するシステム」をオンライン実行環境paizaIOで作ってみてもらいました。(標準入力の処理はあらかじめ書いておきました)

おっ……すぐにできた模様……!
f:id:paiza:20151127185916p:plain


西暦を入力して、実行ボタンを押すと……
f:id:paiza:20151127190156p:plain


平成何年か出力された~!できてる~!!
f:id:paiza:20151127190254p:plain


こちらが同僚に書いてもらったコードです。よかったら入力値を変えて実行してみてくださいね!!ブログパーツ上でコードを好きなように書き換えてから実行することもできますので、ぜひ触ってみてください。

ちなみにpaizaIOは、オンラインでプログラミングを実行できるだけでなく、このように↑ブログに貼って実行することおもできます。

プログラミングを試してみたいとき、プログラミング学習をしたいときなど、無料ですのでぜひ使ってみて下さい!

ブラウザでプログラミング・実行ができる「オンライン実行環境」| paiza.IO

■まとめ

1本3分の動画と演習問題を通して、Rubyプログラミングがオンラインで効率よく学べるパイザ・ラーニングの動画学習レッスン、いかがでしたでしょうか。

弊社社員は、「Ruby入門編」を通してやってみて1時間半ほどでレッスンを完了できたそうです。そして挑戦してみた感想を聞いたところ、「動画を好きなようにストップしたり巻き戻したりしながら見られるのが自分のペースで勉強できて良いし、何より日本語なのがありがたい!!」と言われました。独学でプログラミングを勉強したい皆様、これからもレッスンはどんどん追加されていきますので、ぜひご活用ください!プログラミング学習や教育をする際に、皆様にお役立ていただければと思います。

また、ITエンジニアに特化した転職・学習サービスpaizaもあわせてよろしくお願いいたします!




paizaではスキルのあるエンジニアがきちんと評価されるようにし、技術を追い続ける事が仕事につながるようにする事で、日本のITエンジニアの地位向上を図っていければと考えています。特にpaizaではWebサービス提供企業などでもとめられる、システム開発力や、テストケースを想定できるかの力(テストコードを書く力)などが問われる問題を出題しています。

テストの結果によりS,A,B,C,D,Eの6段階でランクが分かります。自分のプログラミングスキルを客観的に知りたいという方は是非チャレンジしてみてください。

http://paiza.jp

プログラミング入門講座|paizaラーニング

PHP入門編Ruby入門編Python入門編Java入門編JavaScript入門編C言語入門編C#入門編アルゴリズム入門編