シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > プログラミングの勉強を本気でWebゲーム化した「CodinGame」が時間泥棒確定!
注目記事ピックアップ
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
share0
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
スタートアップや企業Webサイトの作成に必要な機能全部入りの「uKit」が無料公開中!
share0
スタートアップや企業Webサイトの作成に必要な機能全部入りの「uKit」が無料公開中!
思わずWebアプリを開発したくなる「JavaScriptライブラリ7選」を一挙公開!
share0
思わずWebアプリを開発したくなる「JavaScriptライブラリ7選」を一挙公開!
iPadに話しながら手描きするだけで、授業風の動画を作って公開できる「Educreations」が超絶便利!
share0
iPadに話しながら手描きするだけで、授業風の動画を作って公開できる「Educreations」が超絶便利!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
プロジェクター不要のプレゼン資料が作れるWebサービス「Slides」があまりに多機能過ぎる件!
share0
プロジェクター不要のプレゼン資料が作れるWebサービス「Slides」があまりに多機能過ぎる件!
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
share0
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
share0
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
「Prott」新機能のワイヤーフレーム作成ツールで、超高速プロトタイプピングを実践してみた!
share0
「Prott」新機能のワイヤーフレーム作成ツールで、超高速プロトタイプピングを実践してみた!
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
share0
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
share0
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
share0
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
HTML5アプリをChromeアプリに爆速変換できる「Monaca」のビルド能力がスゴイ件!
share0
HTML5アプリをChromeアプリに爆速変換できる「Monaca」のビルド能力がスゴイ件!
YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
share0
YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
share0
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
プログラミング
2014/10/03 22:30

プログラミングの勉強を本気でWebゲーム化した「CodinGame」が時間泥棒確定!


どうも、まさとらん(@0310lan)です!

プログラミングのスキルが、なかなか向上しない…と感じている方に朗報です!

非常に丁寧に作りこまれたWebゲームを遊びながら、プログラミングの勉強をすることが出来る無料のWebサービスが海外で注目されているのでご紹介します。

それが、「CodinGame」です!


 

 

どんなサービスなの?
まずは、実際にプレイしてみましょう!

サイトのトップページにある「PLAY」ボタンをクリックします。


 

トレーニングコースが用意されているので、こちらをクリックします。


すると、メイン画面の解説チュートリアルが始まります。

 

チュートリアルが終わると、いよいよゲーム開始なのですが、念のため「メイン画面の区分」を以下に明記しておきます。


基本的には、コードエディタでプログラミングをすることで、左側のゲームが遊べるというカタチになっています。

 

肝心のプログラミング言語なのですが、驚くことに「20種」の実行環境が搭載されています。


JavaScript、Go、C++、ObjectiveC、Haskell、PHP、Perl、Python、Scala、Rubyなど…、人気の言語をリアルタイムに切り替えることが出来るようになっています。

つまり、「CodinGame」を使うことで、複数のプログラミング言語も学習できるわけですね。

 

遊べるゲームは、学習するコースによって異なっており、トレーニングコースでは「ディフェンス系シューティングゲーム」が遊べるようになっています。


トレーニングコースで遊べる「ゲームの内容」を簡単に言ってしまうと…

「プレイヤーをプログラミングして、迫り来る敵をすべて撃ち落とす!」

…というモノになっています。

 

この「プレイヤーをプログラミングする」というのがミソで、普通のゲームみたいに勝手にいろいろ動いてくれません。

そのため、初期状態のまま実行してしまうと…


 

すぐに敵の攻撃を受けて、ゲームオーバーになります。


 

そこで、初期状態のプログラムを修正したり、ゼロから作り替えたりしてプログラムを完成させていくわけです。

しかも、コードの内容が自動で診断されるため、最も効率の良い最強のプログラムを入力しないと、最高得点の100%を狙うことが出来ません。


 

そこで、まずはコードに書かれた「コメント」部分のヒントを読むことで、どのようにプログラミングしたら良いのかを理解しましょう。


すると、コンソールに出力される情報を頼りにして、敵を撃ち落とせば良いことが分かるはず!

 

そこで、コンソールを見てみると、さまざまな情報が出力されています。


基本的には、敵の「名前」「距離」を読み取って、近い敵から先に撃ち落とすプログラムを実行すれば良さそうです!

 

このように、どのコースにも必ず「ヒント」が明記されているので、これらの情報を頼りにプログラムを組み立てていく事になります。

そして、試行錯誤しながら「ゲームクリア」を目指し、プログラミングの「スキルアップ」をすることが「CodinGame」の最大の魅力となっているわけです。

 

また、どうしても解決できない問題が発生しても、フォーラムで意見交換が活発に行われているので、誰かが助けてくれるのも魅力的です。


 

今回、ご紹介したトレーニングコースを終了したら、他の多彩なコースもぜひ遊んでみてください。


アクションあり、パズルありの極上ゲームが遊べるので、ついつい時間を忘れて熱中してしまいますよ。

 
Webから「世界大会」にも参加可能!
実は「CodinGame」では、世界規模の「プログラミングコンテスト」を開催しています。


次回のコンテストは、2014年10月25日となっており、もちろんWeb上から参加することができます。

内容は、各コースで学習する問題と同じようなカタチで行われて、スコアなどランキング上位を競うモノになっています。上位入賞者にはしっかりとプレゼントも用意されており、今回は優勝者に「iPhone6 Plus」が進呈されるようです。
(プレゼントは、他にもいくつか用意されています…)

 

コンテストは日本からでもOKで、過去にさまざまなゲームで激戦が繰り広げられているのが分かります。


コンテストの協賛に、珍しく「任天堂」の名前が明記されているのに驚きました…。

今後、日本人プレイヤーが多くなっていけば、さらに面白いコンテストになりそうな気がしてなりません。

 

 
おまけ
最後に、週末の時間が空いた時にでも、じっくり「プログラミング学習」してみたい方に最適なWebサービスを合わせてご紹介しておきます!

 

ソースコードを解析することで、プログラミング学習が可能になるWebサービスまとめ!


「ソースコードを読み解く」ことに特化した学習が出来るサービスを厳選しています。これらを学ぶことで、コードをキレイに書くスキルも身につきやすくなるはず!

 

クイズに答えるだけで「プログラミングの勉強」ができるWebサービスたちにハマる!


クイズ形式で出題される多彩な「難問」に答えながら、プログラミングスキルを向上させることが出来るWebサービスを厳選しています!

 

 
まとめ
今回ご紹介した「CodinGame」は、前提知識として「プログラミングの基礎」はある程度知っておかないと厳しいかと思います。

なので初心者の方は、「Codecademy」や「ドットインストール」などで、サクッと基礎を学んでからプレイしてみると面白さが倍増するはず!(学習する際には、コチラの記事が参考になるかも…)

ある程度、慣れてきたら…ぜひ!世界規模のコンテストにも参加して、世界一を目指していきましょう!

 

 

written by まさとらん

 

 

 


 

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る