paiza times

paizaがお届けする、テック・キャリア・マネジメント領域における「今必要な情報」を届けるWebメディア

logo

paizaがお届けする、テック・キャリア・マネジメント領域の「今必要な情報」を届けるWebメディア

プログラム未経験者の同僚が、たった1時間でゲームを作った方法

f:id:paiza:20161209202840j:plain
Photo by Emmett Tullos

f:id:paiza:20140916135428p:plainこんにちは。今回は谷口がお送りします。

先日このブログの記事で、Flappy Codeを使って、実際に弊社社員にビジュアルプログラミング学習をしてもらい、ゲームを作ってもらったということを少し書きましたが、今回はそのFlappy Codeのプレイ方法から、ゲーム作成に至るまでをお話ししていきたいと思います。

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

■Flappy Codeでビジュアルプログラミングを学ぼう

f:id:paiza:20141014170610p:plain

Flappy Codeは、「米国の全ての学校にプログラミングの授業を導入しよう」とするNPO団体、Code.orgのサイトでプレイすることができます。

What will you create? | Code.org
Code.org


実際にやってみましょう。

f:id:paiza:20141014171000p:plain

まずこのような問題が表示されまして(日本語対応してくれていますが、微妙な部分は多々あります)


f:id:paiza:20141014170914p:plain

エディタと実行環境に当たる画面が表示されます。


f:id:paiza:20141014172257p:plain

問題のとおり「クリックしたとき」のブロックの下に「フラップ」のブロックをドラッグ&ドロップしまして、実行を押しますと……


f:id:paiza:20141014171942p:plain

クリックに合わせて鳥さんが上昇していく~!


f:id:paiza:20141014172116p:plain

成功のようです。

このような感じで問題を進めていきます。


f:id:paiza:20141014172724p:plain

5問目です。障害物を通過したら得点が加算されるようにしろってことかな……。


f:id:paiza:20141014173324p:plain

「障害物を通過したとき」ブロックの下に、「1ポイント」ブロックをドラッグ&ドロップしまして……


f:id:paiza:20141014173434p:plain

実行。


f:id:paiza:20141014173716p:plain

できた~!

この調子で9問目までを通過しますと……


f:id:paiza:20141014173920p:plain

あなた自信(自身でしょうね)のフラッピーゲームを作ってみせろと……。お前の信じるお前のフラッピーゲームを信じろと……。


f:id:paiza:20141014174240p:plain

これが10問目のエディタ画面ですが、かなり細かく機能設定ができるようになっていますね~。背景やクラッシュ時の音なんかも設定できます。


f:id:paiza:20141014185343p:plain

こんな感じで作ってみました。


f:id:paiza:20141014185450p:plain

できた~!だいぶ気が早いですがFlappy Santaだそうです!

ちなみにここまでの所要時間は1問目開始からおよそ1時間です。遅いのか早いのか分かりませんが、本人は楽しかったと言っています。

ヒット時のランダム要素とポイントのマイナス量が多すぎるクソゲー(と言ったら怒られました)ですが、ぜひ遊んでみてください!(※効果音の設定もしてありますので音量注意です)

仕組みボタンを押せば中身も見ることができます。


Code.org

■まとめ

Flappy CodeFlappy Santaができるまで、いかがだったでしょうか。

ビジュアルプログラミング学習サイトはたくさんありますが、Flappy Codeは、自分でゲームを作って遊び、さらにそれを人に公開して遊んでもらえるというところが、実装~納品の疑似体験という感じで面白いと思います。

プログラミング初心者の皆さん、ぜひオリジナルのFlappy Gameを作ってみてください。

また、「他のビジュアルプログラミング学習のサイトも触ってみたい!」という方や、「既にある程度のプログラミングはできるから、実際のコーディングを学びたい!」という方は、先日このブログで書きました記事を参考にしてみてください。ゲーム感覚で楽しく学べる15サイトをご紹介しております。


初心者も楽しく勉強できる!ゲーム感覚でプログラミングが学べる15サイト - paiza開発日誌

そしてコーディングの基礎が身についてきましたら、ぜひpaizaでご自分のスキルをはかってみてください!




paizaは、技術を追い続けることが仕事につながり、スキルのある人がきちんと評価される場を作ることで、日本のITエンジニアの地位向上を目指したいと考えています。

自分のスキルを磨いていきたいと考えている方におすすめなのが「paizaラーニング」。オンラインでプログラミングしながらスキルアップできる入門学習コンテンツです。初心者でも楽しくプログラミングの基本を学ぶことができます。

paizaラーニング

そして、paizaでは、Webサービス開発企業などで求められるコーディング力や、テストケースを想定する力などが問われるプログラミングスキルチェック問題も提供しています。

paizaのスキルチェック

スキルチェックに挑戦した人は、その結果によってS・A・B・C・D・Eの6段階のランクを取得できます。必要なスキルランクを取得すれば、書類選考なしで企業の求人に応募することも可能です。「自分のプログラミングスキルを客観的に知りたい」「スキルを使って転職したい」という方は、ぜひチャレンジしてみてください。

paizaのおすすめコンテンツ

Webセキュリティ入門 ハッカー入門 Webセキュリティ講座がスタート!CVは内田真礼さん! Python✕AI 機械学習入門講座 CVに上坂すみれさんを起用!人気の機械学習講座を公開中!
paiza転職 paiza新卒 EN:TRY paizaラーニング 記事内に記載している情報は、記事公開時点でのものとなります。 Copyright Paiza, Inc, All rights reserved.