paiza開発日誌

IT/Webエンジニア向け総合求人・学習サービス「paiza」(https://paiza.jp ギノ株式会社)の開発者が開発の事、プログラミングネタ、ITエンジニアの転職などについて書いています。

初心者が動画で0からプログラミングを学べるサービスをやってみた

f:id:paiza:20150225112328p:plain

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

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


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

先日このブログで、プログラミング初心者の弊社社員にオンラインでプログラミング学習ができるサイト『Codecademy』を使って、PHPの学習をしてもらったというお話をしました。


初心者でも簡単にPHPを学べる!Codecademyやってみた - paiza開発日誌

そこで今回は、その次のステップとしてpaiza動画でプログラミング学習ができるレッスン、パイザ・ラーニングを使って、PHPの学習をしてもらいましたので、その過程をご紹介していきます。

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

PHP入門編:プログラミングを学ぶ1

f:id:paiza:20150225112451p:plain
では、実際にこちらの『PHP入門編:プログラミングを学ぶ1』に挑戦してみましょう。

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

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

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

◆このレッスンで何を身につけられるの?

f:id:paiza:20150216110745p:plain
PHP入門編は、PHPでプログラミングの初歩が学べるレッスンとなっています。

変数、配列、演算子、条件分岐、ループといったプログラミングの基礎的な概念の部分から、動画を通して順番に学んでいくことができ、『PHP入門編:プログラミングを学ぶ2』までのレッスンを通じて「平成年度計算」や「占い」等のWebアプリケーションを作成していただけます。

◆このレッスンの学び方

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でレッスン完了となりますので、全て無料でご覧いただけます!

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

f:id:paiza:20150216112139p:plain
では、『01:PHPとは?』からレッスンを始めてみましょう!

◆01:PHPとは?

f:id:paiza:20150216112553p:plain
『01:PHPとは?』では、まず改めてPHPの概要の説明があります。

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

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


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


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


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

◆06:サイコロを作る

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


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


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


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


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


ちなみにこのエディタ、関数や変数を使おうとすると
f:id:paiza:20150217120759p:plain

f:id:paiza:20150217120808p:plain
ちゃんとオートコンプリートしてくれるんですね!使いやすい!

PHP入門編:プログラミングを学ぶ2 06:今、平成何年?を計算する

f:id:paiza:20150225114343p:plain
では、レッスンを進めてPHP入門編最後のチャプター『06:今、平成何年?を計算する』に挑戦してみます!

f:id:paiza:20150225120637p:plain
平成何年か計算するコードの書き方を教えてくれます。


f:id:paiza:20150225114922p:plain
教わったとおりにコーディングして実行ボタンを押してみます。


f:id:paiza:20150225115343p:plain
ちゃんと計算できたー!PHP演算子が使えるようになったぞー!『PHP入門編:プログラミングを学ぶ1』から『プログラミングを学ぶ2』まで、2時間ちょっとで修了できました!!

■まとめ

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

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

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




paizaラーニング」では、未経験者でもブラウザさえあれば、今すぐプログラミングの基礎が動画で学べるレッスンを多数公開しております。

↓詳しくはこちら
paiza.jp

そして、paizaでは、Webサービス開発企業などで求められるコーディング力や、テストケースを想定する力などが問われるプログラミングスキルチェック問題も提供しています。
paiza.jp
スキルチェックに挑戦した人は、その結果によってS・A・B・C・D・Eの6段階のランクを取得できます。必要なスキルランクを取得すれば、書類選考なしで企業の求人に応募することも可能です。「自分のプログラミングスキルを客観的に知りたい」「スキルを使って転職したい」という方は、ぜひチャレンジしてみてください。

ITプログラマ・エンジニア向け転職・就活・学習サービスのpaiza